/* -------------------------------------------------- Setup */
:root {
    /* 色 */
    --c-blu: #1d5aac;
    --c-blk: #333;
    --c-red: #d00;
    --c-pnk: #ed7877;
    --c-grn: #22ac38;
    --c-wht: #fff;
    --c-gry-lightest: #f0f0f0;
    --c-gry-light: #e0e0e0;
    --c-gry: #ccc;
    --c-gry-dark: #999;
    --c-gry-darkest: #4b4b4b;

    /* フォントサイズ */
    --f-xxl: 2.4rem;
    --f-xl: 2rem;
    --f-l: 1.6rem;
    --f-m: 1.4rem;
    --f-s: 1.2rem;
    --f-xs: 1rem;

    /* サムネイル画像 */
    --thumb-xxl: 300px;
    --thumb-xl: 200px;
    --thumb-l: 150px;
    --thumb-m: 100px;
    --thumb-s: 80px;
    --thumb-xs: 50px;

    /* 角丸 */
    --border-r: 3px;

    /* マージン */
    --grid-gutter: 1em;
}

/* -------------------------------------------------- reset */
html, body, div, span, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; }
li { list-style: none; }
a { margin: 0; padding: 0; vertical-align: baseline; color: #1d5aac; cursor: pointer;}
img { max-width: 100%; border: 0; vertical-align: bottom; }

/* -------------------------------------------------- setup */
html { height: 100%; font-size: 62.5%; -ms-overflow-style: -ms-autohiding-scrollbar; }
@font-face {
    font-family: "MyYuGothicM";
    font-weight: normal;
    src: local("YuGothic-Medium"),  /* Postscript name */
         local("Yu Gothic Medium"), /* for Chrome */
         local("YuGothic-Regular"); /* Mediumがない場合 */
}
@font-face {
    font-family: "MyYuGothicM";
    font-weight: bold;
    src: local("YuGothic-Bold"), /* Postscript name */
         local("Yu Gothic");     /* for Chrome */
}
body {
    height: 100%;
    background-color: #fff;
    color: #4b4b4b;
    /* font: 12px/1.6 -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.bar {
    padding: .25em .5em;
    color: #fff;
    color: var(--c-wht);
    font-weight: normal;
    background: #1d5aac;
    background: var(--c-blu);
    border-radius: 3px;
    border-radius: var(--border-r);
}
.bar-s {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
}
.bar-s::before,
.bar-s::after {
    content: '';
    flex-grow: 1;
    display: inline-block;
    min-width: 1em;
    height: 1px;
    vertical-align: middle;
    background: #ccc;
    background: var(--c-gry);
}
.bar-s::before { margin-right: 1em; }
.bar-s::after { margin-left: 1em; }
.bar-v { padding: 0 .5em; border-left: 5px solid #1d5aac; border-left: 5px solid var(--c-blu); }
.bar-h { padding-bottom: .2em; border-bottom: 2px solid #1d5aac; border-bottom: 2px solid var(--c-blu); }

/* フォントサイズ */
.f-xxl { font-size: 2.4rem; font-size: var(--f-xxl); }
.f-xl { font-size: 2rem; font-size: var(--f-xl); }
.f-l { font-size: 1.6rem; font-size: var(--f-l); }
.f-m { font-size: 1.4rem; font-size: var(--f-m); }
.f-s { font-size: 1.2rem; font-size: var(--f-s); }
.f-xs {  font-size: 1rem; font-size: var(--f-xs); }

/* サムネイル画像 */
.thumb-xxl { width: 300px; height: 300px; width: var(--thumb-xxl); height: var(--thumb-xxl); }
.thumb-xl { width: 200px; height: 200px; width: var(--thumb-xl); height: var(--thumb-xl); }
.thumb-l { width: 150px; height: 150px; width: var(--thumb-l); height: var(--thumb-l); }
.thumb-m { width: 100px; height: 100px; width: var(--thumb-m); height: var(--thumb-m); }
.thumb-s { width: 80px; height: 80px; width: var(--thumb-s); height: var(--thumb-s); }
.thumb-xs { width: 50px; height: 50px; width: var(--thumb-xs); height: var(--thumb-xs); }
.thumb-xxl.book {
    width: var(--thumb-xxl-book);
    height: var(--thumb-xxl);
    margin: 0 calc((var(--thumb-xxl) - var(--thumb-xxl-book)) / 2);
}
.thumb-xl.book {
    width: var(--thumb-xl-book);
    height: var(--thumb-xl);
    margin: 0 calc((var(--thumb-xl) - var(--thumb-xl-book)) / 2);
}
.thumb-l.book {
    width: var(--thumb-l-book);
    height: var(--thumb-l);
    margin: 0 calc((var(--thumb-l) - var(--thumb-l-book)) / 2);
}
.thumb-m.book {
    width: var(--thumb-m-book);
    height: var(--thumb-m);
    margin: 0 calc((var(--thumb-m) - var(--thumb-m-book)) / 2);
}
.thumb-s.book {
    width: var(--thumb-s-book);
    height: var(--thumb-s);
    margin: 0 calc((var(--thumb-s) - var(--thumb-s-book)) / 2);
}
.thumb-xs.book {
    width: var(--thumb-xs-book);
    height: var(--thumb-xs);
    margin: 0 calc((var(--thumb-xs) - var(--thumb-xs-book)) / 2);
}

/* 段落 */
p + *, * + p { margin-top: 1em; }

/* 太字 */
em { font-style: normal; font-weight: bold; }

/* 太字（赤） */
em.highlight { color: #d00; color: var(--c-red); }

/* Flexbox */
.flex-wrapper { display: flex; flex-wrap: wrap; }
.flex-item:not(:first-child) { margin-left: 1em; }

/* 要素の整列 */
/* !important あとで消す */
.txtl { text-align: left !important; }
.txtc { text-align: center !important; }
.txtr { text-align: right !important; }

/* 要素の中央配置（親にposition: relative;）*/
.center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.center-h { position: absolute; left: 50%; transform: translateX(-50%); }
.center-v { position: absolute; top: 50%; transform: translateY(-50%); }

/* タブコンテンツ */
.tab li { float: left; border: 1px solid #ccc; border: 1px solid var(--c-gry); border-bottom: none; }
.tab li:not(:first-child) { border-left: none; }
.tab li:hover,
.tab li.active { background: #f0f0f0; background: var(--c-gry-lightest); }
.tab li a { display: block; padding: .5em 1em; color: #333; color: var(--c-blk); text-decoration: none; }
.tab-contents { padding: 1em; border: 1px solid #ccc; border: 1px solid var(--c-gry); }

#loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000;
    width: 35px;
    height: 35px;
}

/* スピナー */
.spinner {
    position: fixed;
    top: 50%;
    left: 47%;
    z-index: 9999;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border: 2px rgba(29, 90, 172, 0.25) solid;
    border-top: 2px solid #1d5aac;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: spinner .6s infinite linear;
    animation: spinner .6s infinite linear;
}
@-webkit-keyframes spinner {
    from { -webkit-transform: rotate(0deg); }
    to   { -webkit-transform: rotate(359deg); }
}
@keyframes spinner {
    from { transform: rotate(0deg); }
    to   { transform: rotate(359deg); }
}

a:link    { color: #1d5aac; text-decoration: none; }
a:visited { color: #1d5aac; text-decoration: none; }
a:hover   { color: #1d5aac; text-decoration: underline; }
a:active  { color: #1d5aac; text-decoration: none; }

img.thumbnail, img.icon_tumb, .jcrop-tracker { border: solid 1px #ccc; object-fit: cover; }
img.thumbnail_large { object-fit: cover; }
img.thumbnail.thumbnail_book,
img.thumbnail_book {
    width: 127px;
    height: 180px;
    margin-left: 35px;
}
.affiliater img.thumbnail.book,
.affiliater img.thumbnail-nonborder.book {
    width: 127px;
    height: 180px;
    margin-left: 25px;
}
.col_3 .cont_image img.thumbnail_large { width: 100%; height: 134px; }
img[src*="/images/no_image"] { border: 1px solid #ccc; }
label { cursor: pointer; }

/* box-sizing */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* clearfix */
.clear:before, .clear:after { content: ''; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }
.cl { overflow: hidden; }

.wrapper { /*position: relative;*/ width: 980px; margin: 0 auto; zoom: 1; }

h2 {
    margin: 30px 0;
    padding-left: 20px;
    font-size: 24px;
    font-size: 2.4rem;
    border-left: 6px solid #1d5aac;
}
h3 { margin-bottom: 1em; padding-bottom: .5em; font-size: 16px; font-size: 1.6rem; border-bottom: 2px solid #1d5aac; }
h4 { font-size: 14px; font-size: 1.4rem; }
h5 { font-size: 16px; font-size: 1.6rem; }
h6 { font-size: 16px; font-size: 1.6rem; }

/* 紹介文は継承しないようにリセット */
.detail .cont_detail .introduction h1,
#point_back .cont_03 li .cont_desc h1 { font-size: 22px; font-size: 2.2rem; float: none; width: auto; margin: 0; }
.detail .cont_detail .introduction h2,
#point_back .cont_03 li .cont_desc h2 { font-size: 20px; font-size: 2.0rem; margin: 0; padding: 0; border: none; }
.detail .cont_detail .introduction h3,
#point_back .cont_03 li .cont_desc h3 { font-size: 18px; font-size: 1.8rem; margin: 0; line-height: 1.6; }
.detail .cont_detail .introduction h4,
#point_back .cont_03 li .cont_desc h4 { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin: 0; padding: 0; color: #4b4b4b; background: none; }
.detail .cont_detail .introduction h5,
#point_back .cont_03 li .cont_desc h5 { font-size: 14px; font-size: 1.4rem; }
.detail .cont_detail .introduction h6,
#point_back .cont_03 li .cont_desc h6 { font-size: 12px; font-size: 1.2rem; }
.detail .cont_detail .introduction ul li,
#point_back .cont_03 li .cont_desc ul li { list-style-type: disc; margin-left: 1.5em; }
.detail .cont_detail .introduction ol li,
#point_back .cont_03 li .cont_desc ol li { list-style-type: decimal; margin-left: 1.5em; }

.col_single { width: 600px; margin: 0 auto; }

.col_2 {
    float: right;
    width: 780px;
    padding: 10px 0 20px 20px;
    margin: 0 -1px 100px;
    border-left: 1px solid #ccc;
}

.book .col_2 { float: right; width: 680px; padding: 10px 0 20px 10px; border: none; }
.seller .col_2 { float: none; width: auto; min-width: 800px; height: 100%; margin-left: 199px; padding-right: 20px; }
/*.seller .col_2 { min-width: 910px;}*/
.affiliater .col_2 { min-width: 910px;}

.col_3 {
    float: left;
    width: 582px;
    margin: 0 -1px 100px;
    padding: 10px 20px 50px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.col_left  { float: left; }
.col_right { float: right; }

.vat  { vertical-align: top !important; }
.vam  { vertical-align: middle !important; }
.nb   { border: none !important; }
.nbl  { border-left: none !important; }
.nbr  { border-right: none !important; }
.ind  { /* display: inline-block; */ margin-bottom: 0; padding-left: 1em; text-indent: -1em; }
.text_red { color: #d00; }
.text_disabled { color: #ccc; }
.text_strike { text-decoration: line-through; }
.fss { font-size: 1rem; }
.fs { font-size: 1.2rem; }
.fr { font-size: 1.4rem !important; }
.fl { font-size: 1.6rem !important; }

.ntf {
    position: relative;
    top: -8px;
    right: 20px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: -16px;
    text-align: center;
    color: #fff;
    font-size: 8px;
    font-size: 0.8rem;
    background-color: #d00;
    border-radius: 50%;
}

.required {
    margin-right: 5px;
    padding: 1px 3px;
    color: #fff;
    font-weight: normal;
    font-size: 8px;
    font-size: 0.8rem;
    background-color: #1d5aac;
    border-radius: 3px;
}

.validetta-inline {
    display: block;
    line-height: 1.4;
    margin-top: 2px;
    padding: 5px 5px 5px 22px;
    text-align: left;
    color: #d00;
    font-weight: bold;
    background: url(/images/icon_exclamation.png) 5px 7px no-repeat;
    border-radius: 3px;
}

.validetta-bubble {
    display: block;
    line-height: 1.4;
    margin-top: 5px;
    padding: 5px 5px 5px 22px;
    text-align: left;
    color: #d00;
    font-weight: bold;
    background: url(/images/icon_exclamation.png) 5px 8px no-repeat;
}
.validetta-bubbleClose { font-weight: normal; }

span.notice { display: block; margin: 20px 0; color: #d00; }
span.notice ul, span.notice li { padding: 0 !important; border: none !important; }

.notice_box {
    margin: 1em 0;
    padding: 1em;
    color: #d00;
    background-color: #f8e5e5;
    border: 1px solid #d00;
    border-radius: 3px;
}
.notice_window {
    position: relative;
    margin: 20px 0;
    padding: 20px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}
.notice_window.sale_start { color: #d00; border:solid 2px #dd0000; background: #fff9f9; }
.notice_window.half_width { width: 50%; }

#error_window h5,
#flash_window h5,
.flash_window h5,
.quit_error_window h5,
.notice_window h5,
.tips_cont h5,
.detail .toggle_sub_cont form.entry h5 {
    /* display: -webkit-flex; */
    /* display: flex; */
    /* align-items: center; */
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}
/* .notice_window h5::before,
.notice_window h5::after,
.detail .toggle_sub_cont form.entry h5::before,
.tips_cont h5::before,
.tips_cont h5::after,
.detail .toggle_sub_cont form.entry h5::after {
    border-top: 1px solid #ccc;
    content: '';
    display: inline;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.quit_error_window h5::before,
.quit_error_window h5::after {
    border-top: 1px solid #ffcccc;
    content: '';
    display: inline;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.notice_window.sale_start > h5::before, .notice_window.sale_start > h5::after { border-top: 1px solid #d00; }
.notice_window h5::before, .tips_cont h5::before, .detail .toggle_sub_cont form.entry h5::before { margin-right: 10px; }
.notice_window h5::after,  .tips_cont h5::after, .detail .toggle_sub_cont form.entry h5::after { margin-left: 10px; } */
.notice_window dt,
.tips_cont dt {
    float: none !important;
    margin-top: 20px;
    padding: 0 !important;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.notice_window dd,
.tips_cont dd { padding: 10px 10px 10px 15px !important; }
.notice_window .close { position: absolute; top: 0px; right: 5px; }
.notice_email span.email {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    padding: 5px 100px 5px 10px;
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #fff;
    border: solid 1px #ccc;
}
.notice_email a.email { position: absolute; bottom: 36px; right: 30px; }

/* video */
/*img:not(.cropImage),*/
iframe { max-width: 100% !important; max-height: 100% !important; }
img.cropImage { max-width: 600px; }

table { width: 100%; outline: 2px solid #f5f5f5; border-collapse: collapse; }
th { padding: 20px; color: #4b4b4b; background: #e9e9e9; border: 1px solid #ccc; }
td { padding: 20px; vertical-align: middle; border: 1px solid #ccc; }
.seller table td img { max-width: 100%; max-height: 100%; }

input[type="text"], input[type="password"], textarea { padding: 5px; border: 1px solid #ccc; box-shadow: 0 1px 1px #ddd inset; }

textarea#reason { width:540px; resize: none;  }
/*
input:focus { outline: none; background-color: #fff; box-shadow: 0 0 1px 1px #1d5aac inset; }
*/

button, .button {
    position: relative;
    display: inline-block;
    /* height: 30px; */
    /* line-height: 30px; */
    padding: 10px 30px;
    margin: 20px 0;
    color: #fff;
    background-color: #999;
    border: none;
    border-radius: 3px;
    -webkit-appearance: none;
    box-shadow: 0 2px 0 #666;
    outline: none;
}

/*緑のボタン*/
button.btn_green,
.button.btn_green {
    font-size: 1.6rem;
    background-color: #22ac38;
    box-shadow: 0 2px 0 #19812a;
}
button.btn_green:hover,
.button.btn_green:hover {
    background-color: #59c16a;
    box-shadow: 0 2px 0 #19812a;
}

button.btn_green:active,
.button.btn_green:active,
button.btn_green[disabled]:active,
.button.btn_green[disabled]:active {
    top: 2px;
    box-shadow: none;
    outline: none;
}

/*販売開始用ボタン(該当の.buttonクラスに追加)*/
.sales_start {
    background: #22ac38;
    box-shadow: 0 3px 0 #126c28;
    font-size: 1.6rem;
}

a.button { color: #fff !important; }

button:hover, .button:hover {
    background-color: #1d5aac;
    box-shadow: 0 2px 0 #143f78;
    text-decoration: none;
}

button:active, button[disabled]:active,
.button:active, .button[disabled]:active,
#bookMenu .bookDetail button.added:active {
    top: 2px;
    box-shadow: none;
    outline: none;
}

button[disabled], .button[disabled] {
    color: #fff;
    background-color: #ccc;
    box-shadow: 0 2px 0 #999;
}

/* ソーシャルログインボタン */
.social_entry, .social_login  {
    position: relative;
    margin: inherit;
    border: solid 1px #cccccc;
    border-radius: 5px;
    padding: 20px;
}

.social_entry { margin-top: 50px; }

.social_pre_entry {
    position: relative;
    margin: inherit;
    border: solid 1px #cccccc;
    border-radius: 5px;
    padding: 20px;
    margin: 20px 0;
}

.social_login_header  {
    position: relative;
    margin: inherit;
    /* border: solid 1px #cccccc;
    border-radius: 5px;
    padding: 5px; */
}

.social_entry::before,
.social_pre_entry::before,
.social_login::before {
    position: absolute;
    font-weight: bold;
    top: -10px;
    left: 10px;
    display: inline-block;
    padding: 0px 5px 4px;
    background: #ffffff;
    height: 15px;
}

.social_entry::before { content: '\4EE5\4E0B\306E\30BD\30FC\30B7\30E3\30EB\30A2\30AB\30A6\30F3\30C8\3067\767B\9332\3059\308B\3068\5165\529B\306E\624B\9593\304C\7701\3051\307E\3059'; } /* 以下のソーシャルアカウントで登録すると入力の手間が省けます */
.social_pre_entry::before { content: '\30BD\30FC\30B7\30E3\30EB\30A2\30AB\30A6\30F3\30C8\3067\7C21\5358\767B\9332'; } /* ソーシャルアカウントで簡単登録 */
.social_login::before { content: '\30BD\30FC\30B7\30E3\30EB\30A2\30AB\30A6\30F3\30C8\9023\643A\6E08\306E\65B9\306F\3001\4EE5\4E0B\306E\30A2\30AB\30A6\30F3\30C8\3067\306E\30ED\30B0\30A4\30F3\304C\53EF\80FD\3067\3059'; } /* ソーシャルアカウント連携済の方は、以下のアカウントでのログインが可能です */

a.social_submit,
button.social_submit,
.detail .form.entry button.social_submit {
    position: relative;
    display: inline-block;
    margin: auto ;
}

a.social_submit span.social_text,
button.social_submit span.social_text {
    position: relative;
    display: inline-block;
    margin-left: 20px;
 }

/* Facebookボタン */
a.social_submit.facebook, button.social_submit.facebook { background: #4267b2; box-shadow: 0 3px 0 #29487d; height: 30px; line-height: 30px; padding: 0 30px; }
a.social_submit.facebook:hover, button.social_submit.facebook:hover { background: #5379c5; }
a.social_submit.facebook:active, button.social_submit.facebook:active { top: 3px; box-shadow: none; }
a.social_submit.facebook span.social_icon, button.social_submit.facebook span.social_icon {
    position: absolute;
    display: inline-block;
    border-right : solid 1px #29487d;
    left: 0;
    width: 35px;
    height: 30px;
 }

a.social_submit.facebook i, button.social_submit.facebook i { font-size: 20px; padding: 6px 15px; }

.social_pre_entry_campaign img { margin: 2em 0 4em; }
.social_pre_entry_campaign p { margin: 4em 0 5em; }
.social_pre_entry_campaign a .social_text { font-size: 1.6rem; }

.btn {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 16px;
    font-size: 1.6rem;
    border-radius: 3px;
    cursor: pointer;
}

.btn:hover { text-decoration: none!important; }

.btn_free_on_apply {
    display: inline-block;
    margin-bottom: 10px;
    /* margin-right: 10px; */
    padding: 5px 7px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #d00 !important;
    background-color: #fff;
    border: 2px solid #d00;
    border-radius: 3px;
}

.btn_free_on_apply:hover { text-decoration: none !important; }
.btn_sub { position: relative; padding: 7px 10px; color: #fff !important; background-color: #22ac38; }
.btn_sub .fa:not(.fa-check) { position: relative; top: -1px; margin-left: 10px; }
.btn_sub:hover { background-color: #4ebd60; }

a.underline_none { text-decoration: none; }

.cont_detail a.underline_none {
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
}
.cont_detail a.underline_none .btn { margin: 0; /* border: solid 2px #22ac38; */ }

#blogArticleListId span.btn_sub, #bookArticleListId span.btn_sub {
    /*padding: 3px 10px;*/
    font-size: 12px;
    font-size: 1.3rem;
    border-radius: 3px;
}

#blogArticleListId a:hover { text-decoration: none !important; }

#blogArticleListId .btn_sub_freeat {
    position: relative;
    left: inherit;
    text-decoration: none;
    background: #999999;
    border-radius: 3px;
    color: #ffffff;
    padding: 3px 7px;
}

/*詳細画面の詳細文の下に表示される「記事一覧」ボタンを非表示にする*/
#sub_btn_hide .hide_btn { display: none; }

/* 押せないボタン */
.des_button {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    margin: 20px 0;
    color: #fff;
    background-color: #999;
    border: none;
    border-radius: 5px;
    -webkit-appearance: none;
    box-shadow: 0 3px 0 #666;
    outline: none;
    opacity: 0.3;
}


.fa { margin-right: 5px; }
.category .fa-edit,
.category .fa-folder-open { left: 1px; }

span.item {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-size: 1.0rem;
    border-radius: 3px;
}

span.item_cont {
    width: 60px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    background-color: #1d5aac;
}

span.item_cont.affi {
    width: 120px;
}

span.item_cont .fa-jpy {
    position: relative;
    top: 2px;
    margin-right: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

span.item_cont_option {
    margin-bottom: 5px;
    padding: 2px 5px;
    font-size: 10px;
    font-size: 1.0rem;
    background-color: #1d5aac;
}
span.item_cont_option.free { background-color: #ed7877; }
span.item_cont_option .fa { margin: 0; }
span.item_cont_option .fa-mobile { width: 11px; }

span.item_cont_freeat {
    position: relative;
    width: 185px;
    margin-bottom: 5px;
    padding: 5px;
    text-align: right;
    font-size: 12px;
    font-size: 1.3rem;
    background-color: #919191;
}

span.item_cont_freeat.no_price { width: inherit; }

/*サロン機能スレッド並び替え*/
span.item_cont_thread {
    margin-bottom: 5px;
    padding: 2px 5px;
    font-size: 10px;
    font-size: 1.0rem;
    width: 50px;
    background-color: #1d5aac;
}

.btn_sub_freeat {
    position: absolute;
    left: 10px;
    text-decoration:line-through;
}

span.item_cont_sub {
    padding: 3px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #22ac38;
}
span.item_cont_sub + .txtc { margin-top: 10px; }
span.item_cont_alert {
    padding: 3px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #d00;
}

span.item_cont_cancel {
    margin-bottom: 5px;
    padding: 2px 5px;
    font-size: 10px;
    font-size: 1.0rem;
    background-color: #4b4b4b;
}

.toggle { color: #1d5aac; }
.toggle, .notice_window .close { cursor: pointer; }
.modalBox, .toggle_cont { display: none; color: #4b4b4b; cursor: default; }
.modalBox { z-index: 1000;}

.modalBox .ranking.ranklist .box img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 75px;
    border: solid 1px #cccccc;
}

.modalBox .ranking .box img, #recommend img {
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0px;
}

.tips { color: #1d5aac; cursor: pointer; }
.tips_cont {
    display: none;
    position: absolute;
    padding: 20px;
    text-align: left;
    color: #4b4b4b;
    background-color: #fff;
    border: 1px solid #ccc!important;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    z-index: 999;
    font-weight: normal;
}
.tips_sample { height: 400px; overflow: scroll; }
.tips_free {
    width: 650px;
    height: 400px;
    overflow: scroll;
    /*position: absolute;*/
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.modalBody {
    position: fixed;
    top: 30%;
    left: 35%;
    z-index: 1000;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.modalBody .close { margin: -15px -10px 0 0; cursor: pointer; }
.modalBody .delete_btn_area { text-align: center; }

.gadget_close {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.gadget.modalBody {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 600px;
    height: 90%;
    min-height: 530px;
}

.cont_detail .gadget.modalBody h4 {
    text-align: center;
    font-size: 1.5rem;
    margin-top: -10px;
    margin-bottom: 10px;
    background: none;
    color: #4b4b4b;
}
.gadget.modalBody label:first-child { margin-right: 20px; }
.gadget.modalBody .close {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 1.6rem;
}

.gadget.modalBody #gadget_preview {
    /* max-height: 400px; */
    height: 60%;
    overflow: scroll;
}

.gadget.modalBody textarea { height: 120px !important; width: 100%; }

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

.pager { margin-top: 30px; text-align: center; }
.pager a { display: inline-block; margin: 0 2px; padding: 2px 7px 0; color: #808080; border: 1px solid #808080; border-radius: 1px; }
.pager a:hover { text-decoration: none; color: #fff; background-color: #1d5aac; border: 1px solid #1d5aac; }
.pager span { display: inline-block; margin: 0 2px; padding: 2px 7px 0; color: #b4b4b4; border: 1px solid #ccc; border-radius: 1px; }
.pager .pager_page { color: #fff; background-color: #808080; border: 1px solid #808080; }
.pager input[type="text"] { width: 70px!important;}

.tof {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* -------------------------------------------------- contents */
#container {
    position: relative;
    height: auto !important;
    min-height: 100%;
    overflow: hidden;
    /* overflow-x: scroll; */
}

#contents {
    /* position: relative; */
    padding: 25px 0 100px;
}

/* #contents.seller, #contents.affiliater { overflow: scroll;} */

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 25px;
    line-height: 25px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 100;
    min-width: 525px;
}

#header > div > a { float: left; width: 80px; margin: -4px 20px 0 10px; }
#header > div > a:hover, #header a:hover { color: #1d5aac; text-decoration: none; }

#nav { position: relative; z-index: 3; display: inline-block; height: 24px; background-color: #fff; }
#nav li, #nav a { display: block; margin-right: 10px; color: #919191; }
#nav li { float: left; margin: 0; padding: 0; }
#nav li:hover ul:not(#demand_box) { color: #1d5aac;}
#nav li.col_right { float: right; }


#nav ul {
    display: none;
    position: absolute;
    top: 24px;
    right: 10px;
    z-index: 2;
    width: 200px;
    padding: 10px 0 10px 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-radius: 0 0 5px 5px;
}

#nav ul li { float: none; }
#nav ul li a:hover { text-decoration: none; }
#nav .fa-cube, #nav .fa-comments, #nav .fa-list-alt { font-size: 14px; font-size: 1.4rem; }
#nav .fa-home { position: relative; top: 1px; margin-right: 0; font-size: 15px; font-size: 1.5rem; }
#nav .fa-cube, #nav .fa-comments, #nav .fa-bell { margin-right: 0; }
#nav .fa-stack { position: relative; top: -1px; left: 10px; margin-right: 5px; }
#nav .fa-list-alt { position: relative; top: 1px; }
#nav .fa-jpy { position: relative; top: -1px; font-size: 11px; font-size: 1.1rem; }
#nav .pb { margin: 0 20px 0 240px; }
#nav li > .fa-lock,
#nav .fa-bars,
#nav .fa-gear  { margin-left: 20px; }
#nav img.icon_demand { margin-left: 30px; }

#nav .fa_user {
    width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#nav .fa_header_menu_button { margin-right: 20px; }
#nav .fa_user:hover, #nav .fa_header_menu_button:hover { color: #1d5aac; cursor: pointer; }

#nav .search {
    position: absolute;
    height: 20px;
    line-height: 20px;
    margin: 2px 0 2px 5px;
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 3;
}

#nav input[type="search"],
.faq input[type="search"] {
    width: 190px;
    height: 16px;
    line-height: 16px;
    padding: 0;
    -webkit-appearance: textfield;
    box-sizing: content-box;
    font-size: 12px;
    font-size: 1.2rem;
    border: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    box-shadow: none;
}
.faq input[type="search"]:focus { outline: none; }
#nav input[type="search"]:focus { width: 260px; outline: none; }
#nav input::-webkit-search-decoration,
#nav input::-webkit-search-cancel-button { display: none; }

#nav .search a,
#nav .search #submit {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0 -5px 0 0;
    color: #ccc;
    background: none;
    border: none;
    box-shadow: none;
}

#nav .search #submit:hover  { color: #666; }


/* ご意見フォーム */
#nav li ul#demand_box {
    width:500px;
    padding: 20px;
}

#nav li ul#demand_box textarea {
    width: 100%;
    line-height: 1.4rem;
}
#nav li ul#demand_box input[type="text"] { width: 100%; }

#nav li ul#demand_box textarea,
#nav li ul#demand_box input[type="text"],
#nav li ul#demand_box strong,
#nav li ul#demand_box .notice_window {
    color: #4b4b4b!important;
}
#nav li ul#demand_box a { color: #1d5aac; }

#demand_result {
   color: #dd0000;
    margin: 20px 0;
}

/* header ブラウザが縮小されたら行う処理*/
@media screen and (max-width:900px){
    #header span.small_hide { display: none; }
    #nav.col_right { float: none; }
    #nav .pb { margin: -1px 10px 0 200px; }


    #nav .fa-bars,
    #nav .fa-gear,
    #nav img.icon_demand {
        margin-left: 15px;
    }

    #nav li > .fa-lock { margin-left: 0; }
    #nav .fa_user { margin: 0; width: auto; }

    #nav .search {
        position: absolute;
        height: 20px;
        width: 180px;
        line-height: 20px;
        margin: 2px 0 2px 5px;
        padding: 0 5px;
        background-color: #fff;
        border: 1px solid #ccc;
        z-index: 3;
    }

    #nav input[type="search"] {
        width: 150px;
        height: 16px;
        line-height: 16px;
        padding: 0;
        -webkit-appearance: textfield;
        box-sizing: content-box;
        font-size: 12px;
        font-size: 1.2rem;
        border: none;
        -webkit-transition: all .5s;
        transition: all .5s;
        box-shadow: none;
    }
}

#loginBox { width: 240px !important; padding: 10px !important; text-align: center; }

#loginBox input {
    width: 200px;
    padding-left: 33px;
    margin: 10px 0;
    color: #4b4b4b;
}

#loginBox .fa-envelope,
#loginBox .fa-lock {
    position: absolute;
    top: 23px;
    left: 21px;
    width: 25px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    color: #919191;
    border-right: 1px solid #ccc;
}

#loginBox .fa-lock { top: 73px; }

.topicpath { display: block; height: 40px; margin-bottom: 10px; }
.seller .topicpath { height: auto; }
.topicpath li { float: left; margin-bottom: 2px; }

.topicpath li:last-child,
.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: #1d5aac;
    background-color: #f0f0f0;
}

.topicpath li:first-child a { padding-left: 10px; border-radius: 4px 0 0 4px; }
.topicpath li:last-child { padding-right: 15px; border-radius: 0 4px 4px 0; }

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

.topicpath li:last-child:before, .topicpath li a:before { left: -10px; border-left-color: transparent; }
.topicpath li:last-child:after, .topicpath li a:after { left: 100%; border-color: transparent; border-left-color: #f0f0f0; }
.topicpath li:first-child a:before, .topicpath li:last-child:after { border: none; }
.topicpath li a:hover { color: #fff; background-color: #1d5aac;}
.topicpath li a:hover:before { border-color: #1d5aac; border-left-color: transparent; }
.topicpath li a:hover:after { border-left-color: #1d5aac; }
.topicpath strong { font-weight: normal; }

#pagetop {
    position: fixed;
    bottom: 0;
    right: 20px;
    z-index: 100;
}

#pagetop a {
    display: block;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #1d5aac;
    border-radius: 5px 5px 0 0;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #808080;
    font-size: 12px;
    font-size: 1.2rem;
    z-index: 1;
}

#footer p {
    font-family: 'lucida grande',tahoma,verdana,arial,meiryo,"mspgothic",sans-serif;
    font-size: 10px;
    font-size: 1.0rem;
}

.profile_footer #footer { position: static!important; }
/* -------------------------------------------------- generic_member_regist */
.generic_member_regist { outline: 2px solid #f5f5f5; }
.generic_member_regist table { outline: none; }
.generic_member_regist table.generic_required th,
.generic_member_regist table.generic_required td { border-bottom: none; }

/* -------------------------------------------------- regulation */
.regulation p { font-size: 1.4rem; }
.regulation ul { float: left; width: 220px; }
.regulation li:not(:last-child) { border-bottom: 1px solid #e5e5e5; }
.regulation li a { position: relative; display: block; padding: 10px 5px; color: #ccc; font-size: 1.4rem; }
.regulation p,
.regulation .inner { float: right; width: calc(100% - 300px); margin-top: 1em; }
.regulation .inner { font-size: 1.6rem; }
.regulation .inner > a { margin-left: 1em; }
.regulation .inner div[class^="for_"]::before { position: relative; top: -5px; color: #b3b3b3; font-size: 1.4rem; }
.regulation .inner .for_seller::before { content: '\767A\884C\8005\69D8\5411\3051'; } /* 発行者様向け */
.regulation .inner .for_affiliator::before { content: '\30A2\30D5\30A3\30EA\30A8\30A4\30BF\30FC\69D8\5411\3051'; } /* アフィリエイター様向け */
.regulation .inner div[class^="for_"] { margin: 1em 0; padding: 1em; background: #f0f0f0; border-radius: 5px; }
.regulation .inner div[class^="for_"] span { color: #ccc; font-size: 1.6rem; font-weight: bold; }
.regulation .inner div[class^="for_"] div { float: left; width: 50%; }
.regulation .inner + ul li a { color: #1d5aac; }
.regulation li a::after {
    content: '\f105';
    position: absolute;
    right: 5px;
    color: #ccc;
    font-family: FontAwesome;
}
.regulation li a:hover,
.regulation li a:hover::after { color: #1d5aac; }
.regulation li.active { padding: 10px 5px; color: #666; font-size: 1.4rem; }
.regulation dl { float: right; width: calc(100% - 300px); margin-bottom: 60px; }
.regulation.box dl { float: none; width: 100%; }
.regulation .txtr + dl { margin-top: -45px; }
.regulation dt {
    margin-bottom: 20px;
    padding-top: 30px;
    color: #1d5aac;
    font-weight: bold;
    font-size: 1.6rem;
    border-bottom: 1px solid #1d5aac;
}
.regulation dt:first-child { padding-top: 0; }
.regulation dl ~ p { margin-bottom: 0; }

/* -------------------------------------------------- reminder */
.reminder input { width: 300px; }
.reminder p { margin-bottom: 40px; }
.reminder span.notice { margin-left: 150px; }
.reminder button { top: -2px; margin-left: 10px; }
.reminder button:active { top: 0; }

/* -------------------------------------------------- entry */
.entry dl {
    margin-bottom: 10px;
    padding: 1px;
    border: 3px solid #f5f5f5;
}

.entry dt {
    float: left;
    width: 160px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background-color: #e5e5e5;
}

.entry dd {
    height: 40px;
    line-height: 40px;
    padding-right: 5px;
    margin-left: 170px;
}

.entry input { width: 100%; }
.entry .mobile_mail { margin: 25px 0 15px 150px; }
.entry .mobile_mail input { width: 50%; }
.entry input[type="checkbox"] { width: auto; }
/*.entry h2 + p { margin: 30px 0; }*/
.entry #changeSelect { margin-bottom: 30px; }
.entry th { width: 170px; text-align: left; }
.entry .name input  { width: 40%; margin-right: 20px; }
.entry .birth input { width: 50px; margin-left: 10px; }
.entry .birth input:first-child { margin-left: 0px;}
.entry .tel input { width: 50px; margin-right: 5px; margin-left:5px; }
.entry .tel input:first-child { margin-left:0px; }
.entry #zip_area_number,
.entry #zip_local_number { width: 20%; }

.entry h2.agreement {
    margin-top: 100px;
    /* padding-left: 10px; */
    /* border-bottom: none; */
    /* border-left: 5px solid #1d5aac; */
}

.entry .regulation {
    height: 200px;
    /*margin: 10px 0 -20px;*/
    margin: 10px 0 20px;
    padding: 0 20px 20px;
    overflow-y: scroll;
    border: 1px solid #ccc;
}

.entry .regulation dl { border: none; }

.entry .regulation dt {
    float: none;
    width: auto;
    height: auto;
    line-height: 1.6;
    padding: 30px 0 0;
    background: none;
}

.entry .regulation dd {
    height: auto;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* -------------------------------------------------- point */
.point .point_form.entry { margin-bottom: 50px; }
.point_form.book_buy_convini { margin: 0 20px; }
.point .point_form.entry .paymentBox { position: relative; background: #f9f9f9; border-radius: 3px; padding:10px; }
.point .point_form.entry .paymentBox h4 { margin-bottom: 30px; }
.point .point_form.entry .paymentBox button { position: absolute; top: 5px; right: 20px; margin: 0; }
.point .point_form.entry .paymentBox button:active { top: 8px; }
.point.detail .col_2 h4 + p { margin: -20px 0 20px !important; }
.point.detail .col_2 h4 + img { margin-bottom: 0; }
.point h3 + p { margin-top: 30px; }
.point .select_cvs { margin-bottom: 30px; }
.col_2 .point .select_cvs { margin-left: 50px; }
.point .select_cvs img { margin-top: 10px; }
.point .point_form dl,
.detail .point .point_form dl { border: 0; margin-left: 150px; margin-bottom: 20px; }
.point .point_form dt,
.detail .point .point_form dt {
    position: relative;
    float:left;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: none;
}
.point .point_form dd { height: 40px; line-height: 40px; padding-left: 170px; }
.detail .point .point_form dd { height: 40px; line-height: 40px; padding-left: 0px; }

.cvs_payment { margin-top: 1em; }
.detail form.entry .paymentBox a,
.cvs_payment a {
    padding-left: 15px;
    background: url(/images/icon_new_window_open.png) 0 center no-repeat;
    background-size: 10px 9px;
}
.point table { margin: 30px 0; }
.point .entry_form table { margin: 0; }
.point th { width: 30%; text-align: left; }
.point td { text-align: left; }
.point .txtc { margin-top: 30px; }
.point .notice_window .txtc { margin-top: 0; }

.col_2 .point_confirm_btn { display: inline-block; }
.trip_form .point .point_confirm_btn { display: inline-block; margin-left: 20px; }
.toggle_sub_cont .point .point_confirm_btn { display: inline-block; float: right; margin-right: 220px; }
.col_2 .point_form:not(.entry) { text-align: center; margin-left: 65px; }

.point_form .flex-wrapper { margin-bottom: 2em; }
.point_form .flex-item {
    position: relative;
    width: calc(50% - 1em);
    height: 100px;
    margin: .5em;
    padding-left: 1em;

}
.point_form .flex-item label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 4em;
    border: 2px solid #e0e0e0;
    border: 2px solid var(--c-gry-light);
    border-radius: 3px;
    border-radius: var(--border-r);
    transition: border .2s;
}
.point_form .flex-item label:hover,
.point_form .flex-item input:checked + label { border-color: #1d5aac; border-color: var(--c-blu); cursor: pointer; }
.point_form .flex-item:nth-child(1) img { width: 28%; }
.point_form .flex-item:nth-child(5) img { width: 38%; }
.point_form.entry .flex-item:nth-child(1) img { width: 18%; }
.point_form.entry .flex-item:nth-child(5) img { width: 25%; }

/* -------------------------------------------------- cvs_help */
.cvs_help button { position: absolute; top: 30px; right: 20px; }
.cvs_help h3 { margin: 30px 0; font-size: 24px; font-size: 2.4rem; }
.cvs_help dt {
    margin-bottom: 10px;
    padding-bottom: 3px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: 1px dotted #ccc;
}
.cvs_help dt span { margin-right: 20px; color: #9a9a9a; }
.cvs_help dd { margin-bottom: 50px; }
.cvs_help dd span { color: #d00; }
.cvs_help dl dl { margin-top: 30px; }
.cvs_help dl dl dt { float: left; margin: 0; padding: 0; border: none; }
.cvs_help dl dl dd { padding: 0 0 0 300px; }

.cvs-guide { position: relative; font-size: 1.4rem; font-size: var(--f-m); }
.cvs-guide button { position: absolute; top: 20px; right: 0; }
.cvs-guide h1 { margin: 1em 0 2em; font-size: 2.4rem; font-size: var(--f-xxl); font-weight: normal; }
.cvs-guide > dl > dt {
    margin-bottom: .5em;
    padding-bottom: .5em;
    font-size: 1.6rem;
    font-size: var(--f-l);
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    border-bottom: 1px dotted var(--c-gry);
}
.cvs-guide > dl > dt span { margin-right: 1em; color: #999; color: var(--c-gry-dark); }
.cvs-guide > dl > dd { margin-bottom: 3em; }
.cvs-guide .tab li { margin-right: 2em; border: none; }
.cvs-guide .tab a {
    position: relative;
    padding-left: 2em;
    font-size: 1.6rem;
    font-size: var(--f-l);
    border: 2px solid #ccc;
    border: 2px solid var(--c-gry);
    border-radius: 3px;
    border-radius: var(--border-r);
    transition: all .2s;
}
.cvs-guide .tab a::after {
    content: '\f107';
    position: absolute;
    top: 50%;
    left: .7em;
    font-family: FontAwesome;
    transform: translateY(-50%);
}
.cvs-guide .tab a:hover,
.cvs-guide .tab .active a { color: #fff; color: var(--c-wht); background: #1d5aac; background: var(--c-blu); border-color: #1d5aac; border-color: var(--c-blu); }
.cvs-guide .tab em { margin: 0 .2em; }
.cvs-guide .tab-contents { padding: 0; border: none; }
.cvs-guide .tab-contents .flex-wrapper { margin-top: 3em; }
.cvs-guide .tab-contents .flex-item:nth-child(odd) { width: 250px; margin: 1em 0; }
.cvs-guide .tab-contents .flex-item:nth-child(even) { width: calc(100% - 280px); margin: 1em 0 1em 2em; }
.cvs-guide a[target="_blank"],
.bank-guide a[target="_blank"] {
    padding-left: 17px;
    background: url(/images/icon_new_window_open.png) 0 center no-repeat;
    background-size: 13px 11px;
}
.bank-guide div:first-child { width: 140px; font-size: 1.4rem; font-size: var(--f-m); }

/* -------------------------------------------------- usertool */
#usertoolMenu {
    position: relative;
    float: left;
    width: 202px;
    padding: 10px 10px 0 0;
    border-right: 1px solid #ccc;
}

#usertoolMenu h2 {
    margin: 0 0 20px;
    padding: 3px 0 0 10px;
    color: #1d5aac;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #f0f0f0;
    border: none;
    border-radius: 3px;
}

.usertoolMenu { margin: 0 0 30px 30px; }

.usertoolMenu li {
    position: relative;
    padding: 5px 0;
    color: #1d5aac;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
}

.usertoolMenu li span { color: #4b4b4b; }
.usertoolMenu li a { display: inline-block; cursor: pointer; }
.usertoolMenu ul { display: none; }
.usertoolMenu ul.current { display: block; }

.usertoolMenu ul li {
    padding-left: 10px;
    font-size: 12px;
    font-size: 1.2rem;
}

.usertoolMenu ul ul li { padding-left: 12px; }

.usertool h3 { margin-top: 1em; font-size: 20px; font-size: 2.0rem; }
.usertool p { margin-bottom: 0; }
.usertool table { margin-top: 30px; }
.usertool th { text-align: left; }
.usertool .name input { width: 35%; }
.usertool input[name="number"] { width: 50%; }
.usertool textarea { width: 100%; margin-top: 30px; }

.usertool .number_mask {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 1px;
    background-color: #4b4b4b;
    border-radius: 3px;
}

.usertool.history h3 > span {
   position: absolute;
   top: 44px;
   right: 0;
   font-weight: normal;
   font-size: 12px;
   font-size: 1.2rem;
}

.usertool.history h3 span span,
.usertool.history .show_point span span,
.usertool.history .usertool_point_remainder .notice_window span span { margin: 0 5px 0 10px; color: #1d5aac; font-weight: bold; }
.usertool.history .usertool_point_remainder { position: relative; }
.usertool.history .usertool_point_remainder .show_point { position: absolute; top: 10px; }
.usertool.history .usertool_point_remainder .show_point > span { font-size: 2rem; }
.usertool.history .usertool_point_remainder .show_point > span span { font-size: 3rem; }
.usertool.history .usertool_point_remainder .notice_window { margin-top: -10px; padding: 10px 15px; }
.usertool.history .usertool_point_remainder .notice_window span { font-size: 1.6rem; }
.usertool.history .usertool_point_remainder .notice_window span span { font-size: 2rem; }
.usertool.history .usertool_point_remainder .col_left { font-size: 1.2rem; }
.usertool.history .usertool_point_remainder .col_left:first-child { width: 320px; }
.usertool.history .usertool_point_remainder .col_left strong,
.usertool.history .usertool_point_remainder .limited_point strong { font-size: 1.4rem; }
.usertool.history .usertool_point_remainder .limited_point.border { margin-top: 1em; padding-top: 1em; border-top: 1px dotted #ccc; }
.usertool.history .usertool_point_remainder .limited_point .slide { position: relative; cursor: pointer; }
.usertool.history .usertool_point_remainder .limited_point .slide.close { margin-left: 5px; }
.usertool.history .usertool_point_remainder .limited_point .slide.close::after { content: '\f078'; }
.usertool.history .usertool_point_remainder .limited_point .slide.open::after { content: '\f077'; margin-right: 5px; }
.usertool.history .usertool_point_remainder .limited_point .slide::after {
    position: absolute;
    top: 50%;
    right: 0;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.usertool.history .usertool_point_remainder .limited_point .slide_cont { display: none; }
.usertool.history h3 + a { margin: -12px 0 30px; }
.usertool.history table { outline: none; table-layout: fixed; }
.usertool.history tr:hover { background-color: #f0f0f0; }
.usertool.history th { padding: 10px 5px; text-align: center; border-left: none; border-right: none; }
.usertool.history td { padding: 10px; border-left: none; border-right: none; }
.usertool.history td div { width: 340px; display: inline-block; }
.usertool.history td div a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.usertool.history td .summary_wrapper p { margin-bottom: 10px; }
.usertool.history td .summary_wrapper {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 10px 0 5px 10px;
    border: 1px dotted #808080;
    border-radius: 5px;
}
.usertool.history td .summary_wrapper a { display: inline-block; width: 103px; line-height: 1; }
.usertool.history td .summary_wrapper .ticket_cancel {
    margin: 0 5px;
    padding: 0 2px;
    color: #fff;
    font-size: 1rem;
    background: #1d5aac;
    border-radius: 3px;
}
.usertool.history span.item_cont { width: 60px; margin-right: 10px; }
.usertool.history span.item_cont_red {
    width: 50px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    background: #1d5aac;
}
.usertool.history .total { margin-top: 20px; padding-right: 5px; border: none; }
.usertool.history .total td { border: none; }
.usertool.history .total span { font-weight: bold; font-size: 14px; font-size: 1.4rem; }

/* -------------------------------------------------- point_shortage */
.point_shortage .show_point { margin: 20px 10px 0 0; text-align: right; }
.point_shortage .show_point span span {
    margin-left: 10px;
    color: #1d5aac;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}
.point_shortage table {
    outline: none;
    table-layout: fixed;
    margin: 10px 0 0;
    border: solid 1px #a1a1a1;

}
.point_shortage tr { background: #ffffff; }
.point_shortage tr:last-child {border: none; }
.point_shortage tr:hover { background-color: #f0f0f0; }
.point_shortage th { padding: 10px 5px 10px 10px; text-align: center; border-left: none; border-right: none;  border-top: solid 1px #a1a1a1;}
.point_shortage td { padding: 10px; border: none; }

.point_shortage table.show_list td { border-bottom: solid 1px #cccccc;  }
.point_shortage table.show_list label { display: block; width: 100%; }
.point_shortage table.total { margin-top: 0px; padding-right: 5px; border-top: none;  border-bottom: solid 1px #a1a1a1; }
.point_shortage table.total tr { border: none; }
.point_shortage table.total td { border: none;  padding: 5px 10px; }
.point_shortage table + .icon { margin-top: 1em; font-size: 1rem; }

/* -------------------------------------------------- store */
#storeMenu {
    float: right;
    width: 200px;
    padding-top: 20px;
    border-right: 1px solid #ccc;
}

#storeMenu .h2 {
    margin: 0;
    padding: 0 0 20px 10px;
    color: #2da0e9;
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    border: none;
}

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

.storeMenu ul { display: none; }
.storeMenu li { border-bottom: 1px solid #ccc; }

.storeMenu li span.fa { width: 20px; }
.storeMenu li a {
    position: relative;
    display: block;
    padding: 10px;
    color: #919191;
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: none;
    cursor: pointer;
}

.storeMenu li .category:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 10px;
    width: 13px;
    height: 9px;
    background: url(/images/arrow_down.png) 0 0 no-repeat;
}

.storeMenu li .category:hover:after, .storeMenu li .category.selected:after { background-position: 0 -9px; }
.storeMenu li a:hover { color: #1d5aac; background-color: #f0f0f0; }
.storeMenu li a.selected { color: #1d5aac; background-color: #f0f0f0; }
.storeMenu ul { border-top: 1px solid #ccc; }
.storeMenu ul li { border: none; }
.storeMenu ul li a { line-height: 10px; font-size: 12px; font-size: 1.2rem; }
.storeMenu ul li a:hover { text-decoration: underline; }

.storeMenu li.feature { padding: 10px 0 5px 10px; color: #919191; font-size: 1.8rem; }
.storeMenu li.feature:hover { cursor: pointer; }
.storeMenu li.feature ul { display: block; margin-left: -10px; border: none; }
.storeMenu li.feature ul li a { line-height: 1.4; padding-left: 45px; font-size: 1.6rem; }
.storeMenu li.feature ul li a::after {
    content: '\f105';
    position: absolute;
    right: 10px;
    color: #ccc;
    font-family: FontAwesome;
}
.storeMenu li.feature .comic a {
    color: #ed2618;
    background: url(/images/icon_feature_comic.png) 10px center no-repeat;
    background-size: 24px;
}
.storeMenu li.feature .horse_racing a {
    color: #4cbb5f;
    background: url(/images/icon_feature_horse_racing.png) 8px center no-repeat;
    background-size: 24px;
}
.storeMenu li.feature .bicycle_race a {
    color: #808080;
    background: url(/images/icon_feature_bicycle_race.png) 10px center no-repeat;
    background-size: 24px;
}
.storeMenu li.feature .motorboat_race a {
    color: #00a3e8;
    background: url(/images/icon_feature_motorboat_race.png) 10px center no-repeat;
    background-size: 24px;
}
.storeMenu li.feature .love a {
    color: #eb1984;
    background: url(/images/icon_feature_love.png) 10px center no-repeat;
    background-size: 24px;
}
.storeMenu li.feature .business a {
    color: #f8a300;
    background: url(/images/icon_feature_business.png) 10px center no-repeat;
    background-size: 24px;
}

#slider {
    position: relative;
    width: 780px;
    height: 220px;
    margin: -10px -20px 0 -20px;
    overflow: hidden;
    z-index: 1;
}

#slider ul li { text-align: center; }

.ranking { margin-left: -10px; }
.ranking h1 { margin-bottom: .5em; }
.ranking h1,
.ranking h1 + p,
.ranking .topicpath { margin-left: 10px; }
.ranking:not(.ranklist) h1::before { content: '\f091'; font-family: FontAwesome; color: #eb1984; }
#comic .ranking:not(.ranklist) h1::before { margin-right: 10px; color: #ed2618; }
.ranking.ranklist h1::before { content: '\f1b2'; margin-right: 10px; font-family: FontAwesome; }
.ranking.ranklist h1.h1_magazine::before  { color: #eb1984; }
.ranking.ranklist h1.h1_blog::before      { color: #ea1e01; }
.ranking.ranklist h1.h1_forecast::before  { color: #f8a300; }
.ranking.ranklist h1.h1_book::before      { color: #a0cc00; }
.ranking.ranklist h1.h1_file::before      { color: #269f9f; }
.ranking.ranklist h1.h1_salon::before     { color: #2da0e9; }
.ranking.ranklist h1.h1_specialty::before { color: #06f; }
.col_2 .ranking.ranklist .generic_lanking {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px;
}
.col_2 .ranking.ranklist .generic_box { -webkit-flex-basis: 245px; flex-basis: 245px; margin: 0 0 40px 10px; }
.col_2 .ranking.ranklist .generic_box:nth-child(3n+1) { margin-left: 10px; }
/* 1690行目あたりコメントアウト */
.ranking.ranklist a { height: auto !important; margin: 0 !important; }

.ranking.ranklist.col_3 { display: table; margin-left: 0; }
.seller .ranking.ranklist,
.affiliater .ranking.ranklist { display: block; }

.ranking .sales,
.ranking .favorite,
.ranking .trend { display: table-cell; width: 255px; padding: 0 10px; }
#keiba .ranking .sales,
#keiba .ranking .favorite,
#keiba .ranking .trend { width: auto; }
.ranking.ranklist .box ul { overflow: visible; margin-top: 65px; line-height: 1.4; }
.ranking.ranklist .box { position: relative; overflow: hidden; }
.ranking.ranklist .box ul.movie { overflow: visible; margin-top: 30px; }
.ranking.ranklist .box ul.audio { overflow: visible; margin-top: 85px; }

/*可変ウインドウ用*/
.ranking.ranklist:not(.seller) .box.mail_search_list { width: 600px ;}
.ranking.ranklist .search_view_wide { height: 100%; margin: 0 0 100px 5px; }
.ranking.ranklist .search_view_wide .box { float: left; }

.ranking.ranklist .sales,
.ranking.ranklist .favorite,
.ranking.ranklist .trend { width: 820px; padding: 0; position: relative; border: none; }
.ranking.ranklist .result,
.ranking.ranklist.col_3 { float: left; padding-right: 3px; }
.ranking.ranklist:not(.seller) .report_list { width: 600px; }
.ranking.ranklist .report_list div {
    float: left;
    width: 295px;
    padding: 5px 0;
    text-align: right;
    font-weight: bold;
    border-top: 2px solid #808080;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ranking.ranklist.seller .report_list div { width: calc(50% - 5px); }
.ranking.ranklist .report_list div.sel_title { margin-left: 5px; padding-left: 5px; }
.ranking.ranklist .report_list div.sel_status { margin-right: 5px; padding-right: 5px; }

ul li.tofs {
    text-overflow: ellipsis;
    overflow: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.delated_alert {
  font-size: 0.8rem;
  background-color: #d00;
  padding: 3px;
  color: #fff;
  border-radius: 3px;
  position: absolute;
  left: 20px;
  top: 5px;
}

.article_serch { position:relative; margin: 0 5px; border-bottom: 1px solid #ccc; }
.article_serch:first-child { border-top: 1px solid #ccc; }
div.article_serch div.article_title {
    position: absolute;
    top: 50%;
    width: 70%;
    font-size: 1.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ranking.ranklist.seller div.article_serch div.article_title { width: 85%; }
div.article_serch div.article_title.article_title_book { width: 290px; }
div.article_serch span.update {
    position: absolute;
    top: 50%;
    right: 5px;
    color: #666;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
div.article_serch .article_title.tof { color: #1d5aac; }
div.article_serch a.serch_detail, div.article_serch div.serch_detail { margin-bottom: 0px; padding: 40px 5px; }
div.article_serch a.serch_detail span.number { display: inline-block; width: 80px; }
div.article_serch div.serch_detail { overflow: hidden; }
div.article_serch .fa-envelope:before,div.article_serch .fa-pencil:before,
div.article_serch .fa-book:before,div.article_serch .fa-edit:before { color: #1d5aac; font-size:1.5rem; }
.ranking.ranklist .box img { width: 75px; height: 75px; /* border: solid 1px #ccc; */ }
.ranking.ranklist .box img.book { width: 55px; height: 75px; margin: -1px 10px 0 35px; }
.ranking.ranklist .box .generic_lanking img.book { width: 55px; height: 80px; margin: -1px 10px 0 -1px; }
.ranking.ranklist .box img.icon_tumb-nonborder { border: none; }
.ranking.ranklist .box .rank { position: absolute; left: -7px; top: -6px; }
.ranking.ranklist .box .category { position: absolute; top: 64px; left: 87px; }
.ranking.ranklist .box .category.book { position: absolute; top: 65px; left: 80px; }
.myresult { float: left; margin: 0 10px 10px 0; }

.ranking.ranklist .result a {
    display:inline-block;
    width: 142px;
    height: 200px;
    vertical-align: top;
    border: solid 1px #CCC;
    margin: 0 0 10px 8px !important;
    padding: 10px;
    border-radius: 0;
    text-align: center;
}
.ranking.ranklist.col_3 .myresult a {
    display:inline-block;
    width: 172px;
    height: 155px !important;
    vertical-align: top;
    border: solid 1px #CCC;
    margin: 16px 16px 16px 18px;
    padding: 10px;
    border-radius: 0;
}
.ranking.ranklist.col_3 .myresult:nth-child(3n) { margin-right: 0; }
.ranking.ranklist.col_3 .myresult img { margin-left: 38px; }
.ranking.ranklist.col_3 .myresult .category { left: 105px; }

.ranking.ranklist.col_2 .myresult a {
    display:inline-block;
    width: 142px;
    height: 155px !important;
    vertical-align: top;
    border: solid 1px #CCC;
    margin: 16px 16px 16px 18px;
    padding: 10px;
    border-radius: 0;
}

.ranking.ranklist a>ul>li {
    clear: both;
    text-align: left;
    /* padding-top: 5px; */
}

.affiliater .ranking.ranklist a>ul>li {
    clear: both;
    text-align: left;
    padding-top: 0px;
}

.ranking.ranklist a>ul>li.tofs,
.ranking.ranklist.result a>ul>li.tofs,
.ranking.ranklist.col_3 .myresult a>ul>li.tofs {
    color: #1D5AAC;
    margin-bottom: 5px;
    padding-top: 5px;
    height: 38px;
    position: relative;
}

.ranking.ranklist a>ul>li:nth-child(1) { width: 100%; overflow: hidden; }
.ranking.ranklist a>ul>li:nth-child(2) { width: 100%; height: 35px; overflow: hidden; }
.ranking.ranklist a>ul>li:nth-child(3) { text-align: right; }

/* ストアトップの、コンテンツのメイン画像が流れる部分の改良 */
/* DIRECTION CONTROLS (NEXT / PREV) */
.stuff_recommend .bx-controls-direction {
    font-size: 1.8rem;
}

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

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

}

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

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

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

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

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.stuff_recommend  .bx-wrapper .bx-pager {
    display: none;
}
.wrapper .bx-wrapper { margin: 0 auto 30px; }
.bx-wrapper .bx-pager { display: none; }

/* ストア、スペシャリスonlyトヘッダ */
.specialty_store_header {
    position: relative;
    width: 780px;
    height: 359px;
    margin: -10px -20px 0 -20px;
    overflow: hidden;
    z-index: 1;
}

.specialty_header_recruit {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

/*ストア、新着情報*/
.store_what_new {
    margin: 2em 0;
    overflow: hidden;
    display: block;
}

/* ストア、スペシャリストのピックアップ*/
.specialty_recommend {
    margin: 20px 0;
    padding-bottom: 10px;
    overflow: hidden;
    display: block;
}

.specialty_recommend a {
    position: relative;
    display: inline-block;
    width: 245px;
    height: 40px;
    margin-left: 3px;
}

.specialty_newest { margin: 20px 0; padding-bottom: 10px; }
.specialty_newest .sales { overflow: hidden; display: block; }
.specialty_newest .ranking .list_position_box { margin-right: 3px; }

span.specialty_category_icon {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #ccc;
    border-radius: 100px;
}

span.specialty_category_icon.fortune { background: #f0f; }
span.specialty_category_icon.design  { background: #f60; }
span.specialty_category_icon.legal   { background: #09f; }
span.specialty_category_icon.keyboard { background: #093; }

span.specialty_category_icon span.fa { position: absolute; font-size: 25px; color: #fff; }

span.specialty_category_icon span.fa.fa-heartbeat      { top: 10px; left:7px;}
span.specialty_category_icon span.fa.fa-paint-brush    { top: 10px; left:7px;}
span.specialty_category_icon span.fa.fa-graduation-cap { top: 9px; left:4px;}
span.specialty_category_icon span.fa.fa-keyboard-o     { top: 7px; left:7px;}

span.specialty_category {
    position: absolute;
    top: 8px;
    left: 45px;
    font-size: 1.5rem;
    font-weight: bold;
 }
span.specialty_category.fortune { color: #f0f; }
span.specialty_category.design  { color: #f60; }
span.specialty_category.legal   { color: #09f; }
span.specialty_category.keyboard { color: #093; }

.store_what_new ul { margin: 10px 0 }
.store_what_new li {
    position: relative;
    float: left;
    height: 50px;
    /* width: 120px!important; */ /*サロン用修正部分*/
    /*  padding: 15px 10px 10px; */
    /* margin-left: 5px; */
    width: 105px; /*スペシャルティ追加修正部分*/
    padding: 15px 0; /*スペシャルティ追加修正部分*/
    margin-left: 2px; /*スペシャルティ追加修正部分*/
    display: block;
    border-radius: 5px;
    text-align: center;
}
.store_what_new a { display: inline-block; text-align: center; width: 47%; }


/* ストア、スタッフのおすすめ商品  */
.stuff_recommend {
    margin-bottom: 5px;
    overflow: hidden;
    height: 205px;
    display: block;
    margin-bottom: 20px;
}
.stuff_recommend a:hover { text-decoration: none; }

.stuff_recommend .heading,
.store_what_new .heading,
.store_feature .heading,
.specialty_recommend .heading,
.specialty_newest .heading,
.ranking .heading {
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 2rem;
    font-weight: bold;
    width: 780px;
    display: block;
}
.stuff_recommend ul { margin: 5px 0 10px; }
.stuff_recommend li {
    position: relative;
    float: left;
    width: 250px!important;
    display: block;
    height: 165px;
    padding: 0 5px;
}
.stuff_recommend li div.reco_box { position: relative;border-radius: 5px; display: block; overflow: hidden; }
.reco_head {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 20px;
    color: #ffffff;
    padding-left: 5px;
}
.stuff_recommend li div.reco_head { line-height: 2; font-size: 1rem; }
.reco_tag {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    text-align: right;
    padding-right: 10px;
}
.reco_body { position: relative; padding: 25px 5px 5px; border: solid 1px #ccc; border-radius: 5px; height: 163px;
}
.stuff_recommend li .category { position: absolute; top: 40px; left: 40px; }
.stuff_recommend li img { margin-right: 5px; }
.stuff_recommend li .reco_body:hover { background: #f0f0f0; }
.stuff_recommend li img.book {
    width: 35px;
    max-width: 35px;
    height: 50px;
    max-height: 50px;
    margin: 0 11px 0 7px;
}
.stuff_recommend .sr_title { height: 40px; }
.stuff_recommend .stuff_comment { clear: both; display: inline-block; color: #4b4b4b; }

/* 購読解除画面に出すオススメ枠  */
.backnumber_list div.reco_box { position: relative; border-radius: 5px; display: block; overflow: hidden; }
.backnumber_list div.reco_box a:hover { text-decoration: none; }
.backnumber_list .reco_body { padding: 25px 5px 5px; border: solid 1px #ccc; border-radius: 5px; height: auto; }
.backnumber_list .reco_body img { margin-right: 5px; }
.backnumber_list .reco_body .sr_title { height: 40px; }

/* まとめ特集 */
.store_feature { margin-bottom: 20px; padding-bottom: 10px; overflow: hidden; display: block; }
.store_feature img { width: 240px;  border-radius: 5px; margin-right: 10px; }
.store_feature img[src="/images/feature_comic_2.png"] { border: 1px solid #ccc; }

.ranking h2,
.ranking h3 {
    position: relative;
    margin-bottom: 10px;
    padding: 5px 10px;
    color: #fff;
    font-weight: normal;
    /* background-color: #1d5aac; */
    border-radius: 3px;
}
.ranking h3 .fa-trophy,
.ranking h3 .fa-child { font-size: 1.8rem; }
.ranking h3 div { font-size: 1.1rem; }
.ranking .list {
    float: right;
    display: inline-block;
    line-height: 40px;
    padding-left: 10px;
    color: #fff;
    font-size: 1.2rem;
    border-left: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 1px 0 0 rgba(0, 0, 0, .05) inset;
}

.ranking .trend .list { right: 0; }
#recommend h3 ~ a,
.recommends a {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    padding: 5px;
    /*overflow: hidden;*/
}
.ranking .box a {
    position: relative;
    display: block;
    width: 100%;
    height: 90px;
    margin-bottom: 20px;
    color: #3b3b3b;
    border-radius: 3px;
}
.ranking .box a:hover,
#recommend a:hover,
.recommends a:hover,
.product_details a:hover { background-color: #f0f0f0; text-decoration: none; cursor: pointer; }
.ranking .box .rank,
#recommend .rank {
    position: absolute;
    top: -5px;
    left: -8px;
    display: inline-block;
    min-width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 8px;
    font-size: 1.0rem;
    background-color: #f0f0f0;
    border: 2px solid #ffffff;
    border-radius: 50%;
    z-index: 1;
}

.ranking .position_box,
.ranking .generic_box { position: relative; margin-bottom: 40px; }
.ranking .position_box,
.ranking .generic_box p { height: 64px !important; }
.ranking .position_box .lanking_comment_count,
.ranking .generic_box .lanking_comment_count { position: absolute; top: 80px; right: 5px; }
.col_2 .ranking .generic_box .lanking_comment_count { top: 42px; }
.ranking .list_position_box { position: relative; display: inline-block; }
.ranking .list_position_box .lanking_comment_count { position: absolute; bottom: 10px; right: 5px; }
.lanking_comment_count span.word_hide { display: none; }
.ranking .generic_box .tof { width: 190px; margin-top: 0; }

.ranking_body {
    position: relative;
    display: block;
    width: 100%;
    height: 110px;
    overflow: hidden;
    border-radius: 5px;
}

.ranking_body_top {
    display: block;
    width: 100%;
    height: 80px;
    border-radius: 5px 5px 0 0;
    border: solid 1px #ccc;
    border-bottom: transparent;
}

.ranking_body_bottom {
    position: absolute;
    z-index: 2;
    top: 80px;
    width: 100%;
    color: #fff;
    padding-left: 5px;
    bottom: 0;
    border-radius:  0 0 5px 5px;
}
.ranking_body_bottom > span:not(.ranking_price) { position: absolute; top: 50%; left: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ranking_price { position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
span.rpt { font-size: 0.8rem; }
.ranking .box .rank1,
.ranking .box .rank2,
.ranking .box .rank3,
#recommend .rank1,
#recommend .rank2,
#recommend .rank3 {
    height: 25px;
    width: 25px;
    line-height: 23px;
    color: #4b4b4b;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #f8a300;
    /*background: url(/images/icon_gold.png) 0 0 no-repeat;
    background-size: 26px;*/
    color: #ffffff;
    border: solid 2px #ffffff;
    z-index: 1;
}
.ranking .box .rank2, #recommend .rank2 {
    background-color: #aa8888;
    /*background: url(/images/icon_silver.png); background-size: 26px 34px; */
}
.ranking .box .rank3, #recommend .rank3 {
    background-color:  #ea1e01;
    /*background: url(/images/icon_bronze.png); background-size: 26px 34px;*/
}
.ranking .box img { width: 60px; /* height: 60px; */ margin: -1px 10px 0 22px; }
.ranking .box .ranking_body img { width: 80px; height: 80px; margin: 0 10px 0 0; }
.ranking .box .ranking_body img[src*="/images/no_image"] { margin: -1px 10px 0 -1px; }
/* .col_2 .ranking .box .ranking_body img { border-top: 1px solid #ccc; border-left: 1px solid #ccc; } */
#recommend img { width: 50px; height: 50px; margin-right: 10px; }
#recommend img.book { width: 35px; margin: 0 16px 0 10px; }
.ranking .box img.book {
    width: 55px;
    max-width: 55px;
    height: 80px;
    max-height: 80px;
    margin: -1px 10px 0 -1px;
}
.ranking .box .category,
#timeline .category { position: absolute; top: 40px; left: 55px; }
#recommend .category { position: absolute; top: 35px; left: 39px; }
.ranking .box .fa-square,
#recommend .fa-square,
.detail .fa-square,
.report .fa-square,
.ad_magazine_box .fa-square { color: #1d5aac; font-size: 1.8rem; }

.ranking .box .fa-envelope,
.ranking .box .fa-pencil,
.ranking .box .fa-edit,
.ranking .box .fa-book,
.ranking .box .fa-folder-open,
.ranking .box .fa-coffee,
.ranking .box .fa-graduation-cap,
.ranking .box .fa-database,
#recommend .fa-envelope,
#recommend .fa-pencil,
#recommend .fa-edit,
#recommend .fa-book,
#recommend .fa-folder-open,
#recommend .fa-coffee,
#recommend .fa-graduation-cap,
#recommend .fa-database,
#timeline .fa-envelope,
#timeline .fa-pencil,
#timeline .fa-edit,
#timeline .fa-book,
#timeline .fa-folder-open,
#timeline .fa-coffee,
#timeline .fa-database,
#timeline .fa-graduation-cap,
.detail .cont_detail .fa-envelope,
.detail .cont_detail .fa-pencil:not(.option_icon),
.detail .cont_detail .fa-edit,
.detail .cont_detail .fa-book,
.detail .cont_detail .fa-folder-open,
.detail .cont_detail .fa-coffee,
.detail .cont_detail .fa-graduation-cap,
.detail .cont_detail .fa-database,
.report .fa-envelope,
.report .fa-pencil,
.report .fa-edit,
.report .fa-book,
.report .fa-folder-open,
.report .fa-coffee,
.report .fa-graduation-cap,
.report .fa-database,
.report .fa-database,
.thumbnail .fa-envelope,
.thumbnail .fa-pencil,
.thumbnail .fa-edit,
.thumbnail .fa-book,
.thumbnail .fa-folder-open,
.thumbnail .fa-coffee,
.thumbnail .fa-graduation-cap,
.thumbnail .fa-database,
.stuff_recommend .fa-envelope,
.stuff_recommend .fa-pencil,
.stuff_recommend .fa-edit,
.stuff_recommend .fa-book,
.stuff_recommend .fa-folder-open,
.stuff_recommend .fa-coffee,
.stuff_recommend .fa-graduation-cap,
.stuff_recommend .fa-database,
.readonly .fa-envelope,
.readonly .fa-pencil,
.readonly .fa-edit,
.readonly .fa-book,
.readonly .fa-folder-open,
.readonly .fa-coffee,
.readonly .fa-graduation-cap,
.readonly .fa-database,
.keiba_stream .fa-envelope,
.keiba_stream .fa-pencil,
.keiba_stream .fa-edit,
.keiba_stream .fa-book,
.keiba_stream .fa-folder-open,
.keiba_stream .fa-coffee,
.keiba_stream .fa-graduation-cap,
.keiba_stream .fa-database,
.ad_magazine_box .fa-envelope,
.ad_magazine_box .fa-pencil,
.ad_magazine_box .fa-edit,
.ad_magazine_box .fa-book,
.ad_magazine_box .fa-folder-open,
.ad_magazine_box .fa-coffee,
.ad_magazine_box .fa-graduation-cap,
.ad_magazine_box .fa-database { color: #fff; font-size: 1rem; }

.ranking .box p,
#recommend p {
    height: 50px;
    line-height: 1.4;
    margin: 0;
    padding: 3px 3px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
}
.col_2 .ranking .box p { height: 50px !important; }
.ranking_body_genre {
    font-size: 11px;
    font-size: 1.1rem;
    text-align: right;
    padding-right: 5px;
    margin-top: 8px;
}
.nextload { text-align: center; }
.nextload img { width: 16px; margin: 20px auto; }
.rankresult {
    position: relative;
    margin: 10px 5px 20px 0;
    padding: 20px 10px;
    background-color: #f0f0f0;
}
.rankresult p { margin-bottom: 0; }
.right_ali { padding-left: 10px; }
.ranking.ranklist.col_3 {
    float: left;
    width: 582px;
    margin: 0 -1px 100px;
    padding: 10px 20px 50px;
}

/* -------------------------------------------------- mypage */
#mypageMenu {
    float: left;
    width: 200px;
    margin-top: 10px;
    border-right: 1px solid #ccc;
}

#mypageMenu h2 {
    margin: 0 10px 20px 0;
    padding: 3px 0;
    text-align: center;
    color: #1d5aac;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #f0f0f0;
    border: none;
    border-radius: 3px;
}

#mypageMenu .modal {
    position: relative;
    top: 2px;
    left: -3px;
    width: auto;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
}

#mypageMenu .modal .fa { display: inline; margin-right: 0; }

#userBox { padding-right: 10px; border-bottom: 1px solid #ccc; }
#userBox .name { font-size: 1.6rem; }
#userBox .total_point,
#userBox .available_point,
#userBox .member_rank { position: relative; min-height: 20px; margin-bottom: 10px; }
#userBox .total_point div,
#userBox .available_point div { position: absolute; bottom: 0; line-height: 1; }
#userBox .member_rank > div { position: absolute; }
#userBox .total_point div:first-child,
#userBox .available_point div:first-child,
#userBox .member_rank > div:first-child { left: 0; }
#userBox .total_point div:first-child span,
#userBox .available_point div:first-child span,
#userBox .member_rank > div:first-child span { letter-spacing: -1.5px; }
#userBox .total_point div:last-child,
#userBox .available_point div:last-child { right: 0; }
#userBox .total_point strong,
#userBox .available_point strong { margin-right: 5px; font-size: 1.6rem; font-weight: normal; }
#userBox .determined_point { margin: -5px 0 10px; text-align: right; color: #1d5aac; letter-spacing: -1px; }
#userBox .determined_point:hover { cursor: pointer; text-decoration: underline; }
#userBox .notice_window { display: none; margin: 10px 0; padding: 10px; }
#userBox .notice_window > strong { margin: 0; font-size: 1.2rem; }
#userBox .notice_window .txtc strong:first-child { margin-right: 5px; font-size: 1.4rem; }
#userBox .notice_window .txtc strong:nth-of-type(2) { margin: 0 0 0 5px; font-size: 1.2rem; font-weight: bold; }
#userBox .clear { margin-bottom: 1em; }
#userBox .member_rank .element a span:not(.fa) { display: block; font-size: .8rem; }
#userBox .member_rank .element {
    position: relative;
    float: right;
    width: 120px;
    margin-bottom: 10px;
    text-align: right;
    letter-spacing: -1.5px;
}
#userBox .member_rank .element a { line-height: 1; padding: 0; }
#userBox .member_rank .modal { position: absolute; top: auto; left: auto; right: -12px; bottom: 3px; z-index: 2; }
input.small_button,
button.small_button,
#userBox 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;
}
input.small_button:hover,
button.small_button:hover,
#userBox button:hover { background-color: #1d5aac; box-shadow: 0 2px 0 #143f78; }
input.small_active,
button.small_button:active,
#userBox button:active { top: 0; box-shadow: none; outline: none; }

.mypageMenu { margin: 10px 10px 10px 0; }
.mypageMenu li span.fa { width: 15px; }
.mypageMenu .fa-plus-square-o,
.mypageMenu .fa-minus-square-o { float: right; margin: 3px 0 0; }
.mypageMenu li {
    position: relative;
    padding: 5px 0;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
}
.mypageMenu .fa-caret-right,
.mypageMenu .fa-caret-down { color: #4b4b4b; }
.mypageMenu li.no_cont, .usertoolMenu li.no_cont, .sellerMenu li.no_cont { color: #919191; }
.mypageMenu li.no_cont:hover, .usertoolMenu li.no_cont:hover, .sellerMenu li.no_cont:hover { text-decoration: none; cursor: auto; }
.mypageMenu li a { width: 170px; }
.mypageMenu ul { display: none; }
.mypageMenu ul li { padding-left: 10px; }
.mypageMenu ul ul ul li { padding-left: 13px; }
.mypageMenu ul li,
.mypageMenu ul li a {
    color: #1d5aac;
    font-size: 12px;
    font-size: 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    /* text-overflow: ellipsis; */
}
.mypageMenu ul li.bo_fa { margin-left: 8px; }
.mypageMenu .ui-state-default ul li.bo_fa a:link,
.mypageMenu .ui-state-default ul li.bo_fa a:active { color: #1d5aac !important; }
.mypageMenu ul li span.reserve {
    height: 14px;
    line-height: 14px;
    margin-right: 5px;
    margin-left: -5px;
    padding: 0 3px;
    background-color: #4b4b4b;
}
.mypageMenu ul li a span {
    display: block;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mypageMenu ul li span.fa.pm_icon {
    margin-left: -4px;
    margin-right: 0px;
    display: inline-block;
    width: 13px;
    font-size: 1.0rem;
}
.sortable_menu .placeholder { height: 24px; background-color: #f0f0f0; border: 1px dotted #ccc; }
#mypageMenu .txtr { position: relative; margin: 60px 0 10px; padding: 0 10px 10px 0; border-bottom: 1px solid #ccc; }
#mypageMenu .txtr .tips_cont { width: 300px; }
.ui-state-default a,
.ui-state-default a:link { color: #1d5aac!important; }
#sticker_recommend { width: 190px !important; padding-bottom: 100px; }

#recommend {
    float: right;
    width: 198px;
    margin-top: 10px;
    padding-left: 10px;
    /* border-left: 1px solid #ccc; */
}
.information.notification #recommend { width: 198px; }
#recommend h3 {
    position: relative;
    margin: 5px 0 10px;
    padding: 5px 10px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #1d5aac;
    border-radius: 3px;
}
#recommend h3 span.midashi_space { font-size: 1.2rem; }
#recommend .list {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    padding: 2px 10px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    border-left: 1px solid #164381;
    box-shadow: 1px 0 0 #346bb4 inset;
}
#recommend .list:hover { background: none; }
#timeline .articleBox { padding: 10px 0; border-bottom: 1px dotted #ccc; }
#timeline .article_hide { float: right; margin-left: 10px; }
#timeline .timestamp { float: right; color: #ccc; }
#timeline .article_hide span {
    position: relative;
    z-index: 3;
    margin-right: 0;
    color: #ccc;
    font-size: 14px;
    font-size: 1.4rem;
}
#timeline .article_hide span:hover { color: #1d5aac; cursor: pointer; }
#timeline .article_hide ul {
    display: none;
    position: absolute;
    right: 210px;
    z-index: 999;
    width: 260px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
#timeline .article_hide ul li {
    float: none;
    padding: 10px;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    border-bottom: 1px solid #ccc;
}
#timeline .article_hide ul li:last-child { border: none; }
#timeline .article_hide ul li a { color: #919191; font-size: 1.2rem; cursor: pointer; }
#timeline .article_hide ul li:first-child a { display: block; margin: 0 0 0 10px; }
#timeline .article .txtr { margin-top: 20px; }
#timeline .category { position: relative; top: 50px; left: -22px; }
#timeline .fa-square { color: #1d5aac; font-size: 1.8rem;}
#timeline .thumbnail { float: left; margin-top: 20px; }
#timeline dl { margin: -10px 0 0 70px; }
#timeline dt {
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.4rem;
}
#timeline dt a { line-height: 1.2; font-weight: bold; font-size: 1.8rem; }
#timeline-list-box .timeline_masonry img { width: 215px; height: auto; margin: 0 10px 10px 0; }
#timeline-list-box .forecast_premium_info img { display: block; width: 215px; margin: 0 auto 1em; }
#timeline-list-box .img_left { position: relative; }
#timeline-list-box .img_left .item.item_cont_option { position: absolute; top: 38px; left: 38px; padding: 0 3px; }
#timeline-list-box .img_left .book { width: 34px; height: 50px; margin-left: 10px; }

/* -------------------------------------------------- information */
.notice .usertoolMenu { margin-left: 10px; }
.notice .usertoolMenu ul { margin-left: 8px; }
.notice .usertoolMenu > li:hover { text-decoration: underline; }
.notice h3 { margin-bottom: 20px; }
.notice .noticeBox { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; }
.notice .noticeBox .timestamp { margin: 10px 0; text-align: right; color: #ccc; }
.notice .noticeBox .timestamp .item { margin-right: 10px; }
.notice .remove_all { margin: 0 0 30px 12px; }
.notice .remove_all:hover { color: #1d5aac; text-decoration: underline; cursor: pointer; }
.notice .remove_all .fa { font-size: 14px; font-size: 1.4rem; }
.notice .noticeBox .timestamp .fa { margin-left: 10px; font-size: 14px; font-size: 1.4rem; }
.notice .noticeBox .timestamp .fa:hover { color: #1d5aac; cursor: pointer; }
.notice .noticeBox .thumbnail { float: left; max-width: 80px; max-height: 80px; }
.notice .noticeBox dl { margin-left: 100px; }
.notice .noticeBox dt {
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.6rem;
}

.notice .notice_address { margin: 10px 0 30px; }
.notice .notice_address span { margin-right: 10px; color: #808080; }
.notice .notice_address .edit { float: right; }

.notice .notice_edit div { float: left; margin-bottom: 20px; padding: 5px 0; text-align: center; border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.notice .notice_edit div:first-child { padding-left: 10px; text-align: left; }
.notice .notice_edit .ntc_title { width: 70%; }
.notice .notice_edit .ntc_info,
.notice .notice_edit .ntc_main,
.notice .notice_edit .ntc_mobile { width: 10%; }

.notice .notice_edit ul { display: none; }
.notice .notice_edit > li { padding-bottom: 30px; }
.notice .notice_edit ul li { margin-left: 15px; padding: 5px 0; border-top: 1px solid #ccc; }
.notice .notice_edit ul li:first-child { margin-top: 5px; }
.notice .notice_edit ul li div { margin: 0; padding: 0; font-size: 14px; font-size: 1.4rem; border: none; }
.notice .notice_edit ul li .fa { margin: 0; }
.notice .notice_edit ul li .fa-ban { color: #d00; }
.notice .notice_edit ul li .fa-check-circle { color: #22ac38; }

/* レジまぐからのお知らせ */
.info { margin-bottom: 50px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }
.info h4,
.info .h4 { position: relative; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.info h4::after,
.info .h4::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 11.5em;
    height: 3px;
    background-color: #1d5aac;
}
#keiba .info .h4 { font-size: 2rem; font-weight: bold; }
#keiba .info .h4::after { background-color: #4cbb5f; }
#keiba .info_wrapper { display: none; }
#keiba .info.stakes { margin: 1em auto 3em; }
#keiba .info.stakes .h4::after { width: 24em; background-color: #4cbb5f; }
#keiba .info.stakes .h4 a {
    position: relative;
    top: -5px;
    float: right;
    padding: 5px 20px 5px 15px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    background: #4cbb5f;
    border-radius: 3px;
}
#keiba .info.stakes .h4 a::after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 5px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#keiba .info.stakes li { padding: 3px 0; font-size: 1.6rem; }
#keiba .info.stakes li:not(:last-child) { border-bottom: 1px dotted #ddd; }
#keiba .info.stakes li div[class^="g"],
#keiba .info.stakes.topics li div {
    display: inline-block;
    width: 30px;
    margin: 0 10px 0 5px;
    padding: 2px 0;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 3px;
}
#keiba .info.stakes li div.g1,
#keiba .info.stakes li div.new { background: #055590; }
#keiba .info.stakes li div.g2,
#keiba .info.stakes li div.update { background: #d52114; }
#keiba .info.stakes li div.g3 { background: #1fab37; }
#keiba .info.stakes li a { margin-left: 1em; }
.info dt { padding: 10px 0; }
.info dt:not(:first-child) { border-top: 1px dotted #ccc; }
.info dt span:first-child { color: #1d5aac; margin-right: 10px; font-weight: normal; font-size: 1.6rem; }
.info dt span:first-child:hover { cursor: pointer; text-decoration: underline; }
.info dt .txtr { margin-right: 10px; color: #ccc; }
.info dd { padding: 10px 30px; }
.info dd p:not(.ind) { font-size: 1.4rem; }
.info .info_afi_pickup { border-bottom: solid 1px #ccc; display: inline-block; width: 100%; }
.info .info_afi_pickup img { margin-right: 20px; }
.afi_pickup_detail { font-size: 1.4rem; margin-bottom: 5px; }
span.afi_pickup_title { font-size: 1.6rem; font-weight: bold; }

/* -------------------------------------------------- message */
#MessageMenu h2 {
    margin: 10px 0 20px 0;
    padding: 0;
    color: #1d5aac;
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 1px solid #ccc;
    border: none;
    background: none;
}
#MessageMenu h2 span:not(.fa) { display: block; text-align: center; font-size: 1.4rem; }
.message #usertoolMenu h2 { margin: 0; }
.message #usertoolMenu .toggle_cont { margin-top: 5px; padding: 5px; }
.message #usertoolMenu .toggle_cont img { margin-right: 10px; }
.message #usertoolMenu .toggle_cont input[type="file"] {
    margin-top: 10px;
    padding: 0;
    border: none;
    box-shadow: none;
}
.message #usertoolMenu .toggle_cont input[type="text"] {
    width: 100%;
    margin-top: 10px;
    padding: 0 0 0 5px;
    box-shadow: none;
}
.message .search { margin: 10px 0; border: 1px solid #ccc; }
.message .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;
}
.message .search input[type="search"]:focus { outline: none; }
.message .search input::-webkit-search-decoration,
.message .search input::-webkit-search-cancel-button { display: none; }
.message .search button {
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0 -5px 0 0;
    color: #666 !important;
    background: none;
    border: none;
    box-shadow: none;
}
.message .search button:hover { color: #1d5aac !important; }
.message .messageInbox { margin-right: -10px;  border-top: 1px solid #ccc; position: relative;}
.message .messageInbox a {
    display: block;
    padding: 10px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}
.message .messageInbox a span.ntf { position: absolute; left: 40px; top: 5px; }
.message .messageInbox a:hover { text-decoration: none; background-color: #f0f0f0; border-radius: 3px; }
.message .messageInbox.premium { background: url(/images/premium_mark.png) left 45px bottom 7px no-repeat; background-size: 40%; }
.message .messageInbox.premium a:hover { background: url(/images/premium_mark.png) left 45px bottom 7px no-repeat #f0f0f0; background-size: 40%; }
.message .messageInbox.specialty { background: url(/images/specialist_mark.png) left 45px bottom 7px no-repeat; background-size: 40%; }
.message .messageInbox.specialty a:hover { background: url(/images/specialist_mark.png) left 45px bottom 7px no-repeat #f0f0f0; background-size: 40%; }
.message .messageInbox img { max-width: 40px; max-height: 40px; margin-right: 10px; }
.message .messageInbox .txtr { margin-top: 5px; color: #ccc; font-size: 10px; font-size: 1.0rem; }
.message .messageInbox .comment { color: #4b4b4b; overflow: visible; white-space: normal;  }
.message .messageInbox .txtr,
.message .messageInbox .comment { line-height: 1.4; }
.message .messageInbox span.specialty_status { position: absolute; right: 5px; top: 0; font-size: 1rem; }
span.specialty_status.new { color: #d00;}
span.specialty_status.deliver { color: #999;}
.message .sendMessage .clear,
.message .sendMessage .txtc { display: none; }
.message .sendMessage textarea {
    position: relative;
    z-index: 2;
    width: 100%;
    max-height: 50vh;
    resize: vertical !important;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.message .year {
    display: block;
    width: 100px;
    height: 20px;
    line-height: 20px;
    margin: 50px auto;
    text-align: center;
    color: #fff;
    background-color: #1d5aac;
    border-radius: 10px;
}
.message .messageBox { margin-top: 50px; }
.message .messageBox .thumbnail.regimag { float: left; max-width: 80px; max-height: 80px; }
.message .messageBox .thumbnail.user { float: right; max-width: 80px; max-height: 80px; }
.message .messageBox .regimag + .messageInner { margin-left: 50px; width: 440px; }
.message .messageBox .user + .messageInner { margin-left: 50px; width: 440px; }

/* -------------------------------------------------- detail */
.detail .cont_image { position: relative; margin: -10px -20px 20px -20px; }
.detail .cont_image span {
    position: absolute;
    top: 10px;
    right: 5px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-size: 1.4rem;
    z-index: 9;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    padding: 3px;
}

.detail .cont_image span:hover { color: #fff; cursor: pointer; }
.detail .cont_image .fa-search-plus { color: rgba(29, 90, 172, .5); }
.detail .cont_image .fa-search-plus:hover { color: #1d5aac; }
.detail .cont_detail dt { position: relative; float:left; }
.detail .cont_detail dd { padding-left: 120px; }
.detail .cont_detail .category { position: absolute; top: 80px; left: 80px; }
.detail .cont_detail .fa-envelope { color: #fff; }
.detail .cont_detail .fa-tag { color: #1d5aac; }
.detail .cont_detail h1,
.detail .cont_detail h3 {
    margin: 10px 0 20px;
    line-height: 1.4;
    font-size: 20px;
    font-size: 2.0rem;
    border: none;
}
.detail .status { margin-top: 30px; }

#affiliater_detail_view h4,
.detail .cont_detail h3.point_select,
.cont_detail h4:not(.point_select),
.status h4,
.backnumber_list h4,
.book_library h3 {
    position: relative;
    margin: 20px 0;
    padding: 5px 10px;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    background-color: #1d5aac;
    border-radius: 3px;
}

.cont_detail .tips_cont h4:not(.point_select){
    margin: 5px 0px 15px;
    padding: 1px 10px;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.5rem;
    background-color: #1d5aac;
    border-radius: 3px;
}

h4.detail_wish,
h4.detail_favorite {
    margin:  0 0 20px 0;
    padding: 5px 10px;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    background-color: #1d5aac;
    border-radius: 3px;
}

.detail .cont_detail .introduction { margin: 30px 0; }
.detail .cont_detail .bookBox .introduction { margin: 0; }
.detail .cont_detail img { max-width: 100%; object-fit: cover; }
.detail .cont_data { margin: 20px 0; }

.detail .cont_data li {
    float: left;
    width: 50%;
    height: 24px;
    line-height: 24px;
}


.detail .cont_detail .status {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

.detail .cont_detail .status .item_cont_sub,
.detail .cont_detail .status .item_cont_alert {
    margin-bottom: 5px;
}

.detail .cont_detail .box {
    position: relative;
    padding: 30px 10px 0;
    line-height: 2;
    border-bottom: 1px dotted #ccc;
}

.detail .cont_detail .box .timestamp {
    position: absolute;
    top: 20px;
    right: 0;
    color: #919191;
}

.detail .cont_detail .box .mail_read_button {
    position: absolute;
    top: 5px;
    right: 0;
    color: #919191;
}

.detail .showmore_content, .pre_message_data .showmore_content  {
    position: relative;
    overflow: hidden;
    /*margin-bottom: 10px;*/
}

.detail .showmore_trigger, .pre_message_data .showmore_trigger {
    width: 100%;
    padding: 5px 0;
    margin-top: 10px;
    text-align: center;
    color: #1d5aac;
    background-color: #f0f0f0;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

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

.detail .col_2 h1,
.detail .col_2 h3 { font-size: 24px; font-size: 2.4rem; }
.detail .col_2 h4 .fa, .detail .col_3 h4 .fa { margin-right: 10px; font-size: 18px; font-size: 1.8rem!important; }
.detail .col_2 h4 + p { margin: 30px 0 !important; }
.detail .col_2 h4 + img { display: block; margin: 0px 10px 0px 0px; }
.detail .col_2 h4 + img + p { margin-bottom: 30px; }
.detail .col_2 .thumbnail_large { margin: -10px -20px 20px -20px; }
.detail .col_2 .cont_detail > dl dd { padding-left: 210px; }
/* .detail .col_2 .tips:hover { text-decoration: underline; } */
.detail .col_2 .cont_data { height: 60px; margin-bottom: 0; }
.detail .col_2 .cont_data li { width: auto; width: 250px; overflow: hidden; }

.detail .article_list h4 a {
    float: right;
    display: inline-block;
    margin: 2px 0 0 10px;
    padding: 1px 6px 0 10px;
    color: #fff;
    font-size: 1.4rem;
    background: rgba(255, 255, 255, .2);
    border-radius: 3px;
}
.detail .article_list h4 a::after {
    content: '\f105';
    display: inline-block;
    margin-left: 5px;
    font-family: FontAwesome;
 }
.detail:not(.comic) .article_list > .clear .col_left::before { content: '\f104'; display: inline-block; width: 10px; }
.detail:not(.comic) .article_list > .clear .col_right::after { content: '\f105'; display: inline-block; width: 10px; text-align: right; }
.detail:not(.comic) .article_list > .clear a[class^="col"] { margin-bottom: 2em; font-family: FontAwesome; font-size: 1.6rem; }
.detail:not(.comic) .col_2 .article_list dt,
.detail .col_3 .article_list dt {
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.detail .col_2 .article_list dt { width: 630px; }
.detail .col_2 .article_list dd { min-height: 80px; padding: 10px 0 10px 600px; position: relative; }
.detail .col_2 .article_list dd .keiba_free_tips {
    background-color: #ffffff;
    position: absolute;
    top: 8px;
    right: 0px;
    height: 27px;
    line-height: 2.5rem;
}
.detail .col_2 .article_list dd .keiba_free_tips span.fa { padding-left: 5px; }
.detail .col_2 .article_list dd#keiba + .keiba_comment_count { float: right; margin: 5px -5px 0 0; }
.keiba_comment_count a.iine { text-decoration: none; }

/* 的中報告内の不正報告フォーム */
.fraud_report p { line-height: 25px; }
.fraud_report textarea { width: 100% }
span.fraud_button { font-size: 1rem; }

.keiba_hit_open {
    position: relative;
    top: 0px;
    display: inline-block;
    width: 100%;
    line-height: 2.5rem;
    text-align: left;
    border-top: dotted 1px #ccc;
}

.forecast_main .keiba_hit_open,
.blog_main .keiba_hit_open {
    margin: 10px 0;
    padding: 10px 0;
    border-top: dotted 1px #ccc;
    border-bottom: dotted 1px #ccc;
}

.forecast_main .keiba_hit_open  { width: 630px; }
.blog_main .keiba_hit_open { width: 100%; }

.detail .col_2 .article_list dd .keiba_hit_open.magazine { left: -600px; width: 740px; }
.detail .col_2 .article_list dd .keiba_hit_open.blog { left: -500px; width: 740px; }
.detail .col_2 .article_list dd .keiba_hit_open.forecast { left: -500px; width: 740px; margin-top: 5px; border-top: dotted 1px #ccc; }

.keiba_hit_open ul { display: inline-block; width: 100%; }
.forecast_main .keiba_hit_open ul { margin-left: 0 !important; }
.keiba_hit_open ul li {
    clear: both;
    width: 100%;
    padding: 5px;
    display: inline-block;
    text-align: left;
    border-top: dotted 1px #ccc;
    position: relative;
}
.keiba_hit_open ul li:first-child { border: none; }
.keiba_hit_open ul li div { float: left; }
.keiba_hit_open ul li .stream,
.keiba_hit_open ul li .stream div { float: none; }
.keiba_hit_open ul li div.keiba_race_open  { width: 100%; height: auto; line-height: 2rem; }
.keiba_hit_open ul li div.keiba_race_open:nth-of-type(2)  { margin-bottom: 40px; }
.keiba_hit_open ul li div.keiba_hit_free { position: relative; right: 0; }

.forecast_main .keiba_hit_open ul li div.keiba_race_open { width: 490px; height: auto; line-height: 2rem; }
.blog_main .keiba_hit_open ul li div.keiba_race_open { width: calc(100% - 140px); height: auto; }
.keiba_hit_open.magazine ul li div.keiba_race_open { width: 510px; height: auto; }
.keiba_hit_open.blog ul li div.keiba_race_open { width: 520px; height: auto; }
.keiba_hit_open.forecast ul li div.keiba_race_open { width: 575px; height: auto; }

.keiba_hit_ticket {
    position: relative;
    margin: 20px 0 0 -5px;
    padding: 15px 5px 5px 5px;
    min-height: 2rem;
    min-width: 100px;
    background: #ffffff;
    display: inline-block;
    border: 1px solid #d00;
    border-radius: 3px;
}

.keiba_hit_ticket::before {
    content: '\7684\4E2D\3057\307E\3057\305F\FF01'; /* 的中しました！ */
    position: absolute;
    top: -8px;
    left: -1px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    color: #fff;
    font-size: 1rem;
    background: #d00;
    border-radius: 3px;
}

.keiba_betting_ticket {
    position: relative;
    display: inline-block;
    min-width: 100px;
    min-height: 2rem;
    margin: 10px 0 40px;
    padding: 15px 5px 5px;
    font-size: 1.2rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.keiba_betting_ticket::before {
    content: '\4E88\60F3\3057\305F\5238\7A2E'; /* 予想した券種 */
    position: absolute;
    top: -8px;
    left: -1px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 1rem;
    background: #e0e0e0;
    border: 1px solid #bbb;
    border-radius: 3px;
}

span.keiba_item {
    display: inline-block;
    text-align: center;
    line-height: 2.0rem;
    color: #fff;
    border-radius: 3px;
    padding: 0 5px;
    margin-bottom: 3px;
}

div.keiba_item {
    display: inline-block;
    text-align: center;
    line-height: 2.0rem;
    color: #fff;
    border-radius: 3px;
    margin: 0 5px 0 -5px;
    padding: 0 5px;
    width: 75px;
}

span.hit_open { background: #d00; margin-right: 5px; }

.detail .col_3 .article_list dd { padding: 5px; border-bottom: 1px dotted #ddd; }
.detail .col_2 .article_list dl { padding: 5px 0; background: #fff; border-bottom: 1px dotted #ccc; }
.detail .col_2 .article_list.genre_horse_racing dl { padding: 0 10px 5px 10px; border: 1px solid #999; border-radius: 3px; }
.detail .col_2 .article_list.genre_horse_racing dl:not(:first-child) { margin-top: 2em; }
.detail .col_2 .article_list.genre_horse_racing dl:last-child { margin-bottom: 2em; }

.detail:not(.comic) .col_2 .article_list dl.blog_article_element dt.blog_article_left { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.detail .col_2 .article_list dl.blog_article_element dt.blog_article_left.buy { width: 540px; z-index: 2; }
.detail .col_2 .article_list dl.blog_article_element dt.blog_article_left.monthly { width: 750px; z-index: 2; }
.detail .col_2 .article_list dl.blog_article_element dt.blog_article_center { width: 170px; text-align: right; }
.detail .col_2 .article_list dl.blog_article_element dt.blog_article_center .btn_sub .fa { margin-left: 0px; }
.detail .col_2 .article_list dl.blog_article_element dd { padding: 10px 10px 10px 500px; color: #919191; }
.detail .col_2 .article_list span.item_cont_option { font-size: 1.2rem; padding: 5px 10px; }
.detail .col_2 .article_list span.btn_sub {
    font-size: 1.2rem;
    border-radius: 3px;
    padding: 5px 10px;
    display: inline-block;
    position: relative;
}
.detail .col_2 .article_list span.btn_sub.soldout { background: #919191; }
.detail .col_2 .article_list span.btn_sub.soldout .btn_sub_price { text-decoration: line-through; }
.detail .col_2 .article_list span.btn_sub.btn_price { width: 180px; margin-bottom: 10px; padding: 5px 10px; }
.detail .col_2 .article_list span.btn_sub.btn_price.rest_count { /*min-width: 280px;*/ padding: 5px 10px; }
.detail .col_2 .article_list a[id^="magazineArticleList"] { height: 40px; line-height: 40px; padding: 0 30px; font-size: 1.6rem; }
.detail .col_2 .article_list a#magazineArticleListMore {
    display: block;
    margin: 1.5em 0 1em;
    color: #4b4b4b;
    border: 1px solid #999;
    border-radius: 3px;
    text-decoration: none !important;
}
.detail .col_2 .article_list a#magazineArticleListBack { margin-top: -1em; }
.detail .col_2 .article_list + .txtc a {
    display: inline-block;
    margin: 30px 5px;
    padding: 5px 5px 5px 10px;
    font-size: 1.4rem;
    border: 1px solid #999;
    border-radius: 3px;
}
.detail .col_2 .article_list + .txtc a::after {
    content: '\f105';
    display: inline-block;
    width: 20px;
    text-align: right;
    color: #999;
    font-family: FontAwesome;
    font-size: 1.2rem;
}

/* 記事が売り切れの際に自働購入へ誘導 */
.auto_purchase_induction {
    position: absolute;
    bottom: -43px;
    left: 50%;
    z-index: 99;
    width: 234px;
    line-height: 1.2;
    padding: 5px;
    text-align: left;
    font-size: 1.2rem;
    background: #fff;
    border: 1px solid #808080;
    border-radius: 3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.auto_purchase_induction::before,
.auto_purchase_induction::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    pointer-events: none;
}
.auto_purchase_induction::before {
    margin-left: -8px;
    border-color: rgba(75, 75, 75, 0);
    border-bottom-color: #4b4b4b;
    border-width: 8px;
}
.auto_purchase_induction::after {
    margin-left: -7px;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 7px;
}

.forecast_premium_info .auto_purchase_induction { bottom: -8px; }
.comic .auto_purchase_induction { top: -43px; bottom: auto; z-index: 100; width: 230px; font-size: 1.2rem; }
.comic .auto_purchase_induction::before,
.comic .auto_purchase_induction::after { top: 100%; }
.comic .auto_purchase_induction::before { border-top-color: #4b4b4b; border-bottom-color: transparent; }
.comic .auto_purchase_induction::after { border-top-color: #fff; border-bottom-color: transparent; }
.comic_view .auto_purchase_induction { bottom: -23px; width: 230px; }
.comic_view .auto_purchase_induction.left { bottom: -35px; left: 155px; }
.comic_view .auto_purchase_induction.right { bottom: -35px; left: 545px; }

.auto_purchase_induction a { color: #4b4b4b; }
.auto_purchase_induction a span { display: block; margin-left: 40px; }
.auto_purchase_induction a:hover span { color: #1d5aac; text-decoration: underline; }
.auto_purchase_induction a::before,
.auto_purchase_induction a::after {
    position: absolute;
    top: 50%;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.auto_purchase_induction a::before {
    content: '\f0eb';
    left: 7px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    background: #f39800;
    border-radius: 50%;
}
.auto_purchase_induction a::after { content: '\f105'; right: 5px; }

.detail .col_2 .tag {
    padding: 15px 10px 5px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
}
.detail .col_3 .col_left.tag {
    padding: 15px 10px 5px;
    margin-top: 0px;
    width: 50%;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
}

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

.tag_option_list dl dt { width: 100%; margin-bottom: 10px; }
.tag_option_list dl dt:hover { background: #f1f1f1; }
.tag_option_list input { margin-right: 10px;}
.tag_option_list .ind { display: inline-block; padding-left: 2em; text-indent: -2em; }
.tag_option_list .tips_cont { padding: 10px; text-indent: 0; word-wrap:break-word; }

.detail .col_3 .col_right.status { width: 50%; margin-top: 0px; }

.inlineTitle {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
    font-style: normal;
    white-space: nowrap;
    color: #d00;
}
.inlineTitle::before,
.inlineTitle::after {
    content: '';
    flex-grow: 1;
    height: 1px;
    background: #ccc;
    min-width: 20px;
    display: inline-block;
    vertical-align: middle;
}
.inlineTitle::before { margin-right: 20px; }
.inlineTitle::after { margin-left: 20px; }

.inlineTitle2 {
    position: absolute;
    top: -9px;
    left: 5px;
    padding: 0 5px;
    font-weight: bold;
    font-size: 1.2rem;
    background-color: #fff;
}

.inlineTitle3 {
    position: absolute;
    top: -9px;
    left: 5px;
    padding: 0 5px;
    font-weight: bold;
    font-size: 1rem;
    background-color: #fff;
}

.btn_sub_price { position: absolute; left: 10px; }

span.article_date {
    color: #919191;
    font-size: 1.2rem;
    margin-right: 10px;
}

.detail .col_3 .status dl { overflow: hidden; }
.detail .col_3 .status dt {
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 0;
    width: 400px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.detail .col_3 .status dd {
    padding: 10px 0;
    color: #919191;
    border-bottom: 1px dotted #ddd;
}

.detail .col_3 .status dl.book_chapter_list dt { width: 550px;}
.detail .col_3 .status dl.book_chapter_list dd {
        padding: 20px 0;
}

.detail .col_2 .recommends li {
    position: relative;
    float: left;
    width: 33.3%;
    padding-right: 10px;
}

.detail .col_2 .recommends li img { margin-right: 10px; }
.detail .col_2 .recommends li img.book {
    width: 35px; max-width: 35px;
    height: 50px; max-height: 50px;
    margin: 0 10px 0 7px;
}
.detail .col_2 .recommends li .category { position: absolute; top: 40px; left: 32px; }

.detail .toggle_sub_cont {
    width: 100%;
    padding-top: 30px;
}
.detail form.login { text-align: center; }
.detail form.login input { width: 250px; }
.detail form.login button { top: -2px; margin-left: 20px; padding: 0 10px !important; }
.detail .form.entry input[type="radio"] { width: auto; margin-right: 5px; box-shadow: none; }
/* .detail .form.entry h5 { margin-bottom: 30px; font-size: 20px; font-size: 2.0rem; } */
.detail div[class$="_window"] h5 { margin: 0 0 .5em !important; }
.detail div[class$="_window"] h5 ~ h5 { margin-top: 2em !important; }
.detail .form.entry h6 { margin-bottom: 10px; }
.detail .form.entry #person,
.detail .form.entry #corporation { margin-bottom: 30px; }
/* .detail .form.entry p:not(.ind) { margin: 15px 0; } */
.detail .form.entry .domain_setting_text p { margin: inherit; }
.detail .form.entry select { box-shadow: none !important; }
.detail .form.entry button {/*  margin: 30px 0 60px; */ margin: 30px 0 20px; }

/*会員登録フォーム、ポイント追加画面用*/
.trip_form.detail div.form { float: left; width: 541px; margin-left: 20px; padding-right: 20px;}
.trip_form.detail div.form th { width: 120px;　text-align: left; }
.trip_form.detail div.form .name input { width: 30%; margin-right: 10px; }

.detail .toggle_sub_cont .form.entry .col_left { width: 370px; margin-top: 30px; }
.detail .toggle_sub_cont .form.entry .col_left > div { padding: 20px; background-color: #f0f0f0; border-radius: 3px; }
.detail .toggle_sub_cont .form.entry .col_right {
    width: 370px;
    margin-top: 30px;
    padding: 20px;
    background-color: #f0f0f0;
    border-radius: 3px;
}

/* 元々3カラム用だったポイント購入ページを2カラムのページで表示させる記述 */
.toggle_sub_cont .col_3, .col2 .detail.point { width: 100%; border: 0; padding: 0; }
.detail .cont_detail .toggle_sub_cont .col_3 h3 { font-size: 1.6rem; border-bottom: 2px solid #1d5aac; }
.detail .cont_detail .toggle_sub_cont .col_3 h4 {
    margin: 0 -10px 20px;
    padding: 5px 10px;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 1.8rem;
    background: none;
    border-radius: 3px;
}
.detail .cont_detail .toggle_sub_cont .col_3 .paymentBox h4 { margin: 0; }
.detail .cont_detail .toggle_sub_cont .point .point_form dl { margin-left: 252px; margin-bottom: 20px; width: 300px; }
.detail .cont_detail .toggle_sub_cont .point .select_cvs { margin-bottom: 30px; margin-left: 55px; }
.entry #point_confirm .select_cvs { margin-bottom: 30px; }
.entry #point_confirm .select_cvs .col_left {
    width: 31%;
    margin: 0;
    padding: 5px;
    text-align: center;
    font-size: 1.6rem;
    border-radius: 3px;
}
.entry #point_confirm .select_cvs .col_left:hover { background: #f0f0f0; }
.entry #point_about dl {
    margin-left: 150px;
    margin-bottom: 20px;
    font-size: 1.4rem;
    border: none;
}
.entry #point_about dt {
    position: relative;
    float:left;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: none;
}
.entry #point_about dd { height: 40px; line-height: 40px; padding-left: 170px; }

/* 元々3カラム用だったポイント購入ページを2カラムのページで表示させる記述ここまで */
.detail .form.entry label h6 { display: inline-block; }
.detail .form.entry .paymentBox {
    margin: 10px 0 40px 20px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.detail .form.entry .paymentBox:last-child { margin-bottom: 0; }
.detail .form.entry .paymentBox label { font-weight: bold; font-size: 14px; font-size: 1.4rem; }
.detail .form.entry .paymentBox p { margin: 20px 0 5px; }
.detail .form.entry .paymentBox img { margin-right: 20px; }
.detail .form.entry .paymentBox .toggle_sub_credit_cont,
.detail .form.entry .paymentBox .toggle_sub_point_cont,
.detail .form.entry .paymentBox .toggle_sub_point_credit_cont,
.detail .form.entry .paymentBox .toggle_sub_point_payeasy_cont,
.detail .form.entry .paymentBox .toggle_sub_point_bank_cont { display: none; }
.detail .form.entry .paymentBox .toggle_sub_credit_cont input { width: 200px; }
.detail .form.entry .paymentBox .toggle_sub_credit_cont select { box-shadow: none !important; }
.detail .form.entry .paymentBox .toggle_sub_credit_cont th,
.detail .form.entry .paymentBox .toggle_sub_credit_cont td { padding: 10px; }
.detail .form.entry .paymentBox .toggle_sub_credit_cont .tips_cont th { width: 220px; }
.detail .form.entry .paymentBox .toggle_sub_point_cont dl,
.detail .form.entry .paymentBox .toggle_sub_point_credit_cont dl,
.detail .form.entry .paymentBox .toggle_sub_point_payeasy_cont dl,
.detail .form.entry .paymentBox .toggle_sub_point_bank_cont dl { border: none; }
.detail .form.entry .paymentBox .toggle_sub_point_cont dt,
.detail .form.entry .paymentBox .toggle_sub_point_credit_cont dt,
.detail .form.entry .paymentBox .toggle_sub_point_payeasy_cont dt,
.detail .form.entry .paymentBox .toggle_sub_point_bank_cont dt { background: none; }
.detail .form.entry .paymentBox .toggle_sub_point_cont dd,
.detail .form.entry .paymentBox .toggle_sub_point_credit_cont dd,
.detail .form.entry .paymentBox .toggle_sub_point_payeasy_cont dd,
.detail .form.entry .paymentBox .toggle_sub_point_bank_cont dd { padding-left: 0; }
.detail .form.entry .paymentBox .toggle_sub_point_cont .select_cvs { margin-bottom: 30px; }
.detail .toggle_sub_cont .form.entry .paymentBox .toggle_sub_point_cont .select_cvs .col_left img { margin: 10px 0 0; }

.detail .backnumber_list.cont_detail { margin-top: -20px; }
.detail .backnumber_list ul { margin: 10px 0 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.detail .backnumber_list li { padding: 15px 20px; border-bottom: 1px dotted #ccc; }
.detail .backnumber_list li:last-child { border: none; }
.detail .backnumber_list input[type="checkbox"] { margin-right: 5px; }
.detail .backnumber_list input[type="radio"],
.detail .yearly_subscription input[type="radio"] { margin: 0 5px 15px 20px; }
.detail .backnumber_list dl { margin-top: 40px; }
.detail .backnumber_list dt { float: none; padding-top: 10px; }
.detail .backnumber_list dt span.purchased {
    margin-right: 5px;
    padding: 3px;
    color: #fff;
    background-color: #22ac38;
    border-radius: 3px;
}
.detail .backnumber_list dt span.yet {
    margin-right: 5px;
    padding: 3px;
    color: #fff;
    background-color: #d00;
    border-radius: 3px;
    border: solid 1px #f00;
}
.detail .backnumber_list dd { padding: 15px 0; text-align: right; border-bottom: 1px dotted #ccc; }
.detail .backnumber_list dd .button, .detail .backnumber_list button.post_step_sub {
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
    font-size: 1.2rem;
}
.detail .backnumber_list dd .toggle_cont { padding: 20px; text-align: left; }

/* 年間購読 */
.detail form[id^="preEntry"] h5,
.detail .yearly_subscription h5 { margin: 2em 0 1em; }
.detail .yearly_subscription h5:first-child { margin-top: 0; }
.detail .yearly_subscription label { font-size: 1.6rem; cursor: pointer; }
.detail .yearly_subscription .summary_wrapper label {
    position: relative;
    display: block;
    margin-bottom: 1.5em;
    padding: 15px 20px 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.detail .yearly_subscription .summary_wrapper label:not(:first-child) .txtr .fl { font-size: 1.8rem !important; font-weight: bold; }
.detail .yearly_subscription label .txtr { margin-top: 1em; font-size: 1.4rem; }
.detail .yearly_subscription label .good_value {
    position: absolute;
    top: 45px;
    right: 55px;
    color: #d00;
    font-size: 1.4rem;
    font-weight: bold;
}
.detail .yearly_subscription label .discount_rate {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 50px;
    height: 50px;
    line-height: 1;
    padding-top: 10px;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    background: #d00;
    border-radius: 50%;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.detail .yearly_subscription label .discount_rate span:first-child { font-size: 1.2rem; }
.detail .yearly_subscription label .discount_rate span:last-child { display: block; }
.detail .yearly_subscription label .point_back_label { position: absolute; right: -10px; }
.detail .yearly_subscription label .tax { margin-left: 5px; font-size: 1rem; }
.detail .yearly_subscription label .fa { margin: 0 5px; }

.detail .yearly_subscription .summary_wrapper.horizontal { display: flex; }
.detail .yearly_subscription .summary_wrapper.horizontal label { padding: 10px; }
.detail .yearly_subscription .summary_wrapper.horizontal label:first-child { width: 190px; }
.detail .yearly_subscription .summary_wrapper.horizontal label:not(:first-child) { width: calc((100% - 190px) / 2); width: -webkit-calc((100% - 190px) / 2); margin-left: 15px; }
.detail .yearly_subscription .summary_wrapper.horizontal label input { margin-left: 0; }
.detail .yearly_subscription .summary_wrapper.horizontal label .good_value { top: 40px; right: 45px; }

/*--- (主にメルマガ)詳細画面用プレミアムメッセージ一覧 ---*/
.magazine_premium_message {
    text-align: left;
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin: 20px 0;
    padding: 10px;
    line-height: 2rem;
    position: relative;
}

.magazine_premium_message span.item_cont_alert {
    padding: 0px 5px;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #d00;
}

.magazine_premium_message_list {
    border: solid 1px #cccccc;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px;
    overflow: hidden;
}

.magazine_premium_message_intro {
    text-align: left;
    width: 100%;
    color: #666666;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;*/
    margin: 10px 0;
    line-height: 1.9em;
}

.magazine_premium_message .btn_free_on_apply {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 0px;
    padding: 5px 7px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #d00 !important;
    background-color: #fff;
    border: 2px solid #d00;
    border-radius: 3px;
}

.magazine_premium_message .btn {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 3px;
    cursor: pointer;
}

.magazine_premium_message .btn:hover { text-decoration: none!important; }
.magazine_premium_message .btn_free_on_apply:hover { text-decoration: none !important; }
.magazine_premium_message .btn_sub { width: 100%; padding: 5px 7px; color: #fff; background-color: #22ac38; margin: 10px 0; }
.magazine_premium_message .btn_sub .fa { position: relative; top: -1px; margin-left: 10px; }
.magazine_premium_message .btn_sub:hover { background-color: #4ebd60; }
.magazine_premium_message a.underline_none { text-decoration: none; }

/* -------------------------------------------------- book */
#bookMenu {
    float: left;
    width: 300px;
}

#bookMenu .bookDetail,
#bookMenu .bookMenu {
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
#bookMenu .bookMenu { margin-bottom: 100px; }

#bookMenu .bookDetail { padding-bottom: 5px; }
#bookMenu .bookDetail img {
    width: 141px;
    height: 200px;
    margin-bottom: 20px;
}

#bookMenu .bookDetail strong { display: inline-block; font-size: 16px; font-size: 1.6rem; }
#bookMenu .bookDetail .item { margin: 5px 5px 20px 0; }
#bookMenu .btn_sub { width: 100%; margin: 10px 0 0; text-align: center; }

#bookMenu .bookDetail button.add {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
}

#bookMenu .bookDetail button.added,
#bookMenu .bookDetail button.remove {
    display: inline-block;
    width: 49%;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 0;
}

#bookMenu .bookDetail button.added { background-color: #1d5aac; box-shadow: 0 3px 0 #143f78; }

#bookMenu .bookMenu h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 20px;
    font-size: 2.0rem;
    border: none;
}

#bookMenu .bookMenu ul { font-size: 14px; font-size: 1.4rem; }

/*--- bookプレミアムメッセージ ---*/
.book_premium_message {
    text-align: left;
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin: 10px 0;
    padding: 20px;
    line-height: 2rem;
    overflow: hidden;
}
.book_premium_message h3 { font-size: 15px; font-size: 1.5rem; }

.book_premium_message_list {
    border: solid 1px #cccccc;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px;
    overflow: hidden;
}

.book_premium_message_list span.item_cont_alert {
    padding: 0px 5px;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #d00;
    color: #ffffff;
}

    .book_premium_message_intro {
        text-align: left;
        width: 100%;
        color: #666666;
        /*overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;*/
        margin: 10px 0;
        line-height: 1.5em;
    }

    #bookMenu .book_premium_message .btn_free_on_apply {
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 5px 7px;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        color: #d00 !important;
        background-color: #fff;
        border: 2px solid #d00;
        border-radius: 3px;
    }


    #bookMenu .book_premium_message .btn {
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 5px 10px;
        font-size: 14px;
        font-size: 1.4rem;
        border-radius: 3px;
        cursor: pointer;
    }

    #bookMenu .book_premium_message .btn:hover { text-decoration: none!important; }
    #bookMenu .book_premium_message .btn_free_on_apply:hover { text-decoration: none !important; }
    #bookMenu .book_premium_message .btn_sub { padding: 5px 7px; color: #fff; background-color: #22ac38; margin: 10px 0; }
    #bookMenu .book_premium_message .btn_sub .fa { position: relative; top: -1px; margin-left: 10px; }
    #bookMenu .book_premium_message .btn_sub:hover { background-color: #4ebd60; }
    #bookMenu .book_premium_message a.underline_none { text-decoration: none; }





.book.detail .toggle_sub_cont { border: none; }

.book .bookBox {
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.book .bookBox h3 { margin: 0 0 20px; font-size: 16px; font-size: 1.6rem; border: none; }

/*.book .bookBox dl { margin-top: 10px; }*/
.book .bookBox dt {
    float: left;
    width: 545px;
    height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.book .bookBox dt div:first-child { float: left; min-width: 90px; }
.book .bookBox dt div:last-child { float: left; width: 400px; }
.book .bookBox dt span { height: 20px; line-height: 20px; }
.book .bookBox dt div .fss { display: block; }
.book .bookBox dt span.sub, .book_index_list span.sub { background-color: #22ac38; }
.book .bookBox dd { text-align: right; height: 40px;}
.book .bookBox dt:hover { background: #f1f1f1;}

.book .bookBox dd span { display: inline-block; margin-right: 5px; font-size: 10px; font-size: 1.0rem; }
.book .bookBox dd .button { top: -3px; height: 24px; line-height: 24px; margin: 0; padding: 0 5px; }
.book .bookBox dd .button:active { top: 0; }

.notice_window.bookBox.qrcode { height: 130px; margin-top: 50px; }
.notice_window.qrcode strong { display: inline-block; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem;}
.notice_window.qrcode img { width: 100px; height: 100px; margin: -5px 20px 0 0; }

.book .bookBox.qrcode strong { display: inline-block; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem;}
.book .bookBox.qrcode img { width: 100px; height: 100px; margin: -5px 20px 0 0; }
.book .bookBox .bookmark li { float: right; margin-left: 10px; }

.book .bookBox .bookmark .fontSize li {
    margin-left: 5px;
    padding: 0 5px;
    border: 1px solid #ccc;
    border-radius: 1px;
}

.book .bookBox .bookmark .fontSize li:hover {
    color: #fff;
    background-color: #1d5aac;
    border: 1px solid #1d5aac;
    border-radius: 1px;
    cursor: pointer;
}

.book .bookBox .book_title { margin: 30px 0 60px; font-size: 16px; font-size: 1.6rem; }
.book .bookBox .book_title strong {  display: block; margin-bottom: 10px; font-weight: bold; font-size: 20px; font-size: 2.0rem; }

.book .bookBox .pages,
#timeline .article .premium .pages {
    display: -webkit-flex;
    display: flex;
    width: 200px;
    align-items: center;
    margin: 60px auto -10px;
    text-align: center;
    font-size: 10px;
    font-size: 1.0rem;
}

.book .bookBox .pages:before,
.book .bookBox .pages:after,
#timeline .article .premium .pages:before,
#timeline .article .premium .pages:after {
    border-top: 1px solid #ddd;
    content: '';
    display: inline;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.book .bookBox .pages:before, #timeline .article .premium .pages:before { margin-right: 10px; }
.book .bookBox .pages:after, #timeline .article .premium .pages:after { margin-left: 10px; }

.book .bookBox .toggle_cont {
    position: absolute;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.book .bookBox .premium,
#timeline .article .premium {
    margin: 0 20px 60px;
    padding: 20px;
    text-align: center;
    border: 1px solid #4b4b4b;
    border-radius: 5px;
}

.book .bookBox .premium strong,
#timeline .article .premium strong {
    margin-right: 5px;
    color: #1d5aac;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.book .bookBox .premium .pages,
#timeline .article .premium .pages {
    margin: 0 auto 20px;
    color: #ddd;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
}

.book .bookmark { margin-bottom: 30px; }
.book_library h3 { margin-top: 0; }
.book_library .txtc {
    position: relative;
    float: left;
    width: 170px;
    height: 200px;
    margin: 5px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}
.book_library .txtc:hover { background: #f2f2f2; cursor: pointer; }
.book_library .txtc a:hover { text-decoration: none; }
.book_library .txtc div { height: 150px; margin-bottom: 10px; overflow: hidden; }
.book_library .txtc img { width: 150px; max-height: 150px; }
.book_library .txtc img.book { width: 106px; height: 150px; }
.book_library .txtc img.icon_tumb-nonborder { border: none; }
.book_library .txtc .auto_buy {
    position: absolute;
    top: 5px;
    left: 50%;
    z-index: 2;
    width: 140px;
    height: 38px;
    line-height: 1.4;
    margin: 0;
    padding: 5px 0 0;
    color: #fff;
    background: #22ac38;
    border-radius: 3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.book_library .txtc .auto_buy::after {
    content: '\f105';
    position: absolute;
    top: 12px;
    right: 5px;
    font-family: FontAwesome;
}
.book_library .txtc .auto_buy:hover { background: #59c16a; }
.book_library .txtc .auto_buy:active { top: 7px; }
.book_library .txtc .auto_buy span:not(.fa) { display: block; color: #fff; font-size: .6rem; }

/* -------------------------------------------------- seller */
#sellerMenu {
    float: left;
    width: 200px;
    margin-top: 20px;
    border-right: 1px solid #ccc;
}

#sellerMenu h2 {
    margin: 0;
    padding: 0 0 20px 10px;
    color: #1d5aac;
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 1px solid #ccc;
    border: none;
    background: none;
}

#sellerMenu h2 .fa {
    position: relative;
    top: 2px;
    font-size: 21px;
    font-size: 2.1rem;
}

.sellerMenu ul, .seller .sendMessage .cl { display: none; }
.sellerMenu li { border-bottom: 1px solid #ccc; }
.sellerMenu:not(.site_ad_menu) li span.fa { width: 25px; }

.sellerMenu > li > a {
    position: relative;
    display: block;
    padding: 10px;
    color: #919191;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
    cursor: pointer;
}

.sellerMenu:not(.site_ad_menu) > li > a:hover,
.sellerMenu:not(.site_ad_menu) > li:hover,
.sellerMenu:not(.site_ad_menu) li .selected { color: #1d5aac; background-color: #f0f0f0; }
.sellerMenu li .selected:after { background-position: 0 -9px; }
.sellerMenu li .category:after {
    content: '';
    position: absolute;
    top: 17px;
    right: 10px;
    width: 13px;
    height: 9px;
    background: url(/images/arrow_down.png) 0 0 no-repeat;
}

.sellerMenu li .category:hover:after,
.sellerMenu li .category.selected:after { background-position: 0 -9px; }

.sellerMenu ul li {
    position: relative;
    padding: 5px 5px 5px 10px;
    color: #1d5aac;
    background-color: #fff;
    border: none;
    cursor: pointer;
}

.sellerMenu ul li:first-child { padding-top: 10px; }
.sellerMenu ul li:first-child a:before { top: 15px; }
.sellerMenu ul li.apply a { overflow: visible; }
.sellerMenu ul li .ntf { position: absolute; top: 5px; right: 22px; }
.sellerMenu ul li a {
    display: block;
    margin: -5px 0 -5px -10px;
    padding: 5px 5px 5px 20px;
    background-color: #fff;
    border: none;
}

.sellerMenu ul li a:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 4px;
    height: 8px;
    /*background: url(/images/arrow_right.png) 0 0 no-repeat;*/
}

.sellerMenu ul li a.menu_end:before { background: none; }
.sellerMenu ul li .fa { color: #4b4b4b; }
.sellerMenu ul li div:hover { text-decoration: underline; }
.sellerMenu  ul li div.seller_title {
    margin-left: -10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.sellerMenu ul li .ceased, .sellerMenu ul li .ceased span.fa { color: #919191; }
.sellerMenu ul li .ceased {
    color: #919191;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sellerMenu  ul li span.fa, .mypageMenu ul li span.fa { width: 10px; }

.seller .btns { margin-bottom: -30px; text-align: right; }
.seller .cl + .btns,
.seller .notice_window + .btns { margin-bottom: -35px; }
.seller .monthly_report + .btns { margin-bottom: -20px; }
.seller .page_list.publish + .btns,
.seller #new_arrivals_list + .btns,
.seller .topicpath + .btns,
.seller .sale_cont_detail + .btns { margin-bottom: 10px; }
.seller .btns .btn { padding: 10px 20px; font-size: 18px; font-size: 1.8rem; }
.seller .btns + h3 { margin-top: 0; }
.seller .btn_apply { color: #fff; background-color: #22ac38; border-radius: 3px; }
.seller .btn_apply:hover { background-color: #4ebd60; }
#sellerMenu .btn_apply {
    width: 180px;
    margin-left: 10px;
    padding: 5px 15px;
    font-size: 12px;
    font-size: 1.2rem;
}

.seller .btn_promotion { color: #fff; background-color: #808080; border-radius: 3px; }
.seller .btn_promotion:hover { background-color: #9a9a9a; }

.seller th { width: 220px; text-align: left; }
.seller .edit input[type="text"] { width: 100%; height: 30px !important; }

.seller .edit textarea {
    width: 100%;
    resize: none;
    -webkit-transition: height .2s;
    transition: height .2s;
}

.seller .edit input[name="premium_max_count"] { width: 50px; }
.seller .edit table td .notice_window { margin: 0 0 0 30px; }
.seller .sel_edit { width: 600px; margin-top: 40px; }
.seller .sel_edit.sel_step { width: 600px; margin-top: 0px;}
.seller .sel_edit input[type="text"] { width: 100%; }
.seller .sel_edit span.disabled { color: #ccc; }
.seller input[type="checkbox"],
.seller input[type="radio"] { margin-right: 5px; }
.seller label:first-child { margin-right: 20px; }
.seller label:hover { cursor: pointer; }
.report h3 { margin-bottom: 5px; font-size: 2rem; border: none; }
.report h3:nth-of-type(2) { margin-top: 60px; }

.report .monthly_report { margin: 40px 0 50px; }
.report .monthly_report.col_left { width: 400px; }
.report .monthly_report h2 { margin: 0; }
.report .monthly_report h2.report_log { padding-bottom: 30px; }
.report .monthly_report .point_return_report { height: 80px; }
.report .monthly_report .report_menu { position: relative; top: -30px; left: 30px; margin-bottom: -30px; }
.report .monthly_report .report_data { margin-top: 40px; }
.report .monthly_report .report_data em { margin: 0 -1em 0 2em; color: var(--c-blu); font-size: var(--f-m); }
.report .monthly_report dl { float: left; margin: 0 20px 20px 0; min-width: 150px; }
.report .monthly_report dl + a img { width: 300px; margin-left: 50px; }
.report .monthly_report dt,
.report .monthly_report .seller_graph .report_title div {
    line-height: 1.2;
    text-align: center;
    color: #1d5aac;
    font-weight: bold;
    font-size: 1.8rem;
    height: 30px;
}
.report .monthly_report dt span:not(.fa),
.report .monthly_report .seller_graph .report_title div span { display: block; margin-left: 5px; font-size: 1.4rem; }
.report .monthly_report dt .fa { margin: 0 0 0 5px; font-size: 1.4rem; }
.report .monthly_report dt .tips_cont { font-weight: normal; font-size: 1.2rem; }
.report .monthly_report dd { text-align: center; }
.report .monthly_report dd span,
.report .monthly_report .seller_graph .report_cell div:not(:first-child) span { margin: 0 5px 0 1em; font-size: 28px; font-size: 2.8rem; }
.report .monthly_report .show_report {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    padding: 5px 0;
    color: #ccc;
}
.report .monthly_report a.show_report { color: #1d5aac; }
.report .monthly_report .point_return_report a.show_report { position: relative; top: -3px; }
.report .monthly_report .show_report .fa { position: relative; top: 1px; font-size: 1.8rem; }
.report .monthly_report .seller_graph { width: 100%; }
.report #saler_report .monthly_report + h3 { margin-top: 0; }
.report #saler_report .monthly_report { margin-bottom: 20px; border-bottom: 1px solid #888; }
.report .monthly_report .seller_graph dl { min-width: 100px; }
.report .monthly_report .seller_graph dt { height: 40px; }
.report .monthly_report .seller_graph dt span,
.report .monthly_report .seller_graph .report_title div span { margin: 0; font-size: 1rem; }
.report .monthly_report .seller_graph dd span,
.report .monthly_report .seller_graph .report_cell div span { font-size: 2rem !important; }
.report .monthly_report .seller_graph .report_title { display: flex; margin-bottom: 1em; }
.report .monthly_report .seller_graph .report_cell {
    display: flex;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
}
.report .monthly_report .seller_graph .report_cell:last-child { border-bottom: none; }
.report .monthly_report .seller_graph .report_title div { width: calc(100% / 7); text-align: center; }
.report .monthly_report .seller_graph .report_cell div { width: calc(100% / 7); text-align: right; }
.report .monthly_report .seller_graph .report_cell.total div:not(.txtl):not(.txtr) span,
.report #saler_report .monthly_report.total dd span { font-weight: bold; }
.report .monthly_report .seller_graph .report_title div:first-child,
.report .monthly_report .seller_graph .report_cell div:first-child { width: 50px; }

.seller .all_report_list { width: 100%; min-width: 550px; }
ul.all_report_list { margin-bottom: 30px; }
ul.all_report_list p { padding: 20px 0; border-bottom: 1px solid #ccc; }

.seller .all_report_list div {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.seller div.all_report_list div:not(.tips_cont) {
    padding: 5px 0;
    font-weight: bold;
    border-top: 2px solid #1d5aac;
    border-bottom: 1px solid #ccc;
}

.seller .all_report_list div.report_month_graph_p6 {
    width: calc(100% - 540px);
    text-align: left;
    position: relative;
}
.seller .all_report_list div.report_month_graph_p10 {
    width: calc(100% - 900px);
    text-align: left;
    position: relative;
}
.seller .all_report_list div.report_graph {
    width: 90px;
}

.seller ul.all_report_list div {
    height: auto;
    line-height: 1.6;
    padding: 15px 0px;
    font-weight: normal;
}

.seller ul.all_report_list li {
    border-bottom: 1px solid #ccc;
}

table.seller_report_list {
    outline: none;
    border: none;
    border-top: 2px solid #1d5aac;
    border-bottom: 1px solid #ccc;
    text-align: right;
}
table.seller_report_list tr:hover { background: #f0f0f0; }

table.seller_report_list th {
    padding: 5px;
    color: #4b4b4b;
    background: #ffffff;
    border: none;
    text-align: right;
}

table.seller_report_list td {
    padding: 10px;
    vertical-align: middle;
    border: none;
    border-top: 1px solid #ccc;
}
.seller_report_list p {
    margin-bottom: 1em;
}
.seller_report_list p:nth-child(2n+1) {
    margin-bottom: 0.3em;
    max-width: 170px;
}
.seller_report_list p:last-child {
    margin-bottom: 0;
}

.report li.cl:hover { background: #f0f0f0; }
.report .report_list { width: 100%; }
.report .report_list.cl { border-top: 2px solid #808080; border-bottom: 1px solid #ccc; }
.report .report_list div { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.report div.report_list div { padding: 5px 10px; text-align: right; font-weight: bold; }
.report .report_list li { border-bottom: 1px solid #ccc; width: 100%; min-height: 74px; line-height: 50px; }
#blogPublishingDetailMainId.report .report_list li,
.report #blogEntryListId.report_list li { line-height: 1.6; }
.report ul.report_list div { padding-top: 10px; }
.report ul.report_list div.report_list.specialty div { line-height: 13px; padding-top: 0; }
.report ul.report_list.publish div:first-child { padding: 10px 0 10px 10px; }
.report ul.report_list:not(.publish) div:first-child { padding: 10px 0 20px 10px; }
.report ul.report_list div.sel_report { padding: 0; }
.report.detail ul.report_list div { height: auto; line-height: 1.6; padding: 10px; }

.under_publish_list { width: 100%; margin-top: 40px; }
.publish_notice_text { white-space: normal; }

.report .report_list div.sel_title { /* width: 44%; */ width: 32%; text-align: left; }
.report .report_list div.with_premium_message { width: 32%;}
.report ul.report_list { margin-bottom: 10px; }
.report ul.report_list div.sel_title { position: relative; font-weight: bold; font-size: 14px; font-size: 1.4rem; }
.report ul.report_list div.sel_title .category { position: absolute; top: 40px; left: 38px; line-height: 1; }
.report ul.report_list div.sel_title .fa-square { font-size:18px; font-size: 1.8rem; }
.report ul.report_list div.sel_title .fa-envelope,
.report ul.report_list div.sel_title .fa-pencil,
.report ul.report_list div.sel_title .fa-edit,
.report ul.report_list div.sel_title .fa-book,
.report ul.report_list div.sel_title .fa-folder-open,
.report ul.report_list div.sel_title .fa-coffee,
.report ul.report_list div.sel_title .fa-graduation-cap
{ font-size: 10px; }
.report ul.report_list div.sel_title .thumbnail { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }
.report ul.report_list div.sel_title .thumbnail-nonborder { float: left; max-width: 50px; max-height: 50px; margin-right: 10px; }

@media screen and (max-width:1051px){
    .report .report_list div.sel_title { width: 220px; }
}

/*ブックのみアイコンの幅を縦長に  ~ sellerアイコン ~ */
.report ul.report_list div.sel_title .book { width: 35px; max-width: 35px; height: 50px; max-height: 50px; margin: 0 18px 0 7px; }

.report .report_list div.sel_article_title { width: 70%; text-align: left; }
.report .report_list div.sel_article_title2 { width: 55%; text-align: left; }
.report .report_list div.sel_article_title3 { width: 65%; text-align: left; }
.report .report_list div.sel_premium_message { width: 12%; }
.report .report_list div.sel_subscriber { width: 12%; }
.report .report_list div.sel_settlement { width: 12%; }
.report .report_list div.sel_revenue { width: 12%; }
.report .report_list div.sel_status { width: 15%; text-align: center; }
.report .report_list div.sel_article_status { width: 15%; padding-right: 10px; text-align: right; }
.report .report_list div.sel_article_status div { padding: 0; border: solid 1px #f00; }
.report .report_list div.sel_article_status2 { width: 20%; padding-right: 10px; text-align: right; }

.report .report_list div.profile_title { width: 85%; text-align: left; }
.report ul.report_list div.profile_title { position: relative; font-weight: bold; font-size: 14px; font-size: 1.4rem; }
.report .report_list div.profile_status { width: 15%; text-align: center; }
.report ul.report_list div.profile_title span.profile_name { margin-left: 10px; line-height: 45px; }

.report div.status_sale,
.report .report_list div.status_sale .fa:not(.fa-bullseye) {  color: #22ac38; }
.report .report_list div.status_reserve  {  color: #8a8000; }
.report .report_list div.status_quitted  {  color: #808080; }
.report .report_list div.status_quit     {  color: #eb6100; }
.report .report_list div.status_stop     {  color: #d00; }
.report .report_list div.status_pending  {  color: #d00; }

.report div.status_reserve,
.report table span.status_reserve,
.report .report_list div.status_reserve,
.ranking.ranklist span.status_reserve    {  color: #a40000; }

.report .report_list div.status_ready {  color: #999999; }

.report .report_list div.sel_report { width: 5%; text-align: center; }
.report .report_list div.sel_article_title_mal { width: 100%; min-width: 550px; text-align: left; }
.report .report_list div.sel_status_mal { width: 140px; margin-left: -380px; text-align: center; }
.report .report_list div.sel_article_status_mal { width: 240px; margin-left: -240px; padding-right: 10px; text-align: right; }
.report .report_list div span { margin-right: 5px; }
.report .report_list div span.fa-chevron-circle-right { margin-left: 10px; font-size: 12px; font-size: 1.2rem; }
.report .report_list div.sel_status span { font-weight: normal; }
.report .report_list div.sel_report span { margin: 0; padding-top: 20px; color: #ccc; font-weight: normal; font-size: 28px; font-size: 2.8rem; }
.report .report_list div.sel_report a span { color: #1d5aac; }
.report .sale_cont_detail { margin-bottom: 60px; padding: 10px 20px 20px; border: 1px solid #ccc; }
.report .sale_cont_detail .col_right { color: #1d5aac; }
.report .sale_cont_detail .col_right:hover { text-decoration: underline; cursor: pointer; }
.report .sale_cont_detail dl { margin-top: 20px; }
.report .sale_cont_detail dt { position: relative; color: #1d5aac; font-size: 14px; font-size: 1.4rem; }
.report .sale_cont_detail dt .category { position: absolute; top: 28px; left: 26px; }
.report .sale_cont_detail dt .thumbnail {
    float: left;
    width: 50px;
    height: 50px;
    /* max-width: 50px; */
    /* max-height: 50px; */
    margin: 0 20px 10px 0;
}
.report .sale_cont_detail dt .thumbnail-nonborder {
    float: left;
    width: 50px;
    height: 50px;
    /* max-width: 50px; */
    /* max-height: 50px; */
    margin: 0 20px 10px 0;
}

/* 新着・未読メッセージ通知 */
.seller .information_message { margin-top: 1em; padding: 5px 10px; background: #f8e5e5; border-radius: 5px; }
.seller .information_message:not(:first-child) { margin-top: 5px; }
.seller .information_message a { width: 100%; color: rgba(221, 0, 0, .5); }

/* ブックの場合サイズ縦長 */
.report .sale_cont_detail dt .book { max-width: 35px; max-height: 50px; }
.report .sale_cont_detail dt .book + .category { left: 12px; }

.report .sale_cont_detail dt:nth-of-type(2) { margin-left: 70px; color: #4b4b4b; }
.report .sale_cont_detail dt strong,
.report .sale_cont_detail dt input,
.report .sale_cont_detail dd strong { width: 60px; margin: 0 5px; }
.report .sale_cont_detail dt .toggle { font-size: 12px; font-size: 1.2rem; }
.report .sale_cont_detail dt form { display: none; height: 60px; margin-bottom: 60px; font-size: 12px; font-size: 1.2rem; }
.report .sale_cont_detail dt .notice_window { margin: 0; font-weight: normal; font-size: 12px; font-size: 1.2rem; }
.report .sale_cont_detail dd { margin-left: 70px; padding-right: 20px; }
.report .sale_cont_detail ul { display: none; margin-top: 30px; width: 100%; }
.report .sale_cont_detail li { position: relative; padding: 20px; border-top: 1px dotted #ccc; }
.report .sale_cont_detail li:hover { background-color: #f0f0f0; }
.report .sale_cont_detail li strong { display: inline-block; margin-bottom: 5px; font-size: 14px; font-size: 1.4rem; }
.report .sale_cont_detail li .txtr { position: absolute; top: 20px; right: 20px; }
.report .sale_cont_detail li span { padding-right: 24px; }
.report .sale_cont_detail li span.item_copy { padding-right: 0px; display: inline-block; width: 120px; }
.report .sale_cont_detail li span.tips.fa { margin: 0 5px; text-decoration: none; }
.report .sale_cont_detail li span.fa { padding: 0; border: none; }
.report .sale_cont_detail li .detail_comment_edit {width: 150px; float: left;}
.report .sale_cont_detail li input.url_copy_form { margin-left: 3px; padding: 3px; border: 1px solid #ccc; box-shadow: none; width: 60%; }
.report .sale_cont_detail li span.originalurl { padding: 5px; background-color: #fff; border: 1px solid #ccc; line-height: 2.5em;}
.report .sale_cont_detail li #gadget_sorce_code { max-width: 600px; height: 100px !important; }

/* リンクタグプレビュー */
.report .sale_cont_detail li .preview .preview { margin-bottom: 1em; }
.report .sale_cont_detail li .preview.preview {
    width: 100%;
    max-width: 600px;
    min-width: 250px;
 }
.report .sale_cont_detail li .preview.preview::before {
    content: "\f002"" ""\30D7\30EC\30D3\30E5\30FC"; /* プレビュー */
    display: block;
    padding: 3px;
    text-align: center;
    color: #666;
    font-family: FontAwesome, verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.5rem;
    /* background: rgba(0, 0, 0, .5); */
}

.menu_issue .detail_comment_edit ~ label { margin-right: 20px; padding: 3px 10px; border-radius: 3px; }

.seller #usertoolMenu { margin: 0; }
.seller .fm { margin-bottom: 60px; }

.seller .fm .col_left { margin-right: 30px; }
.seller .fm .col_right a,
.seller .fm .col_right strong,
.seller .fm .col_right span { margin-right: 10px; }

.seller .fm .toggle_cont {
    position: absolute;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    z-index: 2;
}

.seller .fm .toggle_cont input { width: 100px; }
.seller .fm .toggle_cont button,
.seller .sale_cont_detail dt button,
.report .sale_cont_detail li button { position: relative; top: -3px; margin-left: 10px; padding: 0 10px; font-size: 10px; font-size: 1.0rem; }
.seller .fm .toggle_cont button:active,
.seller .sale_cont_detail dt button:active,
.report .sale_cont_detail li button:active { top: 0px; }

.ui-datepicker-calendar th { background-color: #fff; }
.ui-datepicker-calendar th span { color: #666; }

#graph_subscriber, #graph_subscriber2 { margin-bottom: 60px; }
#graph_age, #graph_device { float: left; width: 500px; }

#affiliater_detail_view { margin-top: 20px; padding-top: 20px; border-top: solid 1px #cccccc;}

.entry_form,
.entry_form h5 { margin-top: 50px; }
h4 + .entry_form { margin-top: 0; }
.entry_form table th { width: 170px; text-align: left; }

/* error_window */
#error_window, #flash_window, .flash_window {
    display: block;
    margin: 20px 0;
    padding: 20px;
    color: #d00;
    border: solid 1px #d00;
    background: #f8e5e5;
}

#flash_window .title_bar_line { font-weight: bold; }

.quit_error_window {
    display: block;
    position: relative;
    margin: 20px 0;
    color: #d00;
    border: solid 2px #d00;
    border-radius: 3px;
    padding: 20px;
    background: #fff9f9;
}


/* error_page */
/*.error_page { float: left; width: auto; }*/
.error_page {
    width: 100%;
    position: absolute;
    left: 0;
}

.toggle_sub_cont .error_page {
    float: none;
    position: static;
}

.error_page_message {
    position: relative;
    left: 0;
    display: block;
    width: 500px;
    padding: 5px;
    margin: 20px auto;
    color: #d00;
    border: solid 2px #dd0000;
    border-radius: 3px;
    background: #fff9f9;
}

.stop_selling_window {
  display: block;
  color: #d00;
  border: solid 2px #dd0000;
  border-radius: 3px;
  padding: 5px;
  background: #fff9f9;
  text-align: center;
  margin-bottom: 10px;
}

.stop_selling_window span.count {
    margin-right: 5px;
    font-size: 18px;
    font-size: 1.8rem;
}

/* コンテンツ毎のレポート */
/*#sale_item_report { margin-top: -60px; }*/
#sale_item_report .report_select_year { margin-bottom: 60px; }
#sale_item_report table + .txtr { margin-top: 1em; }
#sale_item_report .purchase_report th[colspan] { font-size: 12px; font-size: 1.2rem; }
#sale_item_report h3 { font-size: 24px; font-size: 2.4rem; }
#sale_item_report h3 + p { margin-bottom: 5em; }
#sale_item_report h4 { margin-top: 3em; font-size: var(--f-xl); font-weight: normal; }
#sale_item_report .tips { margin-left: 5px; text-indent: 0; }
#sale_item_report th[colspan] { /*text-indent: 3em; font-size: 16px; font-size: 1.6rem;*/ text-align: center; border-left: solid 1px #f1f1f1; border-right: solid 1px #f1f1f1; }
#sale_item_report th[rowspan] { vertical-align: bottom; }
#sale_item_report th { padding: 10px; text-align: right; border-right: solid 1px #f1f1f1; }
#sale_item_report th:last-child { border-right: none; }
#sale_item_report th:first-child { width: 100px; }
#sale_item_report th span { font-size: 16px; font-size: 1.6rem; }
#sale_item_report td { text-align: right; border-left: solid 1px #f1f1f1; }
#sale_item_report td:first-child { border-left: none; border-right: solid 1px #cccccc; }
#sale_item_report td[colspan="5"],
#sale_item_report td[colspan="7"] { padding: 2em 0; text-align: center; }

#sale_item_report th.punctuation, #sale_item_report td.punctuation { border-right: solid 1px #cccccc;}

.afi_report_lists #sale_item_report  { margin-top: 0}

/* 限定メルマガ予約リスト(キャンセル処理) */
.premium_magazine_list table { width: 100%; }
.premium_magazine_list table td { padding: 10px 20px; }
.premium_magazine_list table th.pre_list_reserve { width: 190px; }
.premium_magazine_list table th.pre_list_cancel { width: 180px; }

/* 継続特典バルーン表示 */
.view_article { min-width: 400px; max-width: 700px; }

/*仮会員の状態でMyれじまぐからポイント購入の手続きをすると出てくるプロフィール入力画面*/
.detail.trip_form #mainView .trip {
    float: left;
    width: 582px;
    margin: 0 -1px 100px;
    padding: 10px 20px 50px;
}

/*タグ内コンテンツ*/
.tag_contents { width: 100%; }
.tag_contents .ranking.ranklist a { height: 200px !important; }
.tag_contents_list { margin: 20px 0; }
.tag_contents_list a {
    margin-left: 5px;
    padding: 5px;
    border-radius: 3px;
    background: #f0f0f0;
    text-decoration: none;
}
.tag_contents_list a:hover { background: #1d5aac; color: #ffffff; }
.tag_list_link { margin-top: -40px; padding-bottom: 30px; }

span.tag_list_finish {
    background: #dd0000;
    border-radius: 3px;
    color: #ffffff;
    font-size: 0.7em;
    padding: 2px;
    margin-right: 3px;
}

span.tag_genre {
  padding: 2px;
  text-align: center;
  color: #fff;
  font-size: 0.7em;
  background-color: #1d5aac;
  border-radius: 3px;
  margin-right: 3px;
}

.tag_word_search {
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin-bottom: 40px;
    padding :10px;
}

.tab_chips_box { margin: 20px 0px 20px 25px; }

span.tag_chips a {
    display: table;
    width: 170px;
    float: left;
    background: #f0f0f0;
    padding: 3px;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

span.tag_chips a:last-child { margin-right: none;}
span.tag_chips a:hover { text-decoration: none; background: #164381; color: #ffffff;}

.readonly {
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 3px;
}

.readonly img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.readonly img.book {
    width: 35px;
    height: 50px;
    margin-right: 5px;
}

.readonly .fa-stack {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    /* position: relative; */
    /* display: inline-block; */
    /* width: 1em; */
    /* height: 2em; */
    /* line-height: 1.8em; */
    /* vertical-align: middle; */
}

.readonly .specialty_option_list {
    position: relative;
    margin-top: 1em;
    padding: 10px 0 1em;
    border: none;
    border-top: 1px dotted #ccc;
}
.readonly .specialty_option_list .member_option_title { margin-top: 1em; }
.readonly .specialty_option_list span.specialty_option {
    position: absolute;
    background: #fff;
    color: #999;
    left: 10px;
    font-size: 1rem;
    top: -10px;
    padding: 0 5px;
}

.readonly .specialty_option_list span.specialty_option_price {
    display: inline-block;
    width: 130px;
    margin-left: 5px;
}

span.readonly_title { font-size: 15px; font-size: 1.5rem; }
/* .readonly_price { margin-top: -10px; } */

/* ソーシャルボタン */
.social_btn { margin-top: 20px; display: inline-block; }
.social_btn_box { float:left; margin-right: 5px; }
.social_btn_box.twitter { width: 76px; }
/* .social_btn_box.googleplus { width: 60px; } */
.status .box .social_btn_box.facebook { margin-top: 0px; }
.box .tw_campaign { display: none; }

/* twitterキャンペーン用 */
.tw_campaign {
    /* margin: 10px 0; */
    border-bottom: solid 1px #cccccc;
}
.rhr_social_btn .tw_campaign { text-align: center; }
.tw_campaign a.twitter,
.tw_campaign a.btn {
    display: inline-block;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 1.4rem;
    background-color: #1B95E0;
    color:  #ffffff;
    float: left;
}
.tw_campaign p,
#salon .tw_campaign p { font-size: 1.2rem; line-height: 1.5rem; }
.tw_campaign a.twitter:hover { text-decoration: none; background-color: #0C7ABF; }

.col_3 span.mypage_hide { display: none; }
.col_3 .tw_campaign p { font-size: 1rem; }
.col_3 .tw_campaign a.twitter {
    padding: 6px 5px;
    font-size: 1.2rem;
}

.header_move .social_btn { float: left; }
.header_move .tw_campaign { margin-top: 0; border: none;}

.profile_contents_sub .tw_campaign a.twitter {
    margin-bottom: 0;
    margin-top: 19px;
    height: 20px;
    font-size: 1.2rem;
    padding: 1px 10px;
}
.profile_contents_sub .tw_campaign p { display: none; }

.forecast_detail .tw_campaign a.twitter{
    display: inline-block;
    padding: 6px 10px;
    font-size: 1.1rem;
    width: 100%;
    float: none;
}

/* twitterフォロー */
.twitterFollow {
    position: relative;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 20px 10px;
    border: 3px solid #def;
    border-radius: 10px;
    text-align: center;
}

.twitterFollow h3 {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 20px;
    margin: 0 auto !important;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/twitter_title.png) center 0 no-repeat;
    background-size: 260px 20px;
    border: none;
}

.twitterFollow strong { font-size: .9rem; text-decoration: underline; }
.twitterFollow img { width: 30% !important; height: auto; margin: 0 auto; }
.user_tool p { margin-top: 20px;}

/* お気に入り */
.add_favorite::before { content: '\f006'; margin-right: 5px; font-family: FontAwesome; }
.remove_favorite::before { content: '\f005'; margin-right: 5px; font-family: FontAwesome; }
.btn_favorite {
    display: inline-block;
    width: 100px;
    line-height: 1;
    margin-bottom: 1em;
    padding: 5px 5px 5px 10px;
    border-radius: 3px;
}
.add_favorite { color: #aaa; background: #f0f0f0; border: 1px solid #ddd; }
.add_favorite:hover::before { content: '\f005'; }
.add_favorite:hover,
.remove_favorite { color: #fff; background: #fa0; border: 1px solid #fa0; }
.btn_favorite:hover { cursor: pointer; }
.add_favorite a { color: #aaa !important; }
.add_favorite:hover a { color: #fff !important; text-decoration: none; }
.btn_favorite + .link_favorite { display: inline-block; margin-left: 1em; }
.favoriteList li,
.wishList li {
    position: relative;
    margin-bottom: 10px;
    padding: 10px 0 20px;
    border-bottom: 1px dotted #ccc;
}
.favoriteList li .tof,
.wishList li .tof {
    display: inline-block;
    width: 490px;
    margin-bottom: 1em;
    padding-left: 10px;
    font-size: 1.4rem;
}
.favoriteList li .tof + .txtr { margin: -1em 0 1em; color: #d00; font-size: 1.2rem; }
.favoriteList .favorite_comment {
    position: relative;
    margin-top: 1em;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.favoriteList .favorite_comment::before {
    content: '\f044'' ''MEMO';
    position: absolute;
    top: -8px;
    left: 10px;
    padding: 0 5px;
    color: #ddd;
    font-family: FontAwesome;
    font-size: 1rem;
    background: #fff;
}
.favoriteList .favorite_comment.empty { display: none; }
.favoriteList li .tof + .txtr .fa,
.favoriteList .input_comment .fa { margin-right: 3px; }
.favoriteList .input_comment .toggle_comment:hover { cursor: pointer; }
.favoriteList .input_comment div[id^="form_"] {
    display: none;
    margin: 10px 0 20px;
    padding: 10px;
    background: #f0f0f0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.favoriteList .input_comment form { display: inline-block; margin-left: 1em; }
.favoriteList .input_comment div[id^="form_"] input[type="text"] { width: 470px; }
.favoriteList .input_comment .toggle_comment,
.favoriteList .input_comment button,
.wishList li button {
    position: static;
    height: auto;
    line-height: 1.6;
    margin: 0;
    padding: 5px 8px;
    color: #666;
    background: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: none;
}
.favoriteList .input_comment div[id^="form_"] button {
    margin-left: 5px;
    padding: 4px 6px;
    color: #fff;
    background: #666;
    border: solid 1px #666;
    border-radius: 3px;
}

/* 競馬 会員ランク JRA IPAT連携 */
#member_option .btn.enabled_days { position: relative; padding: 7px 12px; color: #fff; background-color: #dd0000; }
#member_option .btn.enabled_days:hover { background-color: #d55; }
.member_option_detail { position: relative; padding: 10px; border: solid 1px #cccccc; border-radius: 5px; margin-bottom: 20px; }
.member_option_title img { margin-right: 10px; }
.member_option_title span.title { font-size: 1.7rem; font-weight: bold; margin-right: 10px; }
.member_option_detail .member_option_description { margin: 20px 0; }
.member_option_list .member_option_use { position: absolute; top: 10px; right: 10px; display: inline-block; }
.member_option_list .member_option_use .btn_sub { margin: 0; padding: 2px 10px; font-size: 1.4rem; }
table.ipat_table { margin: auto; }
table.ipat_table tbody { width: 100%; display: table; margin-bottom: 20px; border:solid 1px #cccccc; }
.ipad_check {width: 50px;}
.open_ticket, .close_ticket {color: #1d5aac; cursor: pointer; float: right; width: 50px; margin-top: -16px;}
.ipat_table_scroll {overflow-x: scroll; margin-bottom: 30px;}
.ipat_table td {white-space: nowrap;}
.ipat_table_detail th, .ipat_table_detail td {border: none; padding: 10px 15px;}
.ipat_table_detail th {background: #ffffff;}
.ipat_table_detail tr { text-align: center; }
.ipat_table_detail tr:first-child, .ipat_table_detail .ipad_check:first-child {border-bottom: 1px solid #cccccc; background:#eeeeee; text-align: left;}
.ipat_table_detail label {font-size: 14px;}
.ipat_table_index {font-weight: bold;}
.ipat_table_index td {padding-top: 20px;}
.ipat_table_detail .ticket_amount {width: 35px}

.thumbnail .category { position: absolute; top: 38px; left: 30px; }
.thumbnail.s { float: left; width: 50px; height: 50px; }
.thumbnail.s img { max-width: 50px; max-height: 50px; }
.thumbnail.s .fa-bg { top: 32px; left: 34px; }
.fa-bg {
  position: relative;
  z-index: 2;
  height: 20px;
  padding: 2px 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: .6rem;
  background-color: #1d5aac;
  border-radius: 3px;
}
.fa-bg.disabled {
    color: #666;
    background-color: #ccc;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 1.2rem;
}

.detail .modalBody { text-align: left; }
.detail .wishList { line-height: 1.9; margin-top: 1em; }

.closed {
    margin-top: 0px;
    text-align: center!important;
}

.usertool.history .icon {
    position: relative;
    margin-top: 30px;
}

.usertool.history .icon img {
    position: relative;
    top:-3px;
}

/* banner */
.banner a { display: block; margin: 5px 5px 0 0; }
#sellerMenu .banner a { margin: 5px 5px 0; }

/* ご相談くださいボタン（発行者） */
.banner .arrow_box {
    position: relative;
    width: 190px;
    margin: 5px;
    padding: 5px;
    background: #fff;
    border: 1px solid #808080;
}
.banner .arrow_box,
.banner .arrow_box .ind { font-weight: normal; font-size: .7rem !important; }
.banner .arrow_box:after,
.banner .arrow_box:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
}

.banner .arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}
.banner .arrow_box:before {
    border-color: rgba(128, 128, 128, 0);
    border-top-color: #808080;
    border-width: 6px;
    margin-left: -6px;
}
.banner .consultation {
    width: 190px;
    margin: 10px 5px;
    padding: 10px;
    color: #919191;
    font-size: 13px;
    font-size: 1.3rem;
    border: 1px solid #808080;
    border-radius: 3px;
}
.banner .consultation:hover { cursor: pointer; color: #1d5aac; background-color: #f0f0f0; }
.banner .consultation a {
    position: relative;
    width: 100%;
    margin: 5px 0 !important;
    padding: 5px;
    color: #4b4b4b;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 3px;
}
.banner .consultation a:first-child { margin-top: 10px !important; }
.banner .consultation a:after {
    position: absolute;
    right: 5px;
    content: "\f105";
    font-family: FontAwesome;
}

/* Happy Birthday */
/*@import url(http://fonts.googleapis.com/css?family=Luckiest+Guy);*/

.birthdayBox {
    position: relative;
    z-index: -2;
    width: 300px;
    margin: 6em auto 2em;
    padding: 30px 10px 10px;
    background-color: #ffe5e5;
    border: 1px dashed #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 3px #ffe5e5;
}

.birthdayBox strong { background: linear-gradient(transparent 30%, #ffb3b3 30%); }

.ribbon {
 position: absolute;
 top: -40px;
 left: 0;
 right: 0;
 bottom: 0;
 width: 240px;
 height: 30px;
 line-height: 34px;
 margin: 1em auto;
 text-align: center;
 color: #fff;
 font-family: 'Luckiest Guy', verdana, Roboto, "Droid Sans";
 font-size: 1.1rem;
 background-color: #93DFB8;
}

.ribbon:before, .ribbon:after {
 content: '';
 position: absolute;
 bottom: -10px;
 z-index: -1;
 display: block;
 background-color: transparent;
 border: 15px solid #7AC69F;
}

.ribbon:before { left: -20px; border-right-width: 15px; border-left-color: transparent; }
.ribbon:after { right: -20px; border-left-width: 15px; border-right-color: transparent; }

.ribbon-content { font-size: 1.6rem; }
.ribbon-content:before, .ribbon-content:after {
 content: '';
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #60AC85 transparent transparent transparent;
 bottom: -10px;
}

.ribbon-content:before { left: 0; border-width: 10px 0 0 10px; }
.ribbon-content:after { right: 0; border-width: 10px 10px 0 0; }
.ribbon-content .fa:first-child { margin: 0 10px 0 0; }
.ribbon-content .fa:last-child { margin: 0 0 0 10px; }

.birthdayBox .ind { font-size: .8rem; }

.col_2 .birthday_hide { display: none; }

.store_buy_title {
    font-weight:bold;
    font-size:1.5rem;
    color:#1d5aac;
    margin:5px;
}

.entry_text li, .blog_body li, .article li, .forecast_body li { list-style: inherit; }
.entry_text ol, .blog_body ol, .article ol, .forecast_body ol { margin-left: 30px; list-style-type: decimal; }
.entry_text ul, .blog_body ul, .article ul, .forecast_body ul { margin-left: 30px; list-style-type: disc; }

/*リニューアル用コンテンツ別カラーリング*/
/*font*/
.color_all                                          { color: #9b1478; }
.color_magazine, span.fa-envelope.color_magazine    { color: #eb1984; }
.color_blog, span.fa-pencil.color_blog              { color: #ea1e01; }
.color_forecast, span.fa-edit.color_forecast        { color: #f8a300; }
.color_book, span.fa-book.color_mbook               { color: #a0cc00; }
.color_file, span.fa-folder.color_file              { color: #269f9f; }
.color_salon, span.fa-coffee.color_salon            { color: #2da0e9; }
.color_specialty, span.fa-graduation-cap.color_specialty { color: #06f; }
.color_trend    { color: #269f9f; }

/*link */
.color_magazine a, .color_magazine a:hover   { color: #eb1984; }
.color_blog a, .color_blog a:hover           { color: #ea1e01; }
.color_forecast a, .color_forecast a:hover   { color: #f8a300; }
.color_book a, .color_book a:hover           { color: #a0cc00; }
.color_file a, .color_file a:hover           { color: #269f9f; }
.color_salon a, .color_salon a:hover         { color: #2da0e9; }
.color_specialty a, .color_specialty a:hover { color: #06f; }
.color_member_option a, .color_member_option a:hover { color: #7048e8; }

/*border*/
.border_magazine      { border: solid 1px #eb1984 !important; }
.border_blog          { border: solid 1px #ea1e01 !important; }
.border_forecast      { border: solid 1px #f8a300 !important; }
.border_book          { border: solid 1px #a0cc00 !important; }
.border_file          { border: solid 1px #269f9f !important; }
.border_salon         { border: solid 1px #2da0e9 !important; }
.border_specialty     { border: solid 1px #06f !important; }
.border_member_option { border: solid 1px #7048e8 !important; }

/*background*/
.bg_magazine      { background-color: #eb1984; }
.bg_blog          { background-color: #ea1e01; }
.bg_forecast      { background-color: #f8a300; }
.bg_book          { background-color: #a0cc00; }
.bg_file          { background-color: #269f9f; }
.bg_salon         { background-color: #2da0e9; }
.bg_specialty     { background-color: #06f; }
.bg_member_option { background-color: #7048e8; }
.bg_trend         { background-color: #269f9f; }

.col_2 #sticker_ranking-sticky-wrapper { margin: -18px 0 10px; }
#sticker_ranking {
    position: relative;
    z-index: 9;
    width: 100%;
    padding-bottom: 10px;
    background: #fff;
}
#sticker_ranking h2,
#sticker_ranking h3 {
    height: 40px;
    line-height: 40px;
    margin: 20px 0;
    padding: 0 10px;
    color: #fff;
    font-size: 1.6rem;
    border: none;
}
#sticker_ranking .sales h2,
#sticker_ranking .sales h3    { background-color: #eb1984; }
#sticker_ranking .favorite h2,
#sticker_ranking .favorite h3 { background-color: #f8a300; }
#sticker_ranking .trend h2,
#sticker_ranking .trend h3    { background-color: #269f9f; }

/*会員登録完了画面の無料メルマガ広告枠*/
p.message_ad_magazine { font-size: 14px; font-size: 1.4rem; }
.finish_ad_magazine { margin: 2em 0 200px; }
.finish_ad_magazine ul { margin: 20px 0; }
.finish_ad_magazine li {
    position: relative;
    width: 100%;
    display: block;
    height: 100px;
    padding: 0 5px;
    margin-bottom: 10px;
}
.finish_ad_magazine li .reco_body img { margin-right: 10px; width: 100px; height: 100px; }
.finish_ad_magazine li .reco_body img.icon_tumb { border: 0; border-right: solid 1px #ccc; }
.finish_ad_magazine li div.reco_box { position: relative; border-radius: 5px; display: block; }
.finish_ad_magazine li span.reco_tag {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50%;
    text-align: right;
    padding-right: 10px;
}
.finish_ad_magazine li div.reco_body {
    padding: 0 5px 5px 0;
    border: solid 2px #ccc;
    border-radius: 5px;
    height: 100px;
    overflow: hidden;
}
.finish_ad_magazine li div.sr_title {
    color: #1d5aac;
    font-size: 20px;
    font-size: 2rem;
    margin-top: 5px;
}
.finish_ad_magazine li div.sr_publisher { font-size: 15px; font-size: 1.5rem; }
.finish_ad_magazine .tips { margin: -25px 10px 0 0;}
.finish_ad_magazine .tips_cont {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.8);
    border: none!important;
    border-radius: 0px!important;
}
.ad_magazine_detail {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    width: 780px;
    height: 500px;
    text-align: left;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: scroll;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 2px 4px 1px;
}
.finish_ad_magazine_list ul { margin: 10px 0 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.finish_ad_magazine_list ul li { padding: 15px 20px; border-bottom: 1px dotted #ccc; color: #1d5aac; }
.finish_ad_magazine_list ul li:last-child { border: none; }
.entry .finish_ad_magazine .button {
    width: 290px;
    height: 50px;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0 5px;
    float: left;
}
.entry .finish_ad_magazine a.button { padding: 10px 35px; }
.entry .finish_ad_magazine .cont_desc_toggle { position: absolute; top: 75px; right: 10px; cursor: pointer; }
.entry .finish_ad_magazine .cont_desc {
    position: absolute;
    top: 95px;
    left: 50%;
    z-index: 2;
    display: none;
    width: 800px;
    max-height: 300px;
    padding: 10px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 5px;
    overflow-y: scroll;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* 発行管理ブログパーツfaq */
.gadget { padding-bottom: 200px;}
.gadget h3 {
    height: auto;
    line-height: 1;
    margin: 2em 0 1em;
    padding: 0;
    font-weight: normal;
    border: none;
}
.gadget h3 span {
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    color: #fff;
    background: #1d5aac;
    border-radius: 15px;
}
.gadget a[target="_blank"] { position: relative; display: inline-block; }
.gadget .zoom {
    position: absolute;
    bottom: 3px;
    right: 3px;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    background: rgba(0, 0, 0, .5);
}
.gadget .zoom .fa { margin: 0; }
.gadget #ameblo { margin-top: 3em; padding-top: 1em; }
.gadget_faq img { width: 700px; }

/*アフィリエイト管理ブログパーツプレビュー */
ul.gadget_preview {
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin: 10px 0;
    padding: 20px;
}
ul.gadget_preview li .preview.preview::before {
    content: '\30D6\30ED\30B0\30D1\30FC\30C4'' ''\30D7\30EC\30D3\30E5\30FC'; /* ブログパーツ プレビュー */
    display: block;
    text-align: left;
    color: rgb(102, 102, 102);
    font-family: FontAwesome, verdana, Roboto, "Droid Sans", 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.5rem;
    padding: 3px;
}
ul.gadget_preview li label { margin-right: 10px; }
ul.gadget_preview li label:hover { cursor: pointer; }

/* ブログパーツプレビュー表示調整 */
#container div[class^="regimag"] { line-height: 20px }
#container div[class^="regimag"] span { padding: 0;}
#container div[class^="regimag"] .title { line-height: 20px; text-align: left !important; }
#container div[class^="regimag"] .title a { display: inline-block; margin-right: 1em; font-size: 14px; }
#container div[class^="regimag"] .keiba-race-recommend strong { margin: inherit; }
#container div[class^="regimag"] span.rank-no { font-size: 18px; padding-right: 0; }
#container div[class^="regimag"] .box-sel-lank p { line-height: 15px; }
#container div[class^="regimag"] .btn { font-size: 12px; padding: 5px; }
#container div[class^="regimag"] .btn strong { font-size: 16px; }
#container div[class^="regimag"] .btn.btn-cont-option { color: #ffffff; background-color: #1d5acc; padding: 0 5px; width: initial;}
#container div[class^="regimag"] .short_window .btn-sub,
#container div[class^="regimag"] .short_window .btn-now { width: 100%; padding: 5px 0; }
#container div[class^="regimag"] .article_link .btn-sub { padding: 2px 5px; display: inline-block; }
#container div[class^="regimag"] .gadget-inner { font-size: 13px; }
#container div[class^="regimag"] .comment-count { line-height: 25px; position: static; }
#container div[class^="regimag"] .comment-count.horse_racing { width: 200px; line-height: 25px; position: absolute; }
#container div[class^="regimag"] dl .comment-count { padding-right: 3px; width: 100%; }
#container div[class^="regimag"] .gadget-inner dl .keiba-hit-open { padding-top: 5px; line-height: 22px; }
#container div[class^="regimag"] .gadget-inner dt.chapter_title img { float: left; width: 100px; }
#container div[class^="regimag"] .gadget-inner dt.chapter_title img + div { padding-left: 120px; }
#container div[class^="regimag"] .gadget-inner.short_window dd {
    margin: inherit;
    float: none;
    width: 100%;
    padding: 0 5px;
    color: #818181;
    position: inherit;
    top: inherit;
    right: inherit;
    text-align: right;
}
#container div[class^="regimag"] div.keiba-item { line-height: 22px; font-size: 12px; width: 75px; }
#container div[class^="regimag"] div.race-finished { font-size: 13px; }
#container div[class^="regimag"]  span.keiba-item { line-height: 20px; font-size: 12px; padding: 0 5px; }
#container div[class^="regimag"] span.race-result-open { font-size: 1.5rem; }
#container div[class^="regimag"] .gadget-inner .keiba-hit-open ul { margin-top: 0;}
#container div[class^="regimag"] .gadget-inner .keiba-hit-open ul li:hover { cursor: inherit; background: inherit; }
#container div[class^="regimag"] .keiba-hit-open .content-hit-info table { line-height: 20px; }
#container div[class^="regimag"] .gadget-inner h4 {
    color: #22ac38;
    font-size: 13px;
    text-align: left;
    margin: inherit;
    background: inherit;
    padding: inherit;
    font-weight: bold;
}
#container div[class^="regimag"] .gadget-inner h4 i.fa { color: #22ac38; font-size: 13px; }


/*  170607松田追加分  */
#gold_members {
    width: 980px;
    margin: 0 auto;
    font-size: 14px;
}
.gold_head {
    background: url(/images/gold_head_tile.png) center center repeat-x,
                url(/images/gold_head_bg.png) center center no-repeat,
                #09150A;
}
.gold_head img {
    display: block;
    margin: 0 auto;
}
#gold_members h2,
#gold_members h3 {
    border-left: none;
}
#gold_members .sugoi_midashi {
    font-size: 18px;
    color: #ffffff;
    background-color: #d00;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0.1em;
    font-weight: bold;
    border-radius: 30px;
    width: 960px;
    text-align: center;
}
#gold_members h2 img {
    margin: 0 auto;
    display: block;
}
#gold_members h3 {
    font-weight: bold;
    border: none;
    color: #009944;
    padding-bottom: 0;
}
#gold_members .sugoi_detail {
    display: block;
    border: 3px dotted #4cbb5f;
    width: 920px;
    padding: 30px;
    margin: 10px;
}
#gold_members .tokucho {
    position: relative;
    top: -2px;
    float: left;
    font-size: 2rem;
    color: #009944;
}
#gold_members .tokucho + p { margin-bottom: 2em; padding-left: 90px; }
#gold_members .sugoi_detail .hosoku {
    color: #009944;
}
#gold_members .sugoi_detail_sub {
    float: right;
    width: 660px;
}
#gold_members .clear {
    margin: 40px;
}
#gold_members .clear .report_betting_ticket,
#gold_members .clear .report_betting_ticket2 {
    position: absolute;
    left: -9999px;
}
#gold_members .clear .nav_detail {
    display: inline-block;
    margin-right: 2em;
    color: #1d5aac;
}
#gold_members .horse_racing_report .report_nav .clear input[type=radio]:checked + label,
#gold_members .horse_racing_report2 .report_nav2 .clear input[type=radio]:checked + label {
    height: 30px;
    line-height: 22px;
    padding: 5px 10px;
    color: #ffffff;
    background: #1d5aac;
    border-radius: 3px;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}
#gold_members .clear:after {
    content: '';
    clear: both;
    display: block;
}
#gold_members .arrow {
    margin-left: 30px;
    width: 50px;
}
#gold_members .sugoi_detail .step0 {
    margin-bottom: 30px;
}
#gold_members .sugoi_detail .step {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    font-size: 1em;
    background: #4cbb5f;
    border-radius: 10px;
}
#gold_members .pic_l{
    margin: 30px 0;
    text-align: center;
}
#gold_members .pic_l a{
    position: relative;
    width: 100%;
}
#gold_members .pic_l img{
    width: 95%;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
}
#gold_members .pic_s_l,
#gold_members .pic_s_r {
    width: 50%;
    text-align: center;
    margin-bottom: 30px;
}
#gold_members .pic_s_l{
float: left;
}
#gold_members .pic_s_r{
float: right;
}
#gold_members .pic_s_l a,
#gold_members .pic_s_r a {
    position: relative;
}
#gold_members .pic_s_l img,
#gold_members .pic_s_r img {
    width: 90%;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
}
#gold_members .notice {
    display: block;
    width: 95%;
    margin: 0 auto;
    font-size: .8rem;
}
#gold_members .ind_window {
position: relative;
top: -4px;
width: 12px;
}
#gold_members .notice_window {
    width: 95%;
    margin: 30px auto;
}
#gold_members .notice_window .inlineTitle {
    color: #4b4b4b;
}
#gold_members em,
#gold_members small {
    display: block;
    margin: 50px auto;
    color: #009944;
    text-align: center;
    font-weight: bold;
}
#gold_members em {
    font-size: 30px;
}
#gold_members small {
    font-size: 14px;
}
#gold_members .btn_sub {
    padding: 20px 40px;
    font-size: 24px;
    margin-bottom: 50px;
}
#gold_members .btn_sub .tax {
    font-size: 12px;
}
#gold_members .attention_area {
    width: 95%;
    margin: 30px auto;
}
#gold_members .horse_racing_report2 {
    position: relative;
    margin: 3em 0 1em;
    padding: 15px 10px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#gold_members .horse_racing_report2 li { display: inline-block; margin-right: 2em; }
#gold_members .horse_racing_report2 li a { -webkit-transition: none !important; transition: none !important; }
#gold_members .horse_racing_report2 li.active2 a,
#gold_members .horse_racing_report2 .clear .active2 .nav_detail {
    height: 22px;
    line-height: 22px;
    padding: 5px 10px;
    color: #fff;
    background: #1d5aac;
    border-radius: 3px;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}
#gold_members .horse_racing_report .nav_notice,
#gold_members .horse_racing_report2 .nav_notice,
#gold_members .horse_racing_report2 li:last-child {
    position: relative;
    top: 3px;
    float: right;
    margin: 0;
    font-size: 1rem;
}
#gold_members .horse_racing_report .nav_notice2 {
    font-weight: normal;
    font-size: 12px;
}
#gold_members .nav_notice2_sub {
    font-size: 10px;
    color: #808080;
    margin-top: -10px;
}
#gold_members .horse_racing_report2 .report_wrapper { margin-top: 2em; padding-bottom: 1em; }
#gold_members .col_2 .horse_racing_report2 .report_wrapper { width: 737px; overflow-x: scroll; }
#gold_members .col_3 .horse_racing_report2 .report_wrapper { width: 518px; overflow-x: scroll; }
#gold_members div[class^="col_"] .horse_racing_report2 .report_wrapper::-webkit-scrollbar { height: 5px; }
#gold_members div[class^="col_"] .horse_racing_report2 .report_wrapper::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2.5px; }
#gold_members .horse_racing_report2 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;
}
#gold_members .horse_racing_report2 h4 span { font-size: 1rem; }
#gold_members .horse_racing_report2 #monthly h4 { margin-bottom: 0 !important; }
#gold_members .detail .col_2 .horse_racing_report2 h4 .fa { margin-right: 5px !important; font-size: 1.6rem !important; }
#gold_members .horse_racing_report2 table { outline: none; }
#gold_members .horse_racing_report2 th,
#gold_members .horse_racing_report2 td {
    width: 12.5%;
    padding: 5px 10px;
    text-align: center;
    font-weight: normal;
    background: #fff;
    border: none;
    white-space: nowrap;
}
#gold_members .horse_racing_report2 td { text-align: right; font-size: 1rem; }
#gold_members .horse_racing_report2 th span,
#gold_members .horse_racing_report2 td strong {
    padding: 5px 10px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
    background: #1d5aac;
    border-radius: 3px;
}
#gold_members .horse_racing_report2 td span { margin-right: 2px; font-size: 1.4rem; font-weight: bold; }
#gold_members .horse_racing_report2 .monthly_report { margin-bottom: 0; }
#gold_members .horse_racing_report2 .monthly_report tr:not(.kind) { border-bottom: 1px dotted #ccc; }
#gold_members .horse_racing_report2 .monthly_report tr.kind th { padding-top: 1em; }
#gold_members .horse_racing_report2 .monthly_report td.txtc { font-size: 1.2rem; }
#gold_members .horse_racing_report2 .txtr { margin-top: 1em; }
#gold_members .horse_racing_report2 > div:last-child { padding-top: 1em; font-weight: bold; }
#gold_members .horse_racing_report2 > 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;
}
#gold_members .horse_racing_report2 > div:last-child div:not(.clear) { margin-top: 1em; font-weight: normal; }
#gold_members .horse_racing_report2 > div:last-child .col_left { width: 75%; }
#gold_members .horse_racing_report2 > div:last-child .col_right { width: 25%; text-align: center; }
#gold_members .horse_racing_report2 > 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;
}
#gold_members .horse_racing_report2 > div:last-child .col_right a::after {
    position: relative;
    right: -10px;
    content: '\f105';
    font-family: FontAwesome;
}
#gold_members .horse_racing_report2 > div:last-child .example span { color: #1d5aac; font-weight: bold; }
#gold_members .horse_racing_report2 .betting_tickets {
    margin-top: 1em;
    padding: 5px 10px;
    color: #808080;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
#gold_members .horse_racing_report2 .betting_tickets label {
    display: inline-block;
    padding: 3px 5px;
    font-size: 1.1rem;
    background: #f0f0f0;
    border-radius: 3px;
}
#gold_members .horse_racing_report2 .betting_tickets input:checked + label,
#gold_members .horse_racing_report2 .betting_tickets label:hover { color: #fff; background: #1d5aac; cursor: pointer; }
#gold_members .horse_racing_report2 .betting_tickets input { position: absolute; left: -9999px; }
#gold_members #keiba { font-size: 12px; padding-bottom: 20px; }
#gold_members #keiba .wrapper { width: 860px; }
#gold_members #form_hit_data_detail > div:not(.txtc) span { width: 140px; }
#gold_members #form_hit_data_detail > div:not(.txtc) span span { width: 50px; }
#gold_members #form_hit_data_detail .txtc span::before {
    content: '\f002';
    position: relative;
    left: -10px;
    z-index: 2;
    color: #fff;
    font-family: FontAwesome;
    font-size: 2rem;
}
div[id^="goldmember_sugoi0"] {
    transition: all 0.5s;
}
#gold_members #form_hit_data_detail > div .ind { margin-left: 155px; }

/*  170727松田追加分  */
.purchase_article_list {
    margin: 50px 0 10px;
}
.purchase_article_list h5 {
    margin-bottom: 10px;
}
.purchase_article_list ul {
    margin: 10px 0 30px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.purchase_article_list li {
    padding: 10px 20px;
    border-bottom: 1px dotted #ccc;
    display: flex;
}
.purchase_article_list li:last-child {
    border: none;
}
.detail .backnumber_list .yearly_subscription .purchase_article_list {
    margin-top: 0;
}
.purchase_article_list .ind {
    display:block;
}
.purchase_article_list .title {
    float: left;
    width: calc(100% - 100px);
}
.purchase_article_list .day {
    text-align: right;
    width: 100px;
    color: #919191;
}
.purchase_article_list +.ind +table {
    margin-top: 40px;
}

/*  年間購読(購読ボタン部分)  */
.btn_flex_box {
    display: flex;
    padding-top: 30px !important;
}
.introduction + #sub_btn_hide .btn_flex_box {
    justify-content: center;
}
.btn_flex_box a {
    width: 170px !important;
    margin-right: 15px !important;
}
.btn_flex_box .btn_area {
    margin: 0 0 20px 0;
    font-size: 1.4rem;
}
.btn_flex_box .point_back_notice {
    display: inline-block;
    font-weight: normal;
    font-size: 1.2rem;
}
.btn_flex_box .point_back_notice_red {
    color: #ff0000;
}
.btn_flex_box .tax {
    font-size: 10px;
}
.btn_flex_box .btn_text {
    text-align: center;
}
.btn_flex_box .btn_text .btn_normal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 140px;
}
.btn_flex_box .btn_text.no_money .btn_normal {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 140px;
}
.btn_flex_box .btn_month_value {
    display: block;
    font-size: 0.8rem;
    margin-top: 0;
}
.btn_flex_box .btn_good_value {
    color: #ffe490;
    font-size: 12px !important;
}
.btn_flex_box .btn_inner_point_back {
    display: block !important;
    font-size: 12px;
    margin: -10px;
    position: relative;
    bottom: 0;
}
/*.no_money {
    padding-bottom: 66px;
}*/
.btn_flex_box .no_money .point_back_label.btn_inner_point_back {
    margin-top: 103px !important;
}
.btn_flex_box .point_back_label.btn_inner_point_back {
    font-size: 12px;
    margin-bottom: -7px !important;
    border-radius: 0 0 3px 3px;
    margin-top: 0px;
}
.btn_flex_box .month_total {
    font-size: 1.2rem;
    display: inline-block;
    margin-bottom: 5px;
}
/* お気に入りボタン */
.cont_detail dt .btn_favorite {
    margin: 10px 0 30px 35px;
}
.cont_detail dt .link_favorite {
    margin: -19px 0 0 10px;
}

/* 発行者管理 */
.report_data_innner_l,
.report_data_innner_r {
    font-size: 1.2rem !important;
    font-weight: bold;
}
.report_data_innner_l {
    color: #1d5aac;
}
#sale_item_report .report_select_year {
    padding: 10px 20px 15px;
    border: 1px solid #ccc;
}
#sale_item_report .report_title {
    margin-top: 50px;
}
#sale_item_report .report_title:first-child {
    margin-top: 0;
}
.sale_item_report_menu {
    margin: -40px 0 20px;
}
.sale_afmagazine_report_menu {
    margin: 40px 0 20px;
}
.sale_afmagazine_report_menu .sale_item_report_menucont,
.sale_item_report_menu .sale_item_report_menucont {
    margin-right: 20px;
}
.sale_afmagazine_report_menucont.repo_detail,
.sale_item_report_menucont.repo_detail {
    margin-left: -15px;
}
.seller_report_list.summary {
    width: 60%;
}
.seller_report_list_innertitle {
    vertical-align: top;
}
.seller_report_list_notice {
    font-weight: normal;
    font-size: 0.6rem !important;
}

/* アフィリエイト */
.afi_report_detail_on {
    display: block;
}
.affi_unitprice .affi_tanka,
.afi_report_detail_on .affi_tanka {
    width: 190px;
    display: inline-block;
}
.affi_unitprice .firsr_tanka {
    left: 0 !important;
    font-size: 1.4rem;
    top: 35px !important;
}
.afi_report_detail_on .affi_unitprice .firsr_tanka {
    display: block;
}
.afi_report_detail_on .affi_tanka_detail {
    margin-left: 210px;
    margin-top: -5px;
}
.afi_report_detail_off {
    opacity: 0.6;
}
.afi_report_detail_on .text {
    margin: 40px 0 0;
}
.afi_report_detail_on .affi_tanka_detail {
    font-size: 1.2rem;
    display: block;
}
.afi_report_detail_on .affi_unitprice {
    margin-bottom: 0.8rem !important;
}
.afi_report_detail_on .firsr_tanka_box {
    position: relative !important;
    margin-top: -40px;
    margin-bottom: 35px;
}
.firsr_tanka .affi_first,
.firsr_tanka_box .affi_first {
    font-size: 1.2rem !important;
    margin-left: 190px !important;
}
.affi_tag_on {
    color: #f00;
    padding: 2px 3px 0;
    top: -5px;
    position: relative;
    display: inline-block;
    font-weight: normal;
    border-radius: 3px;
    border: #f00 solid 2px;
    font-size: 1.2rem;
}
.btn_flex_box .point_back_label.btn_inner_point_back strong { font-size: 1.6rem !important; }
.btn_discount_rate {
    display: inline-block;
    width: 47px;
    height: 47px;
    background: #ff0000;
    padding: 9px;
    border-radius: 50%;
    line-height: 1.1;
    transform: rotate(10deg);
    position: absolute;
    top: -20px;
    right: -13px;
    z-index: 2;
    font-size: 1.4rem;
}
.btn_flex_box .btn_discount_rate span:first-child { font-size: 10px; }

/*  最強の組み合わせランキング  */
#keiba.bundle #recovery_rate_rank p { font-size: 1.4rem; }
#keiba.bundle .product_title { position: relative; }
#keiba.bundle .product_title a {
    display: inline-block;
    width: 550px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 5px;
}
#keiba.bundle #recovery_rate_rank .price {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
#keiba.bundle #recovery_rate_rank_gold_member { background-color: #fff; }
#keiba.bundle .stream_wrapper { margin-top: 20px; }
#keiba.bundle .horse_racing_hit_stream_rank_box .stream_wrapper:hover { border-color: #e4007f; }
#keiba.bundle .horse_racing_hit_stream_rank_box .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.bundle .horse_racing_hit_stream_rank_box .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.bundle .horse_racing_hit_stream_rank_box .recovery_rate_rank span {
    position: relative;
    top: 15px;
    left: -18px;
    display: block;
    width: 40px;
    text-align: center;
}
#keiba.bundle .horse_racing_hit_stream_rank_box .recovery_rate_rank span strong {
    margin-right: 3px;
    font-size: 1.6rem;
    letter-spacing: -1px;
}
#keiba.bundle .stream_wrapper .article_title {
    border: none !important;
    margin-bottom: 0 !important;
}
#keiba.bundle .stream_wrapper .article_title .article_total {
    display: inline-block;
    float: left;
    width: 60px;
    margin-right: 10px;
    margin-top: 28px;
    text-align: center;
}
#keiba.bundle #recovery_rate_rank_gold_member .recovery_rate {
    margin: 5px 0 !important;
}
#keiba.bundle #recovery_rate_rank_gold_member .article_total + .recovery_rate {
    border: none;
    padding-bottom: 0;
}
#keiba.bundle span.item_cont,
#keiba.bundle .affi_tag_on {
    position: relative;
    top: 0;
    margin-top: 5px;
}
#keiba.bundle .affi_tag_on {
    font-size: 1.6rem;
}
#keiba.bundle #recovery_rate_rank_gold_member .product_title a {
    margin-bottom: 5px!important;
}
#keiba.bundle .point_back_label {position: relative; margin-left: 15px;}
#keiba.bundle .point_back_label:before {
    content: '';
    position: absolute;
    top: 50%;
    left:-13px;
    margin-top: -7px;
    border: 6px solid transparent;
    border-right: 7px solid #d00;
}
#keiba.bundle .recovery_rate div:first-child {
    font-size: 1.8rem;
}
#keiba.bundle .stream .stream_wrapper {
    padding: 10px 10px 0;
    margin-bottom: 50px;
}
#keiba.bundle .stream .stream_wrapper .product_title:last-child {
    background-color: #ffabda;
    margin: -11px -10px -10px;
    border-radius: 0;
    padding:20px 16px;
    font-weight: bold;
}
#keiba.bundle .stream .stream_wrapper .product_title:last-child .recovery_rate span {
    background-color: #fff;
}

#keiba.bundle .invite_gold_member_text h3 {
    color: #4cbb5f;
    font-size: 2rem;
    text-align: center;
    border-bottom: none;
    margin-top: 40px;
}
#keiba.bundle .invite_gold_member_text strong {
    font-size: 2rem;
    margin: 100px 0;
    display: block;
    text-align: center;
}
#keiba.bundle .invite_gold_member_text a {
    display: block;
    text-align: center;
    font-size: 2.4rem;
    padding: 30px 20px 30px 0;
    margin: 0 auto;
    max-width: 500px;
}
#keiba.bundle #recovery_rate_rank .notice {
    font-size: 0.8rem;
    float: right;
    margin-top: -50px;
}

/*  カムバックキャンペーン  */
.gold_member_comeback h2 {
    border: none;
    text-align: center;
}
.gold_member_comeback .gold_member_induction.banner {
    width: 750px;
    margin: 0 auto !important;
}
.gold_member_comeback .gold_member_induction.banner div {
    margin-top: 20px;
}

/*  クレジットカード修正  */
#show_card_number_col {
    display: inline-block;
    float: right;
}
.point_payment_nocredit {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 20px 0 0 20px;
    cursor: pointer;
}
.banner_credit_card_set {
    margin: 20px 10px 0;
}
.banner_credit_card_set img {
    margin-top: 10px;
}

/*  アフィリエイトレポート修正  */
.all_report_list input[type="radio"] {
    display: none;
}
.all_report_list label:hover {
    cursor: pointer;
}
.all_report_list input[type="radio"]:checked + label,
.all_report_list input[type="radio"]:checked + label + .tips {
    border-bottom: 6px solid #1d5aac;
    margin: 0 -3px;
    padding: 0 3px;
}

/*  ブログ（未購入）の購読ボタン  */
.thread_non_window.blog_view_pre,
.thread_non_window.blog_view {
    border-radius: 0;
    position: relative;
    z-index: 2;
}
.thread_non_window.blog_view_pre {
    margin-bottom: -11px;
}
.thread_non_window.blog_view {
    margin: 0 -20px -11px;
}

/*  予想したレースデータ  */
.forcast_wrapper {
    width: 737px;
    overflow-x: scroll;
}
.horse_racing_report.forcast_wrapper {
    margin: 0;
    border: none;
}
.total_report .race_report {
    border-top: 1px solid #e0e0e0;
}
.total_report th {
    text-align: left;
}
.total_report .race_day,
.total_report .race_day span {
    font-size: 1.2rem;
    font-weight: normal !important;
}
.total_report .race_place span,
.forcast_true,
.forcast_false {
    position: relative;
    top: -1px;
    display: inline-block;
    padding: 3px 5px 1px;
    color: #fff;
    font-size: 1rem !important;
    font-weight: normal !important;
    border-radius: 3px;
}
.forcast_true {
    color: #fff;
    background-color: #ea5050;
}
.forcast_false {
    color: #808080;
    background-color: #e5e5e5;
}
.total_report .open_article { text-align: left !important;}
.race_forcast_result_area_opcl { color: #1d5aac; }
.race_forcast_result_area_opcl:hover { cursor: pointer; text-decoration: underline; }
.race_forcast_result_area_opcl span { position: relative; top: -1px; }
.race_forcast_result_area_opcl + a {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-left: 5px;
    padding: 4px 15px 2px 5px;
    font-size: 1.2rem;
    font-weight: normal;
    border: 1px solid #1d5aac;
    border-radius: 3px;
}
.race_forcast_result_area_opcl + a span {
    margin-right: 5px !important;
    font-weight: normal !important;
}
.race_forcast_result_area_opcl + a::after {
    content: '\f105';
    position: absolute;
    right: 5px;
    font-family: FontAwesome;
}
.article_list + .link_area {
    position: fixed;
    bottom: -120px;
    z-index: 2;
    width: 760px;
    padding: 40px 0;
    background: rgba(255, 255, 255, .8);
    -webkit-transition: bottom .5s;
    transition: bottom .5s;
}
.detail .col_2 .article_list + .link_area a {
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 30px;
    color: #fff;
    font-size: 1.6rem;
    background: #1d5aac;
    border: none;
    text-decoration: none;
}
.detail .col_2 .article_list + .link_area a::after { display: none; }
.total_report .race_report td:nth-child(3) {
    display: inline-block;
    overflow: hidden;
    width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.race_forcast_result_area { padding: 0 !important; }
.race_forcast_result_area .keiba_race_open { clear: both; height: auto; }
.forcast_wrapper #keiba.race_forcast_result_area .race_result { width: 36%; margin: 40px 10px 20px 0; }
.horse_racing_report.forcast_wrapper .race_result:not(.result) { float: left !important; }
.horse_racing_report.forcast_wrapper th { padding: 5px; font-weight: bold; }
.horse_racing_report.forcast_wrapper td { padding: 15px 5px 0; }
.horse_racing_report.forcast_wrapper .race_result td { text-align: center; }
.horse_racing_report.forcast_wrapper .race_result td span { font-size: 1.2rem; }
.forcast_wrapper .inlineTitle { width: 720px; margin: 3em 0 1em; color: #808080; }
.forcast_wrapper .select_bet_ticket { width: 720px; }
.forcast_wrapper .select_bet_ticket table { outline: 2px solid #f5f5f5; }
.forcast_wrapper .select_bet_ticket th { width: auto !important; background: #e0e0e0; border: 1px solid #ccc; }
.forcast_wrapper .select_bet_ticket td { width: auto !important; padding: 10px; font-size: 1.2rem; border: 1px solid #ccc; }
.forcast_wrapper .select_bet_ticket td .col_left { width: 50% !important; }
.forcast_wrapper .select_bet_ticket td span { font-weight: normal; }
.forcast_wrapper .select_bet_ticket td strong {
    padding: 0;
    color: #d00;
    font-size: 1.4rem;
    font-weight: bold;
    background: none;
}
.forcast_wrapper .select_bet_ticket td .display_formation { width: 50% !important; }
.forcast_wrapper .select_bet_ticket td .display_detail_combination { width: auto !important; margin-top: 1em; }
.forcast_wrapper .select_bet_ticket table + .txtc br { display: block !important; }

.slide.domain_setting {
    color: #1d5aac;
    cursor: pointer;
}
.slide_cont.domain_setting {
    display: none;
    color: #303030;
}
.slide_cont.domain_setting li {
    margin-bottom: 1em;
}
.fb_btn {
    margin: 20px 0;
}
.slide_cont {
    margin-bottom: 1em;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 3px;
}

/*  スペシャルコメント  */
.thanks_inner .comments .thanks_textarea { width: 100%; }
.thanks_inner .comments .thanks_item { position: relative; width: 560px; margin: 0 -10px; }
.thanks_inner input[type="text"] { margin-bottom: 10px;}
.thanks_inner .thanks_upload input[type="text"] { margin-bottom: 0px;}
.thanks_inner .comments .thanks_upload { width: 350px; }
.thanks_inner .comments .thanks_payment {
    width: 210px;
    border-top: 1px solid #ccc;
    position: absolute;
    right: 1px;
    z-index: 3
}
.thanks_inner .comments .thanks_payment p { padding: 5px 5px 5px 1em; cursor: pointer; }
.thanks_inner .comments .thanks_payment p .fa { position: relative; top: 1px; font-size: 1.6rem; font-size: var(--f-l); }
.thanks_inner .comments .thanks_payment .payment_block {
    display: block;
    padding: 3px 5px;
    font-size: 1.4rem;
    background-color: #fff;
    font-size: var(--f-m);
    background-color: var(--c-wht);
    cursor: pointer;
}
.thanks_inner .comments .thanks_payment div:not(.payment) .payment_block { font-weight: bold; }
.thanks_inner .comments .thanks_payment .payment_block span:not(.fa) { font-size: var(--f-xs); font-weight: normal; }
.thanks_rankbox_header {
    display: none;
    margin: 15px 0 0 50px;
    padding: 5px 10px;
    text-align: left;
    width: 560px;
}
.thanks_inner .thanks_rankbox_header {
    margin: 0 0 0 60px;
}
@font-face {
    font-family: 'Dancing Script';
    src: url('../fonts/DancingScript.ttf');
}
.thanks_rankbox_header[class*="pay"] {
    display: block;
    height: 30px;
    transition: all .3s;
    font-family: 'Dancing Script', cursive !important;
    position: relative;
    margin-top: 10px;
}
.thanks_rankbox_header[class*="pay"]::before {
    content: 'Special Comment';
    position: absolute;
    display: block;
    font-size: 1.6rem;
    font-size: var(--f-l);
    top: 50%;
    transform: translateY(-50%);
}
.thanks_rankbox_header[class*="pay"]::after {
    font-family: FontAwesome;
    font-weight: bold;
    position: absolute;
    top: calc(50% + 2px);
    right: 10px;
    transform: translateY(-50%);
}
.thanks_rankbox_header.pay100::after { content: '\f06b'' ''100'; }
.thanks_rankbox_header.pay300::after { content: '\f06b'' ''300'; }
.thanks_rankbox_header.pay500::after { content: '\f06b'' ''500'; }
.thanks_rankbox_header.pay1000::after { content: '\f06b'' ''1,000'; }
.thanks_rankbox_header.pay3000::after { content: '\f06b'' ''3,000'; }
.thanks_rankbox_header.pay5000::after { content: '\f06b'' ''5,000'; }
.thanks_rankbox_header.pay10000::after { content: '\f06b'' ''10,000'; }
.thanks_rankbox_header.pay30000::after { content: '\f06b'' ''30,000'; }
.thanks_rankbox_header.pay50000::after { content: '\f06b'' ''50,000'; }
.thanks_rankbox_header.pay100000::after { content: '\f06b'' ''100,000'; }
.thanks_rankbox_header.pay300000::after { content: '\f06b'' ''300,000'; }
.thanks_rankbox_header + .arrowLeft,
.commentsInner .arrowLeft { padding: 10px 10px 0; border-radius: 0; width: 560px;}
.thanks_inner .thanks_textarea textarea {
    resize: none;
    box-shadow: none;
    border: none;
    height: 100px;
}
.thanks_inner .thanks_upload input[type="text"] { border-bottom: none; box-shadow: none; }
.thanks_inner .thanks_textarea textarea:focus { outline: 0; }
.thanks_inner .comments .thanks_payment_rank {
    position: relative;
    top: -150px;
    border-top: none;
    border: 1px solid var(--c-gry);
    border: 1px solid #ccc;
    margin-bottom: -100px;
    transition: top .2s;
}
.thanks_inner .comments .thanks_payment .payment { 
    position: relative;
    top: 69px;
    background-color: #fff;
    background-color: var(--c-wht);
    border: 1px solid var(--c-gry);
    border: 1px solid #ccc;
    transition: top .2s;
}
.thanks_inner .comments .thanks_payment .payment p { margin: 5px 0 -15px ; }
.thanks_inner .comments .thanks_payment .payment .payment_block { padding-left: 1em; }
.thanks_inner .comments .thanks_payment .pay0 { color: var(--c-gry-dark); color: #999; }
.thanks_inner .comments .thanks_payment .pay100 { color: #fdd835; }
.thanks_rankbox_header.pay100 {
    position: relative;
    top: 2px;
    z-index: 2;
    padding: 5px 8px;
    color: #fdd835;
    background-color: #fff9c4;
    border: 2px solid #fdd835;
    border-bottom: 0 solid #fff9c4;
}
.report .thanks_rankbox_header.pay100 { border-bottom: 2px solid #fdd835; }
.thanks_inner .comments .thanks_payment .pay100:hover,
.thanks_inner .comments .thanks_payment .pay100.selected { background-color: #fff9c4; color: #fdd835; }
.thanks_inner .comments .thanks_payment .pay300 { color: #c0ca33; }
.thanks_rankbox_header.pay300,
.thanks_inner .comments .thanks_payment .pay300:hover,
.thanks_inner .comments .thanks_payment .pay300.selected { background-color: #f0f4c3; color: #c0ca33; }
.thanks_inner .comments .thanks_payment .pay500 { color: #43a047; }
.thanks_rankbox_header.pay500,
.thanks_inner .comments .thanks_payment .pay500:hover,
.thanks_inner .comments .thanks_payment .pay500.selected { background-color: #c8e6c9; color: #43a047; }
.thanks_inner .comments .thanks_payment .pay1000 { color: #00acc1; }
.thanks_rankbox_header.pay1000,
.thanks_inner .comments .thanks_payment .pay1000:hover,
.thanks_inner .comments .thanks_payment .pay1000.selected { background-color: #b2ebf2; color: #00acc1; }
.thanks_inner .comments .thanks_payment .pay3000 { color: #039be5; }
.thanks_rankbox_header.pay3000,
.thanks_inner .comments .thanks_payment .pay3000:hover,
.thanks_inner .comments .thanks_payment .pay3000.selected { background-color: #b3e5fc; color: #039be5; }
.thanks_inner .comments .thanks_payment .pay5000 { color: #3949ab; }
.thanks_rankbox_header.pay5000,
.thanks_inner .comments .thanks_payment .pay5000:hover,
.thanks_inner .comments .thanks_payment .pay5000.selected { background-color: #c5cae9; color: #3949ab; }
.thanks_inner .comments .thanks_payment .pay10000 { color: #8e24aa; }
.thanks_rankbox_header.pay10000,
.thanks_inner .comments .thanks_payment .pay10000:hover,
.thanks_inner .comments .thanks_payment .pay10000.selected { background-color: #e1bee7; color: #8e24aa; }
.thanks_inner .comments .thanks_payment .pay30000 { color: #d81b60; }
.thanks_rankbox_header.pay30000,
.thanks_inner .comments .thanks_payment .pay30000:hover,
.thanks_inner .comments .thanks_payment .pay30000.selected { background-color: #f8bbd0; color: #d81b60; }
.thanks_inner .comments .thanks_payment .pay50000 { color: #e53935; }
.thanks_rankbox_header.pay50000,
.thanks_inner .comments .thanks_payment .pay50000:hover,
.thanks_inner .comments .thanks_payment .pay50000.selected { background-color: #ffcdd2; color: #e53935; }
.thanks_inner .comments .thanks_payment .pay100000 { color: #b71c1c; }
.thanks_rankbox_header.pay100000,
.thanks_inner .comments .thanks_payment .pay100000:hover,
.thanks_inner .comments .thanks_payment .pay100000.selected { background-color: #e57373; color: #b71c1c; }
.thanks_inner .comments .thanks_payment .pay300000 { color: #3e2723; }
.thanks_rankbox_header.pay300000,
.thanks_inner .comments .thanks_payment .pay300000:hover,
.thanks_inner .comments .thanks_payment .pay300000.selected { background-color: #a1887f; color: #3e2723; }
.thanks_inner .comments .thanks_item { margin-top: -7px; }
.thanks_inner .comments .thanks_payment div:not(.payment) input[type="radio"] { display: none; }
.thanks_inner .comments .thanks_payment .payment .payment_block input[type="radio"] { display: inline-block; }
.arrowLeft.pay100,
.comment_comment .pay100 + div,
.send_message .pay100 + div { border: 2px solid #fdd835; }
.arrowLeft.pay300,
.comment_comment .pay300 + div,
.send_message .pay300 + div { border: 2px solid #f0f4c3; }
.arrowLeft.pay500,
.comment_comment .pay500 + div,
.send_message .pay500 + div { border: 2px solid #c8e6c9; }
.arrowLeft.pay1000,
.comment_comment .pay1000 + div,
.send_message .pay1000 + div { border: 2px solid #b2ebf2; }
.arrowLeft.pay3000,
.comment_comment .pay3000 + div,
.send_message .pay3000 + div { border: 2px solid #b3e5fc; }
.arrowLeft.pay5000,
.comment_comment .pay5000 + div,
.send_message .pay5000 + div { border: 2px solid #c5cae9; }
.arrowLeft.pay10000,
.comment_comment .pay10000 + div,
.send_message .pay10000 + div { border: 2px solid #e1bee7; }
.arrowLeft.pay30000,
.comment_comment .pay30000 + div,
.send_message .pay30000 + div { border: 2px solid #f8bbd0; }
.arrowLeft.pay50000,
.comment_comment .pay50000 + div,
.send_message .pay50000 + div { border: 2px solid #ffcdd2; }
.arrowLeft.pay100000,
.comment_comment .pay100000 + div,
.send_message .pay100000 + div { border: 2px solid #e57373; }
.arrowLeft.pay300000,
.comment_comment .pay300000 + div,
.send_message .pay300000 + div { border: 2px solid #a1887f; }
.arrowLeft[class*="pay"]::before,
.arrowLeft[class*="pay"]::after { border-width: 2px; border-style: solid; }
.arrowLeft[class*="pay"]::after { left: -37px; width: 33px; }
.thanks_rankbox_header + .arrowLeft { margin-left: 50px; }
.thanks_inner .thanks_rankbox_header + .arrowLeft { width: 560px; margin-left: 60px; margin-top: 10px; }
.thanks_inner .thanks_rankbox_header + .arrowLeft[class*="pay"] { margin-top: 0; }
.thanks_inner .thanks_upload .sendImage { border: none; border-top: solid 1px #ccc; }
.comment_comment .thanks_rankbox_header,
.send_message .thanks_rankbox_header { width: auto; margin: 0; }
.send_message .thanks_rankbox_header + div { margin-bottom: 2em; padding: 1em; }
.send_message textarea { margin-bottom: -7px; }
.thanks_comment_finish { margin-bottom: 30px; }
.thanks_comment_finish .thanks { color: #f12b83; font-size: 1.4rem; font-weight: bold; }
.comments .flash_window a { margin-top: 20px; display: block; text-decoration: underline; }
.comments [class*="_content_thanks_comment"] .arrowLeft + .txtl { margin: 10px 0 0 60px; }
.comments .arrowLeft + .txtl .tips_cont { top: 10px; width: 80%; }


/* -------------------------------------------------- Media Queries */
@media screen and ( max-width: 480px ) {
    #container div[class^="regimag"] .comment-count.horse_racing { position: inherit; bottom: 0; right: 0; margin-top: 0; width: 100%; }
    #container div[class^="regimag"] .gadget-inner dd {
        float: none;
        width: 100%;
        padding: 0 5px;
        color: #818181;
        position: inherit;
        top: inherit;
        right: inherit;
        text-align: right;
    }

}