@charset "utf-8";

/*-----------------------------------------------------------------------------------------
 contentbox article (all:メインコンテンツ部分の大枠)
-----------------------------------------------------------------------------------------*/
.contentbox article,
.contentbox section,
.contentbox aside {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
    box-shadow: 0px 0px 4px #dde2e3;
    margin-bottom: 12px;
    padding: 3%;
}

.contentbox article section,
.contentbox section section,
.contentbox aside section {
    border-radius:0;
    box-shadow:none;
}

/*-----------------------------------------------------
 content_c (all:メインコンテンツ中心)
-----------------------------------------------------*/
.contentbox .content_c article,
.contentbox .content_c section {
    padding: 2%;
}

@media only screen and (max-width: 767px) {
    .contentbox article,
    .contentbox article.article02 {
        padding: 2%;
    }
}

/*-----------------------------------------------------
 pager (all:ページャー)
-----------------------------------------------------*/
#pager {
    text-align: center;
    margin: 20px 0;
    overflow: hidden;
}

#pager li {
    float: left;
    margin: 0 5px 10px 0;
}

#pager li a {
    color: #fff;
    padding: 3px 8px;
    display: block;
}

#pager.bestfivepage li a {
    background: #e77e23;
    text-decoration: none;
}

#pager.homepage li a {
    background: #7e8c8d;
    text-decoration: none;
}

#pager.newspage li a {
    background: #f1c40f;
    text-decoration: none;
}

#pager.hopepage li a {
    background: #2dcc70;
    text-decoration: none;
}

#pager.keywordmantanpage li a {
    background: #1bbc9b;
    text-decoration: none;
}

#pager.recommendpage li a {
    background: #e84c3d;
    text-decoration: none;
}

#pager.recommendpage li a:hover,
#pager.recommendpage li a.current {
    background: #c1392b;
}

#pager.bestfivepage li a:hover {
    background: #d25400;
}

#pager.hopepage li a:hover {
    background: #27ae61;
}

#pager.homepage li a:hover {
    background: #95a5a5;
}

#pager.newspage li a:hover {
    background: #f39c11;
}

#pager.keywordmantanpage li a:hover {
    background: #16a086;
}

#pager.keywordmantanpage li.here a:hover,
#pager.hopepage li.here a:hover,
#pager.newspage li.here a:hover,
#pager.homepage li.here a:hover,
#pager.bestfivepage li.here a:hover,
#pager li.here a {
    background: #95a5a5;
}

/*-----------------------------------------------------------------------------------------
 tit (all:タイトル系)
-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------
 recommendtit (index & recommend :みんなのおススメ漫画これ読みたい♥ランキング のタイトル)
-----------------------------------------------------*/
.contentbox .recommendtit {
    border-left: 6px solid #E76057;
    padding-left: 12px;
    margin: 20px 0 14px;
    font-size: 108%;
}

.contentbox .recommendtit.bltit {
    border-left: 6px solid #b158b5;
}

.contentbox .recommendtit span {
    display: block;
}

/*-----------------------------------------------------
 newstit (all : 漫画ニュースカテゴリ一覧 のタイトル)
-----------------------------------------------------*/
.contentbox .newstit {
    border-left: 6px solid #f1c40f !important;
    padding-left: 12px;
    margin: 20px 0 20px;
    font-size: 108%;
}

.newstit {
    border-left: 6px solid #f39c11;
    padding-left: 12px;
    margin: 8px 0 20px;
    font-size: 108%;
}

/*-----------------------------------------------------
 hopetit (all : 漫画する人達テーマ一覧 タイトル)
-----------------------------------------------------*/
.contentbox .hopetit {
    border-left: 6px solid #2dcc70;
    padding-left: 12px;
    margin: 8px 0 20px;
    font-size: 108%;
}

/*-----------------------------------------------------
 ranktit (all : アニメ・ラノベ売上ランキング タイトル)
-----------------------------------------------------*/
.contentbox h2.ranktit {
    background: #2d3e50 url(/user/img/content/icon_acd_close.png) 7px 0.8em no-repeat;
    padding: 8px 0;
    text-align: center;
}

@media only screen and (max-width: 951px) {
    h2.ranktit {
        cursor: pointer;
    }
}

/*-----------------------------------------------------
 boxtit (all : セクションのタイトル部分)
-----------------------------------------------------*/
.boxtit {
    padding: 4px 0;
    margin-bottom: 8px;
}

.contentbox .boxtit .tit {
    overflow: hidden;
}

.content_r .boxtit .tit h2 span,
.content_l .boxtit .tit h2 span {
    font-size: 16px;
}

.boxtit h1 {
    background: url(/user/img/content/icon_arrow01.png) left center no-repeat;
    /*float: left;*/
    padding: 7px 10px 12px 31px;
    font-size: 108%;
    color: #fff;
}

.boxtit.motto h1,
.boxtit.motto .titinner {
    background: url(/user/img/content/st-motto.png) left center no-repeat !important;
    padding: 17px 10px 17px 61px !important;
    background-size: 53px 53px !important;
    color: #fff;
    font-weight:bold;
}

.boxtit h2 {
    background: url(/user/img/content/icon_arrow01.png) left center no-repeat;
    /*float: left;*/
    padding: 3px 10px 8px 31px;
    font-size: 108%;
    color: #fff;
}

.boxtit.motto h2 {
    background:none;
    color:#fff;
    padding-left:0;
}

.boxtit.motto h2 a{
    background: url("/user/img/content/arrow_cat02.png") no-repeat 98% 50%;
    float: none;
    padding: 3px 41px 8px 0;
}

.boxtit.motto h2 a {
    display: block;
}

.boxtit.recommend h1,
.boxtit.recommend h2 {
    background: url(/user/img/content/icon_arrow02.png) left center no-repeat;
}

#mypage .boxtit.recommend {
    padding: 3px 0 3px 10px;
    margin: 20px 0;
}

#mypage .boxtit.recommend h2 {
    padding: 3px 10px 8px 31px;
    font-size: 108%;
    color: #fff;
    background: url(/user/img/content/icon_arrow02.png) left center no-repeat;
}

.boxtit.home h2 {
    background: url(/user/img/content/icon_arrow04.png) left center no-repeat;
}

.boxtit.ranking h1 {
    background: url(/user/img/content/hyouka-btn.png) left center no-repeat;
    padding: 17px 25px 17px 61px;
    background-size: 53px 53px;
}

.boxtit.ranking.rt h1 {
    background: url(/user/img/content/icon_ranking_arrow01.png) no-repeat 98% 50%;
    padding: 3px 31px 8px 10px;
    float: none;
}

.boxtit.others h1,
.boxtit.others h2 {
    background: url(/user/img/content/icon_arrow05.png) left center no-repeat;
    color: #333;
}

.boxtit.bestfive h1,
.boxtit.bestfive h2,
.boxtit.subbestfive h2 {
    background: url(/user/img/content/icon_bestfive_arrow01.png) left center no-repeat;
}

.boxtit.keywordmantan h2,
.boxtit.keywordmantan02 h2,
.boxtit.keywordmantan03 h1 {
    background: url(/user/img/content/icon_keywordmantan_arrow01.png) center left no-repeat;
}

.boxtit.news h2,
.boxtit.news02 h1 {
    background: url(/user/img/content/icon_news_arrow01.png) center left no-repeat;
}

.boxtit.hope h2,
.boxtit.hope02 h2,
.boxtit.hope02 h1 {
    background: url(/user/img/content/icon_hope_arrow01.png) center left no-repeat;
}

.boxtit.ranking h2 {
    background: url(/user/img/content/st-motto.png) no-repeat left;
    background-size: 40px 40px;
}

.content_c .boxtit h1 span {
    font-size: 124%;
    color: #fff;
}

.content_c .boxtit.motto h1 span {
    color: #503304;
}

.content_c .boxtit h2 span.small {
    font-size: 12px;
}

.contentbox .boxtit .txt {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
    width: 94%;
    margin: 0 auto;
    padding: 5px 1.5%;
    font-size: 12px;
    line-height: 140%;
}

.contentbox .boxtit .tit {
    margin-left: 7px;
}

.contentbox .boxtit .tit a {
    color: #fff;
    text-decoration: none;
}

.contentbox .boxtit.motto .tit a {
    color: #503304;
}

@media only screen and (max-width: 767px) {
    .boxtit h2 {
        background: url(/user/img/content/icon_arrow01a.png) 98% 50% no-repeat;
        padding: 3px 41px 8px 0;
        float: none;
    }

    .boxtit.recommend h2 {
        background: url(/user/img/content/icon_arrow02a.png) 98% 50% no-repeat;
        padding: 3px 41px 8px 0;
        float: none;
    }

    .boxtit.home h2 {
        background: url(/user/img/content/icon_arrow04a.png) 98% 50% no-repeat;
        padding: 3px 41px 8px 0;
        float: none;
    }

    .boxtit.others h2 {
        background: url(/user/img/content/icon_arrow05a.png) 98% 50% no-repeat;
        padding: 3px 41px 8px 0;
        float: none;
    }

    .boxtit.bestfive h2,
    .boxtit.subbestfive h2 {
        background: url(/user/img/content/icon_bestfive_arrow01a.png) 98% 50% no-repeat;
        padding: 3px 41px 8px 0;
        float: none;
    }

    .boxtit.keywordmantan h2,
    .boxtit.keywordmantan02 h2,
    .boxtit.keywordmantan03 h2 {
        background: url(/user/img/content/icon_keywordmantan_arrow01b.png) 98% 50% no-repeat;
        padding: 3px 41px 8px 0;
        float: none;
    }

    .boxtit.news h2,
    .boxtit.news02 h2 {
        background: url(/user/img/content/icon_news_arrow01a.png) 98% 50% no-repeat;
        padding: 3px 41px 8px 0;
        float: none;
    }

    .boxtit.hope h2,
    .boxtit.hope02 h2 {
        background: url(/user/img/content/icon_hope_arrow01a.png) 98% 50% no-repeat;
        padding: 3px 41px 8px 0;
        float: none;
    }

    .boxtit.ranking h1 {
        float: none;
    }

    .boxtit.ranking h2 {
        padding: 3px 0 8px 41px;
    }

    .boxtit.recommend.active h2 {
        background: url(/user/img/content/icon_arrow02b.png) 98% 50% no-repeat;
    }

    .boxtit.home.active h2 {
        background: url(/user/img/content/icon_arrow04b.png) 98% 50% no-repeat;
    }

    .boxtit.others.active h2 {
        background: url(/user/img/content/icon_arrow05b.png) 98% 50% no-repeat;
    }

    .boxtit.bestfive.active h2,
    .boxtit.subbestfive.active h2 {
        background: url(/user/img/content/icon_bestfive_arrow01b.png) 98% 50% no-repeat;
    }

    .boxtit.keywordmantan.active h2,
    .boxtit.keywordmantan02.active h2,
    .boxtit.keywordmantan03.active h2 {
        background: url(/user/img/content/icon_keywordmantan_arrow01b.png) 98% 50% no-repeat;
    }

    .boxtit.news.active h2 {
        background: url(/user/img/content/icon_news_arrow01b.png) 98% 50% no-repeat;
    }

    .boxtit.hope.active h2 {
        background: url(/user/img/content/icon_hope_arrow01b.png) 98% 50% no-repeat;
    }

    .content_c .boxtit h2 span.small {
        display: block;
    }
}

/*-----------------------------------------------------------------------------------------
 〜list (all :)
-----------------------------------------------------------------------------------------*/
.newslist a,
.keywordmantanlist a {
    overflow: hidden;
    display: block;
    padding: 12px 0px;
    text-decoration: none;
}

.newslist a:hover,
.rankingsublist a:hover,
.keywordmantanlist a:hover,
.newslist .even a,
.rankingsublist .even a,
.keywordmantanlist .even a {
    background: #F8F8F8;
}

.bestfivelist span.img,
.hopelist a span.img,
.newslist a span.img,
.rankingsublist a span.img,
.keywordmantanlist a span.img {
    float: left;
    width: 25%;
    display: inline;
}

.bestfivelist img,
.hopelist img,
.newslist img,
.rankingsublist img,
.keywordmantanlist img,
.top-featured-img img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.bestfivelist span.txt,
.hopelist a span.txt,
.newslist a span.txt,
.rankingsublist a span.txt,
.keywordmantanlist a span.txt {
    float: right;
    color: #333333;
    width: 72%;
}

/*-----------------------------------------------------
 keywordmantanlist (all : おすすめ漫画一覧 リスト)
-----------------------------------------------------*/
.keywordmantanlist a span.txt strong {
    display: block;
    color: #16a086;
}

.keywordmantanlist a span.txt span {
    color: #16a086;
    display: block;
    text-align: right;
}

/*-----------------------------------------------------
 bestfivelist (all : あなたが作る勝手に漫画ベストランキング リスト)
-----------------------------------------------------*/
.contentbox .bestfivelist a {
    overflow: hidden;
    display: block;
    padding: 4%;
}

.contentbox .bestfivelist .even {
    background: #F8F8F8 top left repeat;
}

#mypage .content_cbox .bestfivelist h4 {
    border-left: 6px solid #e77e23;
    font-weight: bold;
}

/*-----------------------------------------------------
 rankingsublist (all : 新着 みんなの口コミ面白い漫画ジャンル リスト)
-----------------------------------------------------*/
.rankingsublist a span.txt img {
    float: left;
    width: 24%;
}

.rankingsublist a span.txt strong {
    display: block;
    color: #c1392b;
}

.rankingsublist a span.txt span {
    color: #c1392b;
    display: block;
    text-align: right;
}

/*-----------------------------------------------------
 hopelist (all : 漫画する人たち 部分)
-----------------------------------------------------*/
.hopelist a {
    overflow: hidden;
    display: block;
    padding: 12px 0px;
    text-decoration: none;
}

.hopelist a:hover {
    background: #f8f8f8;
}

.hopelist .even a {
    background: #F8F8F8 top left repeat;
}

.hopelist a span.txt strong {
    display: block;
    color: #27ae61;
}

.hopelist a span.txt span {
    color: #27ae61;
    display: block;
    text-align: right;
}

/*-----------------------------------------------------
 newslist (all : 新着 漫画ニュース 部分)
-----------------------------------------------------*/
.newslist a span.txt strong {
    display: block;
    color: #f39c11;
}

.newslist a span.txt span {
    color: #f39c11;
    display: block;
    text-align: right;
}

/*-----------------------------------------------------
 hopesublist (all : 漫画する人達サブテーマ一覧 リスト)
-----------------------------------------------------*/
.contentbox .hopesublist li {
    margin-bottom: 6px;
    line-height: 1.5;
}

.contentbox .hopesublist li a {
    background: url(/user/img/content/icon_hope_arrow02.png) left 0.2em no-repeat;
    padding-left: 19px;
    display: block;
    color: #333333;
    text-decoration: none;
}

.contentbox .hopesublist li li a {
    background: url(/user/img/content/icon_arrow_rank.png) 1.5em 0.6em no-repeat;
    padding-left: 29px;
}

.contentbox .hopesublist li a:hover {
    text-decoration: underline;
}

/*-----------------------------------------------------
 newssublist (all : 漫画サブニュース リスト)
-----------------------------------------------------*/
.newssublist li {
    margin-bottom: 6px;
}

.newssublist li a {
    background: url(/user/img/content/icon_news_arrow02.png) left 0.2em no-repeat;
    padding-left: 19px;
    display: block;
    color: #333333;
    text-decoration: none;
}

.newssublist li a:hover {
    text-decoration: underline;
}

/*-----------------------------------------------------
 rankinglist (all : ラノベ売上ランキング リスト)
-----------------------------------------------------*/
.rankinglist li a {
    background: url(/user/img/content/icon_arrow_rank.png) no-repeat right;
    border-bottom: 1px dotted #cccccc;
    display: block;
    overflow: hidden;
    padding: 13px 20px 13px 0;
    color: #333;
}

.rankinglist li a:hover {
    background: #f8f8f8 url(/user/img/content/icon_arrow_rank.png) no-repeat right;
}

.rankinglist.borderno li a {
    border-bottom: none;
    padding: 6px 0;
    text-decoration: none;
}

.rankinglist li span.rank1,
.rankinglist li span.rank2,
.rankinglist li span.rank3,
.rankinglist li span.ranknum {
    float: left;
    width: 30px;
    display: block;
    padding-left: 18px;
}

.rankinglist li span.rank1 {
    background: url(/user/img/content/icon_rank1.png) left 0.3em no-repeat;
    font-weight: bold;
}

.rankinglist li span.rank2 {
    background: url(/user/img/content/icon_rank2.png) left 0.3em no-repeat;
    font-weight: bold;
}

.rankinglist li span.rank3 {
    background: url(/user/img/content/icon_rank3.png) left 0.3em no-repeat;
    font-weight: bold;
}

.rankinglist li span.ranktxt {
    margin: 0 0 0 48px;
    display: block;
}

.rankinglist a {
    text-decoration: none;
}

/*--------------------
 t_right (all : ラノベ売上ランキング Amazon調べ部分)
--------------------*/
.contentbox .content_r .t_right a {
    color: #4da4df;
}

/*-----------------------------------------------------
 selectbox (all : 漫画発売日一覧の 今日 明日 明後日 のタブ)
-----------------------------------------------------*/
#selectbox {
    overflow: hidden;
    margin: 0 0 10px 0;
}

#selectbox .releasetabmenu {
    float: left;
}

#selectbox form {
    text-align: right;
}

#selectbox form select {
    cursor: pointer;
    outline: none;
    padding: 2px 0 2px 2%;
}

/*----------------------------
 datelink (all : 漫画発売日一覧の 今日 明日 明後日 の各ボタン)
----------------------------*/
p.datelink {
    padding: 3px 6px;
    background: #ccc;
}

p.datelink a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

/*-----------------------------------------------------
 search-featured (all : ジャンル別タグリスト)
-----------------------------------------------------*/
.search-featured {
    margin: 0 0 20px 0;
    overflow: hidden;
}

.search-featured h3,
h3.catsearch {
    padding: 10px 2%;
    margin: 0 0 10px 0;
    background: #f8c9c4;
}

/*----------------------------
 openrmenu (all : もっと見るボタン)
----------------------------*/
#openrmenu,
#openrmenu02,
#openrmenu03 {
    float: left;
}

/*----------------------------
 recommendsubbox dnonearea (all : 口コミ漫画カテゴリ60から探す 部分の非表示部分)
----------------------------*/
.contentbox .recommendsubbox {
    display: none;
}

.dnonearea {
    display: none;
    overflow: hidden;
}

/*----------------------------
 recommendtabmenu (all : 口コミ漫画カテゴリ60から探す 部分の非表示部分)
----------------------------*/
.contentbox .recommendtabmenu {
    margin-bottom: 6px;
}

/*----------------------------
 releasetabmenu (all : 口コミ漫画カテゴリ60から探す 部分の非表示部分)
----------------------------*/
.contentbox .releasetabmenu {
    overflow: hidden;
    margin-bottom: 6px;
}

.bestfivetabmenu,
.tag-minilist {
    overflow: hidden;
    clear: both;
}

.contentbox .releasetabmenu li,
.contentbox .recommendtabmenu li,
.popup .recommendtabmenu li,
p.datelink,
.bestfivetabmenu li,
.tag-minilist li {
    float: left;
    margin-right: 3px;
}

.contentbox .releasetabmenu li span {
    background: #ECF0F1 url(/user/img/content/arrow_blue.png) no-repeat 90% 50%;
    color: #333333;
    display: block;
    padding: 3px 7px;
    text-align: center;
    width: 60px;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.popup .recommendtabmenu li a,
.contentbox .recommendtabmenu li a,
#openrmenu,
#openrmenu02,
#openrmenu03 {
    background: #ECF0F1;
    color: #333333;
    display: block;
    padding: 3px 10px;
    margin: 0 0 10px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #e84c3d;
}

/*-----------------------------------------------------
 bestfivetabmenu (index,best5 : )
-----------------------------------------------------*/
.bestfivetabmenu li a {
    background: #ECF0F1;
    color: #333333;
    display: block;
    padding: 3px 10px;
    margin: 0 0 10px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #e77e23;
    border-radius:5px;
}

.bestfivetabmenu li a:hover,
.bestfivetabmenu li.active a {
    background: #e77e23;
    color: #fff;
}


/*----------------------------
 reco_motto_menu (all : 口コミ漫画おすすめ切り口から探す もっと見る BL TLボタン)
----------------------------*/
.reco_motto_menu {
    overflow: hidden;
    clear: both;
}

.reco_motto_menu li {
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
}

#reco_motto_menu_red a {
    text-decoration: none;
    color: #333;
}

/*----------------------------
 btns (all : 口コミ漫画おすすめ切り口から探す もっと見るボタン)
----------------------------*/
.btns {
    display: block;
    font-weight: bold;
    border: 1px solid #e84c3d;
    margin: 0 0 10px 0;
}

/*----------------------------
 reco_motto_menu_bl (all : 口コミ漫画おすすめ切り口から探す BLボタン)
----------------------------*/
#reco_motto_menu_bl .btns {
    border: 1px solid #9b58b5;
    background: #f3d4ff url("/user/img/content/icon_ranking_arrow01a.png") no-repeat right;
}

#reco_motto_menu_bl.active .btns {
    background: #f3d4ff url("/user/img/content/icon_ranking_arrow01b.png") no-repeat right;
}

/*----------------------------
 reco_motto_menu_tl (all : 口コミ漫画おすすめ切り口から探す TLボタン)
----------------------------*/
#reco_motto_menu_tl .btns {
    border: 1px solid #c14b6f;
    background: #ffccff url("/user/img/content/icon_tl_arrow01a.png") no-repeat right;
}

#reco_motto_menu_tl.active .btns {
    background: #ffccff url("/user/img/content/icon_tl_arrow01b.png") no-repeat right;
}

/*----------------------------
 btns (all : )
----------------------------*/
.btns,
#openrmenu,
#openrmenu02 {
    background: #f8c9c4 url("/user/img/content/icon_bestfive_arrow01a.png") no-repeat right;
    padding: 3px 30px 3px 10px;
}

#openrmenu03 {
    background: #cfe6f6 url("/user/img/content/icon_arrow01a.png") no-repeat right;
    padding: 3px 40px 3px 10px;
    border: 1px solid #3598db;
}

#reco_motto_menu_red.active .btns,
#openrmenu.active,
#openrmenu02.active {
    background: #f8c9c4 url("/user/img/content/icon_bestfive_arrow01b.png") no-repeat right;
    padding: 3px 40px 3px 10px;
}

#openrmenu03.active {
    background: #cfe6f6 url("/user/img/content/icon_arrow01b.png") no-repeat right;
    padding: 3px 40px 3px 10px;
}

#openrmenu.catmenu02 {
    background: #cfe6f6 url("/user/img/content/icon_arrow01a.png") no-repeat right;
    border: 1px solid #3598db;
}

#openrmenu.catmenu02.active {
    background: #cfe6f6 url("/user/img/content/icon_arrow01b.png") no-repeat right;
    border: 1px solid #3598db;
}

.reco_motto_menu .t02,
#openrmenu .t02,
#openrmenu02 .t02,
#openrmenu03 .t02 {
    display: none;
}

.reco_motto_menu .active .t01,
#openrmenu.active .t01,
#openrmenu02.active .t01,
#openrmenu03.active .t01 {
    display: none;
}

.reco_motto_menu .active .t02,
#openrmenu.active .t02,
#openrmenu02.active .t02,
#openrmenu03.active .t02 {
    display: block;
}

.popup .recommendtabmenu li a,
.contentbox .recommendtabmenu li a {
    background: #ECF0F1 url(/user/img/content/icon_recommend.png) no-repeat right;
    text-decoration: none;
}

.popup .recommendtabmenu.catmenu li a,
.contentbox .recommendtabmenu.catmenu li a {
    background: #ECF0F1 url(/user/img/content/icon_release.png) no-repeat right;
}

.popup .recommendtabmenu.blcol li a,
.contentbox .recommendtabmenu.blcol li a {
    background: #eee1ff url(/user/img/content/icon_ranking_arrow01e.png) no-repeat right;
    border: 1px solid #cc99ff;
}

.popup .recommendtabmenu.tlcol li a,
.contentbox .recommendtabmenu.tlcol li a {
    background: #fde0fd url(/user/img/content/icon_tl.png) no-repeat right;
    border: 1px solid #de46c8;
}

.popup .releasetabmenu li span:hover,
.popup .releasetabmenu li.active span,
.contentbox .releasetabmenu li span:hover,
.contentbox .releasetabmenu li.active span {
    background: #3C99D8;
    color: #fff;
}

.popup .recommendtabmenu li a:hover,
.popup .recommendtabmenu li.active a
.contentbox .recommendtabmenu li a:hover,
.contentbox .recommendtabmenu li.active a {
    background: #e84c3d url(/user/img/content/icon_recommend.png) no-repeat right;
    color: #fff;
}

.popup .recommendtabmenu.catmenu li a:hover,
.popup .recommendtabmenu.catmenu li.active a,
.contentbox .recommendtabmenu.catmenu li a:hover,
.contentbox .recommendtabmenu.catmenu li.active a {
    background: #3C99D8;
    color: #fff;
}

.popup .recommendtabmenu.blcol li a:hover,
.contentbox .recommendtabmenu.blcol li a:hover {
    background-color: #cc99ff;
    background-image: none;
    color: #fff;
}

.popup .recommendtabmenu.tlcol li a:hover,
.contentbox .recommendtabmenu.tlcol li a:hover {
    background-color: #de46c8;
    background-image: none;
    color: #fff;
}

/*-----------------------------------------------------
 reviewrankg (all : cloudlinkのタイトル)
-----------------------------------------------------*/
.reviewrankg {
    background: #3598db;
    padding: 5px 10px 8px 10px;
    font-size: 108%;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .reviewrankg {
        font-size: 82%;
        padding: 10px 10px 8px 6px;
    }
}

/*-----------------------------------------------------
 cloudlink (all : 関連漫画タグ)
-----------------------------------------------------*/
.cloudlink.secondcloud {
    oveflow: hidden;
    display: none;
    clear: both;
}

.cloudlink li {
    float: left;
    margin-right: 3px;
}

.cloudlink li a {
    background: #ECF0F1 url(/user/img/content/icon_release.png) no-repeat right;
    color: #056397;
    display: block;
    padding: 3px 10px;
    margin: 0 0 10px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
}

.cloudlink li a:hover {
    background: #ddd url(/user/img/content/icon_release.png) no-repeat right;
}

.cloudlink li a span {
    color: #fff;
    background: #aaa;
    margin: 0 0 0 3px;
    padding: 2px;
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
}

@media only screen and (max-width: 767px) {
    #calendar .cloudlink {
        display: none;
    }
}

/*-----------------------------------------------------
 tag-minilist (all : 関連漫画タグ)
-----------------------------------------------------*/
.tag-minilist {
    margin: 20px 0;
}

.tag-minilist li a {
    border: 1px solid #feb645;
    color: #333333;
    display: block;
    padding: 3px 5px;
    margin: 0 0 10px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
}

.tag-minilist li a:hover {
    background: #feb645;
}

.tag-minilist li span {
    background: url(/user/img/content/icon_best5.png) no-repeat right;
    padding: 0 10px;
}

/*-----------------------------------------------------
 osusumekirikuchi (all :新着 みんなの口コミ面白い漫画ジャンル 部分 )
-----------------------------------------------------*/
#osusumekirikuchi h2 {
    cursor: auto;
}

#osusumekirikuchi h2.recommend span {
    background: url(/user/img/content/icon_arrow02.png) left center no-repeat;
    padding: 0 10px 0 31px;
    display: block;
}

#osusumekirikuchi .recommendbox {
    display: block;
}

@media only screen and (max-width: 951px) {
    #osusumekirikuchi h2 {
        cursor: auto;
    }

    #osusumekirikuchi .recommendbox {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    #osusumekirikuchi h2 {
        cursor: pointer;
    }

    #osusumekirikuchi h2.recommend span {
        background: url(/user/img/content/icon_arrow02a.png) 98% 50% no-repeat;
        padding: 3px 41px 8px 15px;
        float: none;
        display: block;
        font-size: 16px;
    }

    #osusumekirikuchi h2.recommend.active span {
        background: url(/user/img/content/icon_arrow02b.png) 98% 50% no-repeat;
    }

    #osusumekirikuchi.active h2.recommend span {
        background: url(/user/img/content/icon_arrow02b.png) 98% 50% no-repeat;
    }

    #osusumekirikuchi .recommendbox {
        display: block;
    }
}

/*-----------------------------------------------------
 releaselistBox (all : 漫画リンクリスト )
-----------------------------------------------------*/
.releaselistBox {
    overflow: hidden;
}

.releaselistBox .selection,
.releaselistBox .selectionTomorrow,
.releaselistBox .selectionAtomorrow {
    display: none;
}

.releaselistBox #page-1,
.releaselistBox #pageTomorrow-1,
.releaselistBox #pageAtomorrow-1 {
    display: block;
}

/*-----------------------------------------------------
 ranklist (all : 〜ベストランキング5 )
-----------------------------------------------------*/
.top-bestfive a {
    color: #e77e23;
}

.ranklist,
.recommendlistBox {
    overflow: hidden;
}

.ranklist {
    list-style: none;
    text-align: center;
    margin: 0 0 20px 0;
}

.ranklist.topstyle {
    margin: 0 0 10px 0;
}

.ranklist li {
    float: left;
    width: 20%;
}

.ranklist li span {
    display: block;
    padding: 0 0 5px 0;
}

.ranklist li span + a {
    display:block;
}

.ranklist li span.mantan {
    margin: 10px 0 0 0;
    padding: 0 5px;
}

.ranklist li span.mantan a {
    background: url(/user/img/content/icon_moremantan03.jpg) 5% 30% no-repeat;
    padding: 8px 0 8px 25px;
    font-size: 12px;
    text-decoration: underline;
    display: block;
    color: #e77e23;
    border: 1px solid #e77e23;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.topstyle.ranklist li span.mantan a,
.secondstyle.ranklist li span.mantan a {
    background: url(/user/img/content/icon_moremantan03.jpg) 5% 30% no-repeat;
    border: 1px solid #e77e23;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
}

.ranklist li span.mantan a:hover {
    text-decoration: none;
}

.ranklist li a span.title {
    color: #e77e23;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 5px 0px;
    padding: 0 2px;
    font-size:14px;
}

.ranklist li a img {
    max-width:100%;
    height:auto;
}

@media only screen and (max-width: 479px) {
    .ranklist li {
        width: 33%;
        margin: 0 0 10px 0;
    }

    .ranklist.topstyle li {
        width: 20%;
    }

    .ranklist.topstyle li img {
        max-width: 96%;
        height: auto;
        text-align: center;
    }
}

.evaluationlist .ranklist li a {
    color:#1d6295;
}

.evaluationlist .ranklist li a span.title {
    color:#1d6295;
}

.evaluationlist .ranklist li span.mantan a {
    border:1px solid #e84c3d;
    color:#e84c3d;
    background:url(/user/img/content/icon_moremantan02.jpg) 5% 30% no-repeat;
}

/*-----------------------------------------------------
 recommendlistBox (all : おすすめ漫画リスト)
-----------------------------------------------------*/
.recommendlistBox .rank1,
.recommendlistBox .rank2,
.recommendlistBox .rank3 {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    -moz-box-shadow: 0 2px 3px #eee;
    -webkit-box-shadow: 0 2px 3px #eee;
    box-shadow: 0 2px 3px #eee;
    padding-bottom: 5px;
    margin-bottom: 8px;
    padding-top: 2%;
}

.recommendlistBox .rank1 span {
    background: url(/user/img/content/icon_rank1_2.png) center left no-repeat;
    padding-left: 30px;
}

.recommendlistBox .rank2 span {
    background: url(/user/img/content/icon_rank2_2.png) center left no-repeat;
    padding-left: 30px;
}

.recommendlistBox .rank3 span {
    background: url(/user/img/content/icon_rank3_2.png) center left no-repeat;
    padding-left: 30px;
}

.recommendlistBox .releaselist {
    padding: 0px;
}

.recommendlistBox .releaselist .txttit {
    background: #f8c9c4;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
    font-weight: bold;
    padding: 6px 10px;
    margin-bottom: 15px;
}

.blpage .recommendlistBox .releaselist .txttit {
    background: #f3d4ff;
}

.recommendlistBox.kmantan .releaselist .txttit {
    background: #a4e4d7 !important;
}

.recommendlistBox .releaselist .txttit a {
    background: url("/user/img/content/icon_arrow02c.png") no-repeat right;
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0 35px 0 0;
    min-height: 60px;
}

.releaselistBox .inner,
.recommendlistBox .inner {
    overflow: hidden;
    padding: 3% 9px 0;
}

.content_l .recommendlistBox .inner {
    overflow: hidden;
    padding: 0 6px;
}

.rankinglistBox .inner {
    overflow: hidden;
    padding: 0 4px;
}

.releaselistBox .inner .release_l,
.recommendlistBox .inner .release_l {
    float: left;
    width: 34%;
    text-align: center;
}

.releaselistBox .inner .release_l img,
.recommendlistBox .inner .release_l img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.content_l .recommendlistBox .inner .release_l {
    float: left;
    width: 34%;
}

.rankinglistBox .inner .release_l {
    width: 34%;
    float: left;
}

.releaselistBox .inner .release_r,
.recommendlistBox .inner .release_r,
.rankinglistBox .inner .release_r {
    float: right;
    width: 63%;
}

.recommendlistBox .inner .release_l img.img_s,
.releaselistBox .inner .release_l img.img_s {
    height: 115px;
}

.recommendlistBox .inner .release_l img.img_s2,
.releaselistBox .inner .release_l img.img_s2 {
    height: 100px;
}

.releaselistBox .inner .release_r .title_s,
.recommendlistBox .inner .release_r .title_s {
    height: 33px;
    overflow: hidden;
}

.releaselistBox .inner .release_r .author_s,
.recommendlistBox .inner .release_r .author_s {
    height: 24px;
    overflow: hidden;
}

.releaselistBox .inner .release_r .publisher_s,
.recommendlistBox .inner .release_r .publisher_s {
    height: 12px;
    overflow: hidden;
}

.recommendlistBox .releaselist .categoryTitle_s {
    height: 26px;
    overflow: hidden;
}

.recommendlistBox .releaselist .reviewTitle_s {
    height: 26px;
    overflow: hidden;
}

.recommendlistBox .releaselist .reviewContent_s {
    height: 56px;
    overflow: hidden;
}

.recommendlistBox .more_btn p {
    margin-bottom: 10px;
    margin-top: 0px !important;
}

/*-----------------------------------------------------
 releaselist (all : 各漫画の情報ボックスリスト)
-----------------------------------------------------*/
.releaselist {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
    box-shadow: 0px 0px 4px #dde2e3;
    width: 48%;
    float: left;
    margin: 1% 0 15px 1.5%;
}

.popResultBox .releaselist {
    box-shadow: 0px 0px 10px #ccc;
}

.releaselist.full {
    width: 98%;
}

.content_l .releaselist {
    width: 98%;
    margin-right: 0;
}

.releaselist .release_l .movieLink {
    margin-top: 10px;
    text-align: left;
}

.releaselist .release_l .movieLink a {
    font-size: 12px;
    background: url(/user/img-sp/content/katinko.png) no-repeat top center;
    display: inline-block;
    background-size: 40px 40px;
    padding: 40px 5px 0;
    line-height: 20px;
    color: #BD0000;
}

@media only screen and (max-width: 479px) {
    .releaselist {
        width: 99%;
        padding: 2% 0 0 0;
        margin: 1% 0.5% 15px 0.5%;
    }
}

/*-----------------------------------------------------
 subbestfive (all : )
-----------------------------------------------------*/
.article02 .bestfivelist li {
    overflow: hidden;
    display: block;
    padding: 4%;
}

/*-----------------------------------------------------
 moviemanga_area (all : )
-----------------------------------------------------*/
.mangamovie,
a.mangamovie {
    background: #716d91;
    text-decoration: none;
}

.moviemanga_area .boxtit h2 {
    background:none;
    padding-left:0;
}

.moviemanga_area .boxtit h2 em {
    font-style:normal;
    color:#ff7f50;
}

.moviemanga_area ul {
    margin-bottom:10px;
}

.moviemanga_area ul li {
    background:url(/user/img/content/katinko.png) left center no-repeat;
    background-size:22px 22px;
    padding:7px 0 10px 30px;
}

.moviemanga_area ul li a {
    color:#1d6295;
}

.moviemanga_area .morebtn {
    text-align:center;
}

.moviemanga_area .morebtn a {
    background:#716d91;
    float:none;
    border-radius:5px;
    margin:0 auto;
    padding:7px 10px;
    width:70%;
}

.moviemanga_area .morebtn a span {
    padding-left:10px;
}

.movielink {
    height: auto;
    background: url(/user/img/content/katinko.png) left center no-repeat, url(/user/img/content/ad_ar_02.png) right center no-repeat;
    background-size: 22px 22px;
    padding: 10px 0 10px 30px;
    margin-bottom: 5px;
}

.movielink a {
    color: #1d6295;
    font-size: 14px;
}

.amazonmovielink {
    height: auto;
    background: url(/user/img/content/mark-AmazonP.png) left center no-repeat, url(/user/img/content/ad_ar_02.png) right center no-repeat;
    background-size: 22px 22px;
    padding: 10px 0 10px 30px;
    margin-bottom: 5px;
}

.amazonmovielink a {
    color: #1d6295;
    font-size: 14px;
    font-weight: bold;
}

.goodslink {
    height: auto;
    background: url(/user/img/content/mark-goods.png) left center no-repeat, url(/user/img/content/ad_ar_02.png) right center no-repeat;
    background-size: 22px 22px;
    padding: 10px 0 10px 30px;
    margin-bottom: 5px;
}

.goodslink a {
    color: #1d6295;
    font-size: 14px;
    font-weight: bold;
}

/*-----------------------------------------------------
 bestfivelist (all : あなたが作る勝手にBEST5 リスト)
-----------------------------------------------------*/
.bestfivelist span.txt strong {
    display: block;
    color: #d25400;
}

.bestfivelist span.txt a {
    text-decoration: none;
    padding:0;
}

.bestfivelist span.txt span {
    color: #999999;
}

/*-----------------------------------------------------------------------------------------
 〜listBox (all :)
-----------------------------------------------------------------------------------------*/
.popResultBox.releaselistBox .inner .release_r dl.relasetit dt,
.releaselistBox .inner .release_r dl.relasetit dt a,
.rankinglistBox .inner .release_r dl.relasetit dt a {
    background: url(/user/img/content/icon_arrow01s.png) center left no-repeat;
    padding-left: 10px;
    font-weight: bold;
}

.releaselistBox .inner .release_r a,
.rankinglistBox .inner .release_r a {
    color: #056397;
    text-decoration: none;
}

.releaselistBox .inner .release_r p a,
.rankinglistBox .inner .release_r p a {
    background: url(/user/img/content/icon_moremantan01.jpg) top left no-repeat;
    padding: 5px 0 5px 25px;
    text-decoration: underline;
    font-size: 11px;
}

.releaselistBox .inner .release_r a:hover,
.rankinglistBox .inner .release_r a:hover {
    text-decoration: underline;
}

.releaselistBox .inner .release_r p a:hover,
.rankinglistBox .inner .release_r p a:hover {
    text-decoration: none;
}

.inner .release_r dl.relasetit dd {
    font-size: 12px;
}

.releaselistBox .inner .release_r dl.relasetit dd,
.recommendlistBox .inner .release_r dl.relasetit dd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*-----------------------------------------------------
 releaselistBox (all : )
-----------------------------------------------------*/
.releaselistBox .more_btn p {
    border: 1px solid #2a80b9;
}

.releaselistBox .more_btn p a {
    color: #056397;
    padding: 5px 0 5px 25px;
    background: url(/user/img/content/icon_moremantan01.jpg) top left no-repeat;
}

.recommendlistBox .inner .release_r a {
    color: #c1392b;
    text-decoration: none;
}

/*-----------------------------------------------------
 rankinglistBox (all : )
-----------------------------------------------------*/
.rankinglistBox .inner .release_r dl.relasetit dt {
    background: url(/user/img/content/icon_arrow01s.png) center left no-repeat;
    padding-left: 10px;
    font-weight: bold;
}

/*-----------------------------------------------------
 recommendlistBox (all : )
-----------------------------------------------------*/
.recommendlistBox .inner .release_r dl.relasetit dt a {
    background: url(/user/img/content/icon_arrow02s.png) center left no-repeat;
    padding-left: 10px;
    font-weight: bold;
}

.recommendlistBox.kmantan .inner .release_r dl.relasetit dt {
    background: url(/user/img/content/icon_arrow04s.png) center left no-repeat;
}

.recommendlistBox .inner .release_r dl.relasetit dt {
    font-weight: bold;
}


.recommendlistBox.kmantan .inner .release_r a {
    color: #1bbc9b;
}

.recommendlistBox .inner .release_r a:hover {
    text-decoration: underline;
}

.recommendlistBox .inner .release_r p a {
    background: url(/user/img/content/icon_moremantan02.jpg) top left no-repeat;
    padding: 5px 0 5px 25px;
    font-size: 11px;
    text-decoration: underline;
    display: block;
}

.recommendlistBox.kmantan .inner .release_r p a {
    background: url(/user/img/content/icon_moremantan04.jpg) top left no-repeat;
}

.recommendlistBox .inner .release_r p a:hover {
    text-decoration: none;
}

.blpage .recommendlistBox .inner .release_r dl.relasetit dt a {
    background: url(/user/img/content/icon_ranking_arrow01e.png) center left no-repeat;
}

.blpage .recommendlistBox .inner .release_r a {
    color: #9b58b5;
}

/*-----------------------------------------------------
 recommendtxt (all : )
-----------------------------------------------------*/
.recommendlistBox div.recommendtxt {
    width: 94%;
    margin: 5px auto 0;
}

.recommendlistBox div.recommendtxt a,
.recommendlistBox dl.recommendtxt a {
    color: #e84c3d;
}

.blpage .recommendlistBox div.recommendtxt a {
    color: #b158b5;
}

/*-----------------------------------------------------
 morelink (all : >>moreボタン )
-----------------------------------------------------*/
.more a.morelink,
.recommendlistBox div.recommendtxt a.morelink {
    border: 1px solid #e84c3d;
    padding: 2%;
    display: block;
    margin: 10px 0 10px 65%;
    text-align: center;
    text-decoration: none;
    width: 30%;
}

.recommendlistBox div.recommendtxt a.morelink.inline {
    display: inline;
    margin: 10px 0 0 5px;
    width: auto;
}

.more a.morelink:hover,
.recommendlistBox div.recommendtxt a.morelink:hover {
    background: #e84c3d;
    color: #fff;
}

/*-----------------------------------------------------
 recommendtxt (all : releaselist内の漫画説明テキスト)
-----------------------------------------------------*/
.releaselist dl.recommendtxt {
    padding:0 5px;
}

.releaselist dl.recommendtxt a {
    color: #056397;
}

.releaselist dl.recommendtxt dt,
.recommendlistBox dl.recommendtxt dt {
    font-weight: bold;
    margin: 10px 0;
}

.releaselist dl.recommendtxt dt ul li {
    background: url("/user/img/content/icon_cheack01.gif") no-repeat 4px 12px;
    padding: 10px 0 0 20px;
}

.recommendlistBox .userbox {
    border:2px solid #f8c9c4;
    padding:10px;
    font-size:12px;
}

.recommendlistBox .userbox .autorname {
    border-bottom:1px solid #f8c9c4;
    display:block;
    padding-bottom:2px;
    margin-bottom:5px;
    font-weight:bold;
}

.recommendlistBox .autor {
    text-align:left;
    display:block;
    margin-bottom:3px;
}

.recommendlistBox .autor a {
    color:#333;
    text-decoration:none;
}

.recommendlistBox .autor a:hover {
    text-decoration:underline;
}

.recommendlistBox .autor a img {
    float:left;
    margin:0 3px 3px 0;
}

.recommendlistBox .autorlink img {
    width:auto;
    max-width:100%;
    height:auto;
    border:1px solid #ccc;
}


.releaselistBox div.btnlist,
.rankinglistBox div.btnlist,
.recommendlistBox div.btnlist {
    border-top: 1px solid #EEE;
    padding: 5px 0 5px;
    margin-top: 11px;
}

.releaselistBox div.btnlist ul,
.rankinglistBox div.btnlist ul,
.recommendlistBox div.btnlist ul {
    text-align: center;
}

.releaselistBox div.btnlist li,
.rankinglistBox div.btnlist li,
.recommendlistBox div.btnlist li {
    display: inline;
}

.releaselistBox div.btnlist li.amazon,
.rankinglistBox div.btnlist li.amazon,
.recommendlistBox div.btnlist li.amazon{
    margin-right: 5px;
}

/*-----------------------------------------------------
 numlist (all : 読みたい おすすめボタンリスト)
-----------------------------------------------------*/
ul.numlist a {
    display: block;
    color: #333;
    text-decoration: none;
}

.releaselistBox ul.numlist,
.rankinglistBox ul.numlist,
.recommendlistBox ul.numlist {
    width: 100%;
    border-top: 1px solid #EEE;
}

.releaselistBox ul.numlist li.readnum,
.rankinglistBox ul.numlist li.readnum,
.recommendlistBox ul.numlist li.readnum {
    border-right: 1px solid #eee;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
    width: 42%;
    float: left;
}

.releaselistBox ul.numlist li.readnum dt,
.rankinglistBox ul.numlist li.readnum dt,
.recommendlistBox ul.numlist li.readnum dt {
    color: #E54092;
}

.numlist img {
    max-width: 100%;
    height: auto;
    widh: auto;
}

ul.numlist li.readnum dd {
    position: relative;
    background: #ffffff;
    border: 2px solid #cc0066;
    padding: 3px 0;
    margin: 0 10px;
    font-size: 16px;
}

ul.numlist li.readnum dd:after, ul.numlist li.readnum dd:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.numlist li.readnum dd:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 3px;
    margin-left: -3px;
}

ul.numlist li.readnum dd:before {
    border-color: rgba(204, 0, 102, 0);
    border-bottom-color: #cc0066;
    border-width: 6px;
    margin-left: -6px;
}

.releaselistBox ul.numlist li.recommendnum,
.rankinglistBox ul.numlist li.recommendnum,
.recommendlistBox ul.numlist li.recommendnum {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
    width: 42%;
    float: left;
}

.releaselistBox ul.numlist li.recommendnum dt,
.rankinglistBox ul.numlist li.recommendnum dt,
.recommendlistBox ul.numlist li.recommendnum dt{
    color: #E47D2F;
}

ul.numlist li.recommendnum dd {
    position: relative;
    background: #ffffff;
    border: 2px solid #d95e01;
    padding: 3px 0;
    margin: 0 10px;
    font-size: 16px;
}

ul.numlist li.recommendnum dd:after, ul.numlist li.recommendnum dd:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.numlist li.recommendnum dd:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 3px;
    margin-left: -3px;
}

ul.numlist li.recommendnum dd:before {
    border-color: rgba(204, 0, 102, 0);
    border-bottom-color: #d95e01;
    border-width: 6px;
    margin-left: -6px;
}

.releaselistBox ul.numlist li,
.rankinglistBox ul.numlist li,
.recommendlistBox ul.numlist li {
    width: 50%;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e5e5e5', GradientType=0);
    text-align: center;
    font-size: 11px;
    padding: 5px 0;
    vertical-align: middle;
}

.releaselistBox ul.numlist li:hover,
.rankinglistBox ul.numlist li:hover,
.recommendlistBox ul.numlist li:hover{
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -o-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -ms-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#fff', GradientType=0);
    background: linear-gradient(to bottom, #e5e5e5 0%, #fff 100%);
}

ul.numlist li.which {
    float: left;
    width: 15% !important;
    background: none !important;
}

ul.numlist li.which:hover {
    background: none !important;
}

ul.numlist li.which img {
    max-width: 80%;
    height: auto;
}

/*-----------------------------------------------------
 snslist (all: snsボタンリスト)
-----------------------------------------------------*/
ul.snslist {
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 18px;
}

ul.snslist li {
    float: left;
    margin-right: 6px;
}

ul.snslist .twitterlist {
    margin-right: 0px;
    width: 95px;
}

.recommendlistBox ul.snslist {
    margin: 0 0 10px 0;
    width: 100%;
    padding-top: 10px;
}

.recommendlistBox ul.snslist li {
    margin-right: 2px;
    height: 23px;
}

/*-----------------------------------------------------
 bestfivetit (all : ベストランキング5 タイトル部分)
-----------------------------------------------------*/
.bestfivetit {
    overflow: hidden;
    margin-bottom:15px;
    background: #f5cba7;
    border-radius: 5px;
    padding:7px;
}

.bestfivetit p {
    font-weight: bold;
    background: #f5cba7;
    padding: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
    width:100%;
    box-sizing:border-box;
    margin-bottom:5px;
}

.bestfivetit p a,
.bestfivetit .title a {
    color: #000;
    text-decoration: none;
    background: url(/user/img/content/icon_news_arrow02.png) right center no-repeat;
    display: block;
    padding-right: 12px;
    margin-right: 5px;
}

.bestfivetit p a:hover {
    text-decoration: underline;
}

.bestfivetit .userboxL {
    border-radius: 5px;
    padding:5px 10px;
}

.bestfivetitS {
    display: table;
    width:100%;
    box-sizing:border-box;
}

.bestfivetitS p {
    display: table-cell;
    min-width: 50%;
    width: 60%;
    vertical-align: middle;
}

.bestfivetitS .userboxL {
    display: table-cell;
    min-width: 40%;
    width: 40%;
    vertical-align: middle;
}

.bestfivetitS .userboxL span.autor {
    float:none;
    width:100% !important;
    word-break: break-all;
}

/*-----------------------------------------------------
 userboxL (all : 投稿者、1カラム)
-----------------------------------------------------*/
.rankstar + .userboxL,
.inner + .userboxL {
    margin-top:10px;
}

.userboxL {
    overflow:hidden;
    padding:10px;
    border: 2px solid #faebd7;
    position:relative;
    background: #fff;
}

.userboxL:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}

.userboxL span.autorlink {
    width:49%;
    float:right;
}

.userboxL span.autorlink img {
    width:100%;
    height:auto;
    border:1px solid #ccc;
}

.userboxL span.autor {
    float: left;
    font-size: 12px;
    width: 49% !important;
}

.userboxL span.autor a {
    color: #333;
    text-decoration: none;
    display:inline-block;
}

.userboxL span.autor a img {
    float:left;
    margin:0 5px 2px 0;
}

.userboxL span.autor a:hover {
    text-decoration: underline;
}

.userboxL span.autorname {
    /*padding: 0 0 0 10px;*/
    font-weight:bold;
    display:block;
    margin-bottom:5px;
    padding-bottom:2px;
    font-size:12px;
    border-bottom: 1px solid #faebd7;
}

@media only screen and (max-width: 479px) {
    .bestfivetit span.autor {
        width: auto;
        display:inline-block;
        margin-bottom:5px;
    }
    .bestfivetit span.autorlink {
        width:auto;
    }
}

/*-----------------------------------------------------
 userboxL (all : 投稿者、小サイズ)
-----------------------------------------------------*/
.userboxS {
    border:1px solid #e77e23;
    display:block;
    padding:5px;
    font-size:11px;
    margin-top:5px;
}

.userboxS span.autor a {
    color: #333;
    text-decoration: none;
    display: inline-block;
}

.userboxS .autor img {
    float: left;
    margin: 0 5px 2px 0;
}

.userboxS span.autorname {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 2px;
    font-size: 11px;
    border-bottom: 1px solid #faebd7;
    color:#333 !important;
}

/*-----------------------------------------------------
 bestfivedesc (all : ベストランキング5の説明テキスト部分)
-----------------------------------------------------*/
.bestfivedesc {
    background: #eee;
    border: 2px solid #ccc;
    padding: 2% !important;
}

.bestfivedesc a {
    text-decoration: none;
    color: #333;
    display: block;
}

.bestfivedesc a span {
    color: #e77e23;
}

/*-----------------------------------------------------------------------------------------
 btn (all:ボタン)
-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------
 more_btn (all : 詳細にとぶボタン)
-----------------------------------------------------*/
.more_btn {
    padding-right: 9px;
    font-size: 11px;
}

.more_btn p {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 68%;
    float: right;
    text-align: center;
    padding: 8px 0 5px 2px;
    line-height: 21px;
}

.more_btn p a img {
    margin-left: 3px;
    margin-top: -8px;
}

.recommendlistBox .more_btn p {
    border: 1px solid #c1392b;
}

.blpage .recommendlistBox .more_btn p {
    border: 1px solid #9b58b5;
}

.recommendlistBox .more_btn p a {
    color: #c1392b;
    padding: 5px 0 5px 25px;
    background: url(/user/img/content/icon_moremantan02.jpg) top left no-repeat;
}

.blpage .recommendlistBox .more_btn p a {
    color: #9b58b5;
    padding: 5px 0 5px 25px;
    background: url(/user/img/content/icon_moremantan05.png) top left no-repeat;
}

/*-----------------------------------------------------
 morebtn (all : もっと見るボタン)
-----------------------------------------------------*/
.morebtn {
    overflow: hidden;
    padding: 6px 0;
    clear: both;
}

.morebtn a {
    padding: 5px 0;
    width: 30%;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: right;
}

.morebtn.long a {
    width: 100%;
}

.morebtn.long2 a {
    width: 60%;
}

.morebtn a span {
    background: url(/user/img/content/icon_arrow.png) center left no-repeat;
    color: #fff;
    padding-left: 14px;
    background-size: 9px 12px;
}

.morebtn.long2 a span {
    background: url("/user/img/content/icon_arrow00s.png") no-repeat right;
    padding: 0 14px 0 0;
}

@media only screen and (max-width: 767px) {
    .morebtn a {
        float: none;
        width: auto;
        padding: 10px 0;
    }

    .morebtn.long2 a {
        float: right;
        width: 80%;
    }

    .morebtn a.bestfive {
        width: 94%;
        margin: 0 auto;
    }

    .more_btn p {
        width: 50%;
        margin-right: 8%;
    }
}

/*-----------------------------------------------------
 writebtn (all : レビューを投稿ボタン )
-----------------------------------------------------*/
.writebtn {
    text-align: center;
    margin: 20px auto;
    clear: both;
    width: 90%;
}

.writebtn a {
    color:#fff !important;
    display: block;
    padding: 0 10px;
    color: #fff;
    text-decoration: none;
    background: #ff1000; /* Old browsers */
    background: -moz-linear-gradient(top, #ff1000 0%, #9e2727 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff1000), color-stop(100%, #9e2727)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff1000 0%, #9e2727 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff1000 0%, #9e2727 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff1000 0%, #9e2727 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff1000 0%, #9e2727 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1000', endColorstr='#9e2727', GradientType=0); /* IE6-9 */
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.writebtn a:hover {
    background: #9e2727; /* Old browsers */
    background: -moz-linear-gradient(top, #9e2727 0%, #ff1000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e2727), color-stop(100%, #ff1000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9e2727 0%, #ff1000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9e2727 0%, #ff1000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9e2727 0%, #ff1000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #9e2727 0%, #ff1000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e2727', endColorstr='#ff1000', GradientType=0); /* IE6-9 */
}

.writebtn span {
    background: url("/user/img/content/icon_arrow07c.png") no-repeat right;
    padding: 10px 40px 10px 0;
    display: block;
}

/*-----------------------------------------------------
 writebtnO (my index : 勝手にベスト5投稿ボタン)
-----------------------------------------------------*/
.writebtnO a {
    color:#fff !important;
    background: #e87f17; /* Old browsers */
    background: -moz-linear-gradient(top, #e87f17 0%, #ce5600 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e87f17 0%,#ce5600 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e87f17 0%,#ce5600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87f17', endColorstr='#ce5600',GradientType=0 ); /* IE6-9 */
}

.writebtnO a:hover {
    background: #ce5600; /* Old browsers */
    background: -moz-linear-gradient(top, #ce5600 0%, #e87f17 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ce5600 0%,#e87f17 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ce5600 0%,#e87f17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5600', endColorstr='#e87f17',GradientType=0 ); /* IE6-9 */
}


/*-----------------------------------------------------
 btbtn ( all : 漫画情報もっと見る ボタン )
-----------------------------------------------------*/
.btbtn {
    width:90%;
    margin:0 auto;
}

.btbtn a {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e5e5e5', GradientType=0);
    /*padding: 10px 0;*/
    vertical-align: middle;
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    border-bottom: 5px solid #f8c9c4;
    border-left: 4px solid #f8c9c4;
    border-top: 1px solid #eee;
}

.btbtn a:hover {
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -o-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -ms-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: linear-gradient(to bottom, #e5e5e5 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#fff', GradientType=0);
}

.btbtn span {
    background: url("/user/img/content/icon_arrow02.png") no-repeat 97% 50%;
    padding: 10px 40px 10px 10px;
    display: block;
    font-size: 14px;
}

/*----------------------------
 tachiyomibtn (calendar: singleページ)
----------------------------*/
.tachiyomibtn {
    clear:both;
    margin-bottom:15px;
}

.tachiyomibtn a {
    display:block;
    text-align:center;
    padding:7px 37px 7px 10px;
    border-radius:10px;
    background:#f0ffff url(/user/img/content/arcl09.png) no-repeat 97% center;
    border:2px solid #3598db;
    font-weight:bold;
    text-decoration:none;
    color:#3598db;
    font-size:14px;
}

/*----------------------------
 kobetsubtn (all: singleページ)
----------------------------*/
.kobetsubtn {
    margin-bottom:15px;
}

.kobetsubtn a {
    padding:5px 40px 5px 35px;
    display:table;
    width:100%;
    box-sizing:border-box;
    text-decoration:none;
    color:#3598db;
    border:1px solid #3598db;
    border-radius:5px;
    background:url(/user/img/content/icon_moremantan01.jpg) no-repeat 10px center,url(/user/img/content/icon_arrow01c.png) no-repeat 98% center;
}

.kobetsubtn .thumb {
    display:table-cell;
    vertical-align:middle;
    line-height:0;
    width:20%;
    text-align:center;
}

.kobetsubtn .thumb img {
    width:auto;
    max-width:100%;
    height:auto;
}

.kobetsubtn .txt {
    display:table-cell;
    vertical-align:middle;
    padding-left:10px;
    font-size:13px;
    width:80%;
}

/*-----------------------------------------------------
 top-featured (all : 広告入れる場所)
-----------------------------------------------------*/
.top-featured a {
    background: url(/user/img/content/icon_arrow_rank.png) no-repeat left top;
    padding: 0 0 0 10px;
    color: #056397;
    display: block;

}

.top-featured-img {
    float: right;
    width: 40%;
}

.top-featured-content {
    float: left;
    width: 58%;
}

.top-featured-title {
    padding: 2%;
    background: #666699;
    color: #fff;
    margin-bottom:10px;
}

ul.top-featured-link {
    clear: both;
    overflow: hidden;
}

ul.top-featured-link li {
    margin: 0 0 5px 0;
    padding-bottom:5px;
    border-bottom:1px dotted #ccc;
}

ul.top-featured-link li:last-of-type {
    border-bottom:none;
}

ul.top-featured-link li a {
    display:table-cell;
    background:none;
    padding-left:0;
    text-decoration:none;
}

ul.top-featured-link li .img {
    width:20%;
    text-align:center;

}
ul.top-featured-link li img {
    width:auto;
    max-width:100%;
    height:auto;
    max-height:125px;
}

ul.top-featured-link li .img,
ul.top-featured-link li .txt {
    display:table-cell;
    vertical-align:middle;
}


ul.top-featured-link li .txt {
    width:76%;
    padding-left:15px;
}

ul.top-featured-link li .txt h4 {
    margin-bottom:5px;
}

ul.top-featured-link li .txt p {
    font-size:14px;
}


/*-----------------------------------------------------
 twitterbox (all : ツイート表示ボタン)
-----------------------------------------------------*/
.twitterbox {
    margin-bottom: 10px;
}

.twitterbox02 {
    display: none;
}

.twitterbox,
.twitterbox02,
.twitterbox iframe,
.twitterbox02 iframe {
    width: 100% !important;
}

iframe.twitter-share-button {
    width: 105px !important;
}

.twitterbox .timeline {
    max-width:100% !important;
}

/*-----------------------------------------------------
 mangachoice (all : あなたが作る勝手に漫画ベストランキング内 漫画を選ぶだけカンタンに作れる！こちらから→リンク)
-----------------------------------------------------*/
.mangachoice {
    text-align: center;
    margin: 10px 0;
}

.mangachoice a {
    color: #d25400;
    font-size: 12px;
}

/*-----------------------------------------------------
 cat-area  (all : 漫画カテゴリー詳細分類から探す エリア)
-----------------------------------------------------*/
/*
.search-featured h3.catsearch,
h3.catsearch {
    background: #cfe6f6;
}
*/

.cat-area {
    overflow: hidden;
    clear: both;
}

.cat-area .cat-box {
    display: none;
}

.cat-block {
    width: 47.5%;
    margin: 0 1% 10px 1%;
    padding: 0 0 10px 0;
    float: left;
    border: 1px solid #ccc;
    box-sizing:border-box;
}

.cat-block a {
    text-decoration: none;
}

.cat-block p.count {
    text-align: right;
    margin: 10px 2% 0 0;
    clear:both;
}

.cat-block span.radius {
    background: #26B url("/user/img/content/icon_arrow01r.png") no-repeat 90% 50%;
    color: #666;
    padding: 3px 25px 3px 10px;
}

.cat-block.category01 span.radius {
    background: #fff367 url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category02 span.radius {
    background: #ffc067 url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category03 span.radius {
    background: #ff9da7 url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category04 span.radius {
    background: #ff8e67 url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category05 span.radius {
    background: #a7fb86 url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category06 span.radius {
    background: #82e87b url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category07 span.radius {
    background: #69e5b3 url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category08 span.radius {
    background: #72ecf7 url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category09 span.radius {
    background: #62c7db url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category10 span.radius {
    background: #c6b9f1 url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category11 span.radius {
    background: #ae70fb url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-block.category12 span.radius {
    background: #f771d8 url("/user/img/content/icon_arrow_cat.png") no-repeat 90% 50%;
}

.cat-title {
    border-top: 3px solid #3598db;
    border-bottom: 1px solid #ccc;
    margin: 2px 1% 10px 1%;
    padding:10px 0;
}

.category01 .cat-title {
    border-top: 3px solid #fff367;
}

.category02 .cat-title {
    border-top: 3px solid #ffc067;
}

.category03 .cat-title {
    border-top: 3px solid #ff9da7;
}

.category04 .cat-title {
    border-top: 3px solid #ff8e67;
}

.category05 .cat-title {
    border-top: 3px solid #a7fb86;
}

.category06 .cat-title {
    border-top: 3px solid #82e87b;
}

.category07 .cat-title {
    border-top: 3px solid #69e5b3;
}

.category08 .cat-title {
    border-top: 3px solid #72ecf7;
}

.category09 .cat-title {
    border-top: 3px solid #62c7db;
}

.category10 .cat-title {
    border-top: 3px solid #c6b9f1;
}

.category11 .cat-title {
    border-top: 3px solid #ae70fb;
}

.category12 .cat-title {
    border-top: 3px solid #f771d8;
}

.cat-title h3 {
    margin: 0 0 10px 0;
    overflow: hidden;
}

.cat-title h3 span {
    float: left;
    display: block;
    font-size: 17px;
    width: 73%;
    margin: 0 0 0 2%;
    color: #666;
}

.cat-title img {
    float: left;
    width: 25%;
    height:auto;
}

.cat-link li {
    margin: 0 1% 5px 1%;
}

.cat-link a {
    padding: 3px 27px 3px 0;
    color: #333;
    display: block;
}

.cat-link a:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}

.cat-link a .img {
    width:20%;
    float:left;
}

.cat-link a .img img {
    width:auto;
    max-width:100%;
    height:auto;
}

.cat-link a .txt {
    width:78%;
    margin: 0 0 0 2%;
    float:right;
}

.category01 .cat-link a {
    background: url("/user/img/content/arrow_cat01.png") no-repeat right;
}

.category02 .cat-link a {
    background: url("/user/img/content/arrow_cat02.png") no-repeat right;
}

.category03 .cat-link a {
    background: url("/user/img/content/arrow_cat03.png") no-repeat right;
}

.category04 .cat-link a {
    background: url("/user/img/content/arrow_cat04.png") no-repeat right;
}

.category05 .cat-link a {
    background: url("/user/img/content/arrow_cat05.png") no-repeat right;
}

.category06 .cat-link a {
    background: url("/user/img/content/arrow_cat06.png") no-repeat right;
}

.category07 .cat-link a {
    background: url("/user/img/content/arrow_cat07.png") no-repeat right;
}

.category08 .cat-link a {
    background: url("/user/img/content/arrow_cat08.png") no-repeat right;
}

.category09 .cat-link a {
    background: url("/user/img/content/arrow_cat09.png") no-repeat right;
}

.category10 .cat-link a {
    background: url("/user/img/content/arrow_cat10.png") no-repeat right;
}

.category11 .cat-link a {
    background: url("/user/img/content/arrow_cat11.png") no-repeat right;
}

.category12 .cat-link a {
    background: url("/user/img/content/arrow_cat12.png") no-repeat right;
}

.jcat01 a {
    background:url("/user/img/content/arrow_cat01.png") no-repeat left;
}

.jcat02 a {
    background:url("/user/img/content/arrow_cat02.png") no-repeat left;
}

.jcat03 a {
    background:url("/user/img/content/arrow_cat03.png") no-repeat left;
}

.jcat04 a {
    background:url("/user/img/content/arrow_cat04.png") no-repeat left;
}

.jcat05 a {
    background:url("/user/img/content/arrow_cat05.png") no-repeat left;
}

.jcat06 a {
    background:url("/user/img/content/arrow_cat06.png") no-repeat left;
}

.jcat07 a {
    background:url("/user/img/content/arrow_cat07.png") no-repeat left;
}

.jcat08 a {
    background:url("/user/img/content/arrow_cat08.png") no-repeat left;
}

.jcat09 a {
    background:url("/user/img/content/arrow_cat09.png") no-repeat left;
}

.jcat10 a {
    background:url("/user/img/content/arrow_cat10.png") no-repeat left;
}

.jcat11 a {
    background:url("/user/img/content/arrow_cat11.png") no-repeat left;
}

.jcat12 a {
    background:url("/user/img/content/arrow_cat12.png") no-repeat left;
}


.jcat01 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat01.png") no-repeat left;
}

.jcat02 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat02.png") no-repeat left;
}

.jcat03 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat03.png") no-repeat left;
}

.jcat04 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat04.png") no-repeat left;
}

.jcat05 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat05.png") no-repeat left;
}

.jcat06 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat06.png") no-repeat left;
}

.jcat07 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat07.png") no-repeat left;
}

.jcat08 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat08.png") no-repeat left;
}

.jcat09 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat09.png") no-repeat left;
}

.jcat10 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat10.png") no-repeat left;
}

.jcat11 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat11.png") no-repeat left;
}

.jcat12 a:hover {
    background: #f6f6f6 url("/user/img/content/arrow_cat12.png") no-repeat left;
}

.category01 a.release,
.cat01 .cattitheading {
    background: #fff367;
}

.category02 a.release,
.cat02 .cattitheading {
    background: #ffc067;
}

.category03 a.release,
.cat03 .cattitheading {
    background: #ff9da7;
}

.category04 a.release,
.cat04 .cattitheading {
    background: #ff8e67;
}

.category05 a.release,
.cat05 .cattitheading {
    background: #a7fb86;
}

.category06 a.release,
.cat06 .cattitheading {
    background: #82e87b;
}

.category07 a.release,
.cat07 .cattitheading {
    background: #69e5b3;
}

.category08 a.release,
.cat08 .cattitheading {
    background: #72ecf7;
}

.category09 a.release,
.cat09 .cattitheading {
    background: #62c7db;
}

.category10 a.release,
.cat10 .cattitheading {
    background: #c6b9f1;
}

.category11 a.release,
.cat11 .cattitheading {
    background: #ae70fb;
}

.category12 a.release,
.cat12 .cattitheading {
    background: #f771d8;
}

.subcat a {
    color: #fff;
    text-decoration: none;
}

.cattit,
.cattitheading {
    padding: 10px;
    margin: 0 0 20px 0;
    color: #666;
    font-size: 17px;
}

.cattitheading h2 {
    color: #666;
    margin: 0 0 5px 5px;
}

.cattitheading .txt {
    padding: 5px 1.5%;
    font-size: 12px;
    line-height: 140%;
    background: #fff;
}

.cattit_sub {
    padding: 5px 10px;
    color: #666;
    margin: 10px 0 0 0;
    font-size: 13px;
}

.cattit_sub a {
    color: #666;
    text-decoration: none;
    display: block;
}

.catlist01 a {
    color: #666;
    text-decoration: none;
    padding: 8px 10px;
    border-bottom: 1px dotted #ccc;
    display: block;
}

.catlist01 .cl01 a {
    background: url("/user/img/content/arcl01.png") no-repeat 99%;
}

.catlist01 .cl01 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl01.png") no-repeat 99%;
}

.catlist01 .cl02 a {
    background: url("/user/img/content/arcl02.png") no-repeat 99%;
}

.catlist01 .cl02 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl02.png") no-repeat 99%;
}

.catlist01 .cl03 a {
    background: url("/user/img/content/arcl03.png") no-repeat 99%;
}

.catlist01 .cl03 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl03.png") no-repeat 99%;
}

.catlist01 .cl04 a {
    background: url("/user/img/content/arcl04.png") no-repeat 99%;
}

.catlist01 .cl04 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl04.png") no-repeat 99%;
}

.catlist01 .cl05 a {
    background: url("/user/img/content/arcl05.png") no-repeat 99%;
}

.catlist01 .cl05 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl05.png") no-repeat 99%;
}

.catlist01 .cl06 a {
    background: url("/user/img/content/arcl06.png") no-repeat 99%;
}

.catlist01 .cl06 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl06.png") no-repeat 99%;
}

.catlist01 .cl07 a {
    background: url("/user/img/content/arcl07.png") no-repeat 99%;
}

.catlist01 .cl07 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl07.png") no-repeat 99%;
}

.catlist01 .cl08 a {
    background: url("/user/img/content/arcl08.png") no-repeat 99%;
}

.catlist01 .cl08 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl08.png") no-repeat 99%;
}

.catlist01 .cl09 a {
    background: url("/user/img/content/arcl09.png") no-repeat 99%;
}

.catlist01 .cl09 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl09.png") no-repeat 99%;
}

.catlist01 .cl10 a {
    background: url("/user/img/content/arcl10.png") no-repeat 99%;
}

.catlist01 .cl10 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl10.png") no-repeat 99%;
}

.catlist01 .cl11 a {
    background: url("/user/img/content/arcl11.png") no-repeat 99%;
}

.catlist01 .cl11 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl11.png") no-repeat 99%;
}

.catlist01 .cl12 a {
    background: url("/user/img/content/arcl12.png") no-repeat 99%;
}

.catlist01 .cl12 a:hover {
    background: #f6f6f6 url("/user/img/content/arcl12.png") no-repeat 99%;
}

.cl01 a,
.cl02 a,
.cl03 a,
.cl04 a,
.cl05 a,
.cl06 a,
.cl07 a,
.cl08 a,
.cl09 a,
.cl10 a,
.cl11 a,
.cl12 a {
    overflow: hidden;
}

.catlist01 img,
.catlist02 img,
.catlist03 img,
.catlist04 img,
.catlist05 img,
.catlist06 img,
.catlist07 img,
.catlist08 img,
.catlist09 img,
.catlist10 img,
.catlist11 img,
.catlist12 img {
    float: left;
}

.catlist01 span,
.catlist02 span,
.catlist03 span,
.catlist04 span,
.catlist05 span,
.catlist06 span,
.catlist07 span,
.catlist08 span,
.catlist09 span,
.catlist10 span,
.catlist11 span,
.catlist12 span {
    padding: 0 20px 0 50px;
    display: block;
}

.category01 a.release,
.cattit01 {
    background: #fff367;
}

.category02 a.release,
.cattit02 {
    background: #ffc067;
}

.category03 a.release,
.cattit03 {
    background: #ff9da7;
}

.category04 a.release,
.cattit04 {
    background: #ff8e67;
}

.category05 a.release,
.cattit05 {
    background: #a7fb86;
}

.category06 a.release,
.cattit06 {
    background: #82e87b;
}

.category07 a.release,
.cattit07 {
    background: #69e5b3;
}

.category08 a.release,
.cattit08 {
    background: #72ecf7;
}

.category09 a.release,
.cattit09 {
    background: #62c7db;
}

.category10 a.release,
.cattit10 {
    background: #c6b9f1;
}

.category11 a.release,
.cattit11 {
    background: #ae70fb;
}

.category12 a.release,
.cattit12 {
    background: #f771d8;
}

.cat-link a:hover {
    text-decoration: underline;
}

.cat-area .morebtn {
    width: 98%;
    margin: 0 auto;
}

.cat-area .morebtn a {
    width: 100%;
}

.cat-area .morebtn a span {
    color: #666;
    font-weight:bold;
}


.catlist02 {
    margin: 10px 0;
}

.catlist02 dt {
    background: #eee url("/user/img/content/arrow_bt.png") no-repeat 10px 50%;
    padding: 10px 10px 10px 30px;
}

.catlist02 a {
    color: #666;
    padding: 10px 10px 10px 35px;
    text-decoration: none;
    display: block;
}

.catlist02 li {
    border-bottom: 1px dotted #ccc;
}

@media only screen and (max-width: 479px) {
    .cat-block {
        float: none;
        width: auto;
        margin: 0 0 10px 0;
    }
}

/*-----------------------------------------------------
 tokobtn (best5 : 私ならこう作る！ボタン)
-----------------------------------------------------*/
.tokobtn.bestfivebtn a {
    background: #e77e23 top left no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    display: block;
    color: #ffffff;
    text-decoration: none;
    margin: 0 auto 30px;
    text-align: center;
    padding: 6px 0;
    font-size:13px;
    border:2px solid #e77e23;
}

.tokobtn.bestfivebtn a:hover {
    background: #d25400;
}

.tokobtn.bestfivebtn span {
    background: url(/user/img/content/toko_icon.png) center left no-repeat;
    padding-left: 17px;
    font-weight:bold;
}

/*-----------------------------------------------------
 motto-link (all : cat-area内 もっといろいろなカテゴリーから漫画を探す ボタン)
-----------------------------------------------------*/
.motto-link a {
    display: block;
    padding: 15px 35px 15px 15px;
    text-decoration: none;
    background-color:#0c0c72;
    background-image:url("/user/img/content/maru_arrow100.png");
    background-size:25px 25px;
    background-position:98% 50%;
    background-repeat:no-repeat;
    color: #fff;
    font-weight:bold;
}

/*-----------------------------------------------------
 heading-circle (all : 青丸アイコン付きタイトル)
-----------------------------------------------------*/
.heading-circle {
    background: url(/user/img/content/circle_blue.png) no-repeat 0 5px;
    border-bottom: 2px solid #3598db;
    padding: 0 0 5px 20px;
    margin: 0 0 20px 0;
    color: #333;
    font-size: 16px;
    font-weight:bold;
}

/*-----------------------------------------------------
 index-tag-area (all : 漫画レビュー情報インデックス あいうえおのリスト)
-----------------------------------------------------*/
.index-tag-area {
    overflow: hidden;
}

.index-tag-table {
    float: left;
    width: 48%;
    padding: 1%;
}

.index-tag-table .bg {
    background: #eee;
}

.index-tag-table:nth-child(2) {
    float: right;
}

.index-tag-table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 11px;
}

.index-tag-table th,
.index-tag-table td {
    border: 1px solid #ccc;
    padding: 5px 3%;
}

.index-tag-table a {
    color: #056397;
    display: block;
}

.tag-group {
    margin: 20px 0;
}

.tag-list {
    overflow: hidden;
}

.tag-list a {
    background: url("/user/img/content/icon_arrow01r.png") no-repeat 0 2px;
    color: #056397;
    padding: 0 0 0 15px;
    display: block;
}

.tag-list li {
    margin: 5px 0 15px 0;
    width: 50%;
    float: left;
}

.tag-footer {
    background: #eee;
    text-align: center;
    padding: 10px 0;
}

.tag-footer p {
    font-weight: bold;
    margin: 0 0 10px 0;
}

.tag-footer ul {
    display: table;
    margin: 0 auto;
    font-size: 11px;
}

.tag-footer li {
    display: table-cell;
    margin: 0 10px;
    border: 2px solid #eee;
}

.tag-footer li a {
    background: #fff;
    color: #056397;
    display: block;
    padding: 5px 8px;
    text-decoration: none;
}

.tag-footer li a:hover,
.tag-footer li a.current {
    background: #ccc;
    color: #333;
}

@media only screen and (max-width: 951px) {
    .index-tag-table,
    .index-tag-table:nth-child(2) {
        float: none;
        width: 98%;
        margin: 0 0 20px 0;
    }

    .tag-list li {
        width: auto;
        float: none;
    }
}

@media only screen and (max-width: 479px) {
    .tag-footer ul,
    .tag-footer li {
        display: inherit;
    }
}

/*-----------------------------------------------------
 popup (my & recommend : )
-----------------------------------------------------*/
.popup {
    padding: 0 2%;
}

.popup .searchbox {
    padding: 10px;
}

.popup .rirekibtn02 {
    margin-bottom:10px;
}

.popup .searchbox form.mangaform {
    position: relative;
    float: none;
    display: block !important;
}

.popup .searchbox form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 33px;
    border-radius: 0 5px 5px 0;
    border: none;
    background: #2a80b9;
    color: #fff;
    width: 42px;
    font-size: 12px;
    padding: 0;
    text-align: center;
}

.popup .mangaform input {
    -moz-transition: width 0.7s ease 0s;
    background: #fff url(/user/img/content/ico_search.png) left no-repeat;
    padding: 6px 42px 6px 33px;
    border: 2px solid #2a80b9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    width: 100%;
    height: 33px;
    box-sizing: border-box;
}

.popup .mangaform input:focus {
    color: #333;
}

.pop-heading,
.poplist {
    border-left: 6px solid #e77e23;
    margin: 15px 0;
    padding: 0 0 0 10px;
    color: #333;
    font-weight: bold;
}

.poplist li {
    margin: 0 0 10px 20px;
}

/*-----------------------------------------------------
 balloon-1-bottom (all : 好みが一緒かも 吹き出し)
-----------------------------------------------------*/
.topst {
    float: right;
    margin: 20px 0;
    width: 50%;
}

.topst a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.topst .balloon-1-bottom {
    background: #fff;
    display: block;
}

.balloon-1-bottom {
    position: relative;
    display: inline-block;
    padding: 10px 20px 15px 20px;
    color: #333333;
    text-align: center;
    background: #F6F6F6;
    border: 3px solid #1ad28b;
    z-index: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.balloon-1-bottom:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -9px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #F6F6F6 transparent transparent transparent;
    z-index: 0;
}

.balloon-1-bottom:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #1ad28b transparent transparent transparent;
    z-index: -1;
}

/*-----------------------------------------------------
 tweets (all : Twitterからのコメント部分)
-----------------------------------------------------*/
#tweets a {
    text-decoration: none;
    color: #056397;
}

#tweets div {
    padding: 2%;
}

#tweets div:nth-child(even) {
    background: #f5f5f2;
}

#tweets .res-name a {
    color: #333;
}

#tweets a:hover {
    text-decoration: underline;
}

#tweets .res-icon {
    float: left;
    margin: 0;
}

#tweets .res-icon a {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#tweets .res-date,
#tweets .res-action {
    float: right;
}

#tweets .res-date,
#tweets .res-name,
#tweets .res-body {
    margin-bottom: 0.3em;
}

#tweets .res-info,
#tweets .res-name,
#tweets .res-body {
    margin-left: 58px;
}

#tweets .res-name a {
    font-weight: bold;
}

#tweets .res-date a,
#tweets .res-name a .res-tw-id,
#tweets .res-info a,
#tweets .res-action a {
    color: #999;
    font-weight: normal;
}

#tweets .res-date,
#tweets .res-info,
#tweets .res-action {
    font-size: 11px;
}

#tweets .res-info img,
#tweets .res-action img {
    position: relative;
    top: 2px;
}

#tweets .res-action img {
    margin-left: 10px;
}

#tweets .more-button {
    text-align: center;
    margin: 5px 5px -5px 5px;
}

#tweets .more-button a {
    display: block;
    padding: 10px 0;
    background-color: #fff;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    color: #0f5eb7;
    font-weight: bold;
}

#tweets .more-button a:hover {
    background-color: #fcf8cc;
}

/*-----------------------------------------------------
 fontred ( best5 & recommend : フォント色)
-----------------------------------------------------*/
.fontred {
    color: #f00;
}

/*-----------------------------------------------------
 hl_under ( featured special : h2タイトル部分)
-----------------------------------------------------*/
.hl_under {
    padding: 2% 3% !important;
}

/*-----------------------------------------------------
 archivelist (index special : 3カラム サムネイルつきニュース一覧)
-----------------------------------------------------*/
.content_cbox .archivelist {
    width: 100%;
    padding-bottom: 20px;
}

.content_cbox .archivelist ul {
    overflow: hidden;
    margin-bottom: 15px;
}

.content_cbox .archivelist li {
    float: left;
    margin-right: 2%;
    width: 31.3%;
}

.content_cbox .archivelist li.last {
    margin-right: 0%;
    width: 31.3%;
}

.content_cbox .archivelist li .archivelist_txt {
    margin-top: 8px;
}

.content_cbox .archivelist li .archivelist_txt dt {
    margin-bottom: 8px;
}

.content_cbox .archivelist li .archivelist_txt dt a {
    background: url(/user/img/content/icon_news_arrow02.png) left 0.2em no-repeat;
    padding-left: 15px;
    display: block;
    color: #333333;
    text-decoration: none;

}

.content_cbox .archivelist li .archivelist_txt dt a:hover {
    text-decoration: underline;
}

.content_cbox .archivelist li .archivelist_txt dd {
    color: #333333;
}

@media only screen and (max-width: 479px) {
    .content_cbox .archivelist li {
        float: none;
        margin-right: 2%;
        width: auto;
        display: table;
        padding-bottom: 10px;
    }

    .content_cbox .archivelist .archivelist_img {
        display: table-cell;
        padding-right: 10px;
    }

    .content_cbox .archivelist .archivelist_txt {
        display: table-cell;
        vertical-align: top;
    }

    .content_cbox .archivelist ul {
        margin-bottom: 0px;
    }
}

/*-----------------------------------------------------
 date (featured & mantan & special : ニュース等の投稿記事の掲載日)
-----------------------------------------------------*/
.singlepost .content_cbox .date {
    text-align: right;
    font-size: 12px;
}

/*-----------------------------------------------------
 description_lead (my & ranking : 漫画リスト の説明文)
-----------------------------------------------------*/
p.description_lead {
    padding: 10px;
}

p.description_lead a {
    color: #056397;
}

/*-----------------------------------------------------
 contentlist (all : サムネイル付き ニュース一覧 サムネ・テキスト横並び)
-----------------------------------------------------*/
.content_cbox .contentlist {
    margin-top: 13px;
}

.content_cbox .contentlist li {
    width: 100%;
    padding-bottom: 30px;
}

/*----------------------------
 contentlist_img (all :　contentlist内の画像)
----------------------------*/
.content_cbox .contentlist_img {
    display: table-cell;
    width: 17%;
    text-align: center;
}

/*----------------------------
 contentlist_txt (all :　contentlist内のテキスト)
----------------------------*/
.content_cbox .contentlist_txt {
    display: table-cell;
    width: 80%;
    padding-left: 3%;
    color: #333333;
    vertical-align: top;
}

.content_cbox .contentlist_txt .txttit {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

.content_cbox .contentlist_txt .date {
    font-size: 12px;
}

.content_cbox .contentlist_txt dt {
    margin-bottom: 20px;
}

.content_cbox .contentlist_txt dd {
    color: #333333;

    line-height: 140%;
}

.content_cbox .contentlist_txt .iconnew {
    color: #ffffff;
    background: #e77e23;
    padding: 0 5px;
    margin-left: 5px;
}

.content_cbox .contentlist_txt p {
    text-align: right;
    color: #ffffff;
    margin-top: 10px;
}

.content_cbox .contentlist_txt p a {
    color: #ffffff;
    padding: 5px 8px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    behavior: url(/user/pie/PIE.htc);
    font-weight: bold;
    text-decoration: none;
}

/*-----------------------------------------------------
 rankingsublist (all : →アイコン付き サムネテキスト横並び一覧)
-----------------------------------------------------*/
.rankingsublist li {
    border-bottom: 1px dotted #cccccc;
    display: block;
    overflow: hidden;
    padding: 10px 15px 10px 5px;
    background: url(/user/img/content/arrow_red.png) no-repeat right;
    color: #333;
}

.rankingsublist li:hover {
    background: #F8F8F8 url(/user/img/content/arrow_red.png) no-repeat right;
}

.newssublist li.current,
.hopesublist li.current {
    background: #ecf0f1;
    padding: 3px 0;
}

/*-----------------------------------------------------
 numlist02 (all : これ読みたい！ これオススメ！ ブロック)
-----------------------------------------------------*/
.singlepost ul.numlist02 li.readnum p a {
    border-right: 1px solid #eee;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
}

ul.numlist02 li span img {
    max-width: 80px;
    height: auto;
    width: auto;
}

ul.numlist02 li span.hatena img {
    max-width: 34px;
}

ul.numlist02 li.readnum p span.noimage {
    position: relative;
    background: #ffffff;
    border: 2px solid #cc0066;
    padding: 3px 0;
    margin: 0 10px;
}

ul.numlist02 li.readnum p span.noimage:after,
ul.numlist02 li.readnum p span.noimage:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.numlist02 li.readnum p span.noimage:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 3px;
    margin-left: -3px;
}

ul.numlist02 li.readnum p span.noimage:before {
    border-color: rgba(204, 0, 102, 0);
    border-bottom-color: #cc0066;
    border-width: 6px;
    margin-left: -6px;
}

ul.numlist02 li.recommendnum p span.noimage {
    position: relative;
    background: #ffffff;
    border: 2px solid #d95e01;
    padding: 3px 0;
    margin: 0 10px;
}

ul.numlist02 li.recommendnum p span.noimage:after,
ul.numlist02 li.recommendnum p span.noimage:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.numlist02 li.recommendnum p span.noimage:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 3px;
    margin-left: -3px;
}

ul.numlist02 li.recommendnum p span.noimage:before {
    border-color: rgba(204, 0, 102, 0);
    border-bottom-color: #d95e01;
    border-width: 6px;
    margin-left: -6px;
}

.singlepost ul.numlist02 li.recommendnum p a {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
}

.singlepost ul.numlist02 li.readnum p span,
.singlepost ul.numlist02 li.recommendnum p span {
    color: #333;
    display: block;
}

.singlepost .content_cbox .numlist02 {
    display: table;
    width: 100%;
}

.singlepost .content_cbox .numlist02 li.readnum,
.singlepost .content_cbox .numlist02 li.recommendnum {
    display: table-cell;
    width: 50%;
    overflow: hidden;
}

.singlepost .content_cbox .numlist02 li.recommendnum .userlist_r {
    padding-left: 7%;
}

.singlepost .content_cbox .numlist02 li.readnum ul li,
.singlepost .content_cbox .numlist02 li.recommendnum ul li {
    float: left;
    margin-right: 4px;
    margin-bottom: 10px;
}

.singlepost ul.numlist02 li span.bggray a {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    border-right: none;
    position: relative;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e5e5e5', GradientType=0);
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    display: block;
}

/*----------------------------
 qacell (all :　これ読みたい！これオススメ！ボタン)
----------------------------*/
.qacell {
    display: table;
    margin: 0 auto 20px;
}

/*----------------------------
 bggray (all : これ読みたい！これオススメ！ボタンの位置調整)
----------------------------*/
span.bggray {
    display: table-cell;
    padding: 0 5px;
    width: 90px;
}

/*----------------------------
 fukidashi (all : これ読みたい！これオススメ！ボタン横のふきだし)
----------------------------*/
.fukidashi {
    position: relative;
    background: #ffffff;
    border: 2px solid #e54092;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: table-cell;
    vertical-align:middle;
    font-size: 0.8rem;
}

.fukidashi a {
    display: block;
    color: #333;
    text-decoration: none;
    padding: 0 10px;
    font-weight: bold;
}

.fukidashi:after,
.fukidashi:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.fukidashi:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 5px;
    margin-top: -5px;
}

.fukidashi:before {
    border-color: rgba(229, 64, 146, 0);
    border-right-color: #e54092;
    border-width: 8px;
    margin-top: -8px;
}

.recommendnum .fukidashi {
    position: relative;
    background: #ffffff;
    border: 2px solid #e77e23;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.recommendnum .fukidashi a {
    display: block;
    color: #333;
    text-decoration: none;
    padding: 0 10px;
    font-weight: bold;
}

.recommendnum .fukidashi:after,
.recommendnum .fukidashi:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.recommendnum .fukidashi:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 5px;
    margin-top: -5px;
}

.recommendnum .fukidashi:before {
    border-color: rgba(231, 126, 35, 0);
    border-right-color: #e77e23;
    border-width: 8px;
    margin-top: -8px;
}

/*----------------------------
 hatena (all : これ読みたい！これオススメ！ボタン横のふきだし横のはてなアイコン)
----------------------------*/
.hatena {
    cursor: pointer;
    display: table-cell;
    padding: 0 5px;
    width: 40px;
}

/*----------------------------
 qa (all : これ読みたい！これオススメ！ボタン横の使い方説明テキスト)
----------------------------*/
.qa {
    display: none;
    padding: 10px;
    margin: 0 0 20px 0;
    border: 1px dotted #ccc;
}

.qa a {
    color: #c1392b;
}


/*-----------------------------------------------------
 iconlist (all : 読みたい！オススメ！の漫画棚の漫画リスト)
-----------------------------------------------------*/
.iconlist dl {
    margin-bottom: 20px;
}

.iconlist dt {
    font-weight: bold;
    margin-bottom: 15px;
}

#bestfivesingle .iconlist dt {
    border-bottom: 1px solid #e77e23;
    padding: 0 0 3px 0;
}

.iconlist ul {
    overflow: hidden;
}

.iconlist li {
    float: left;
    margin:0 0 8px 1%;
    position: relative;
    width:19%;
}

.iconlist li a {
    color: #c1392b;
    font-size: 12px;
    padding: 5px 0 0 0;
}

.iconlist .music_list li a {
    color: #056397;
}

img.icon_comment {
    position: absolute;
    top: 61px;
    left: 0px;
}

.color01 {
    color: #e83d92;
}

.color02 {
    color: #e77e23;
}

.iconlist .music_icon {
    background: url(/user/img/content/music_icon.gif) top left no-repeat;
    padding-left: 16px;
}

.iconlist .manga_icon {
    background: url(/user/img/content/manga_icon.gif) top left no-repeat;
    padding-left: 16px;
}

/*----------------------------
 user_icon01 (all : アイコンリスト内の 〜さんの他の「読みたい！」漫画棚 のユーザー名部分)
----------------------------*/
.user_icon01 {
    background: url(/user/img/content/user_icon01.gif) top left no-repeat;
    padding-left: 16px;
}

.user_icon02 {
    background: url(/user/img/content/user_icon02.gif) top left no-repeat;
    padding-left: 16px;
}

/*-----------------------------------------------------
 tokobtn (all : 私ならこうつくるボタン)
-----------------------------------------------------*/
#featured .content_cbox .tokobtn a,
.content_cbox .tokobtn.featuredbtn a {
    background: #E84C3C top left no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    display: block;
    color: #ffffff !important;
    text-decoration: none;
    width: 70%;
    margin: 30px auto 30px;
    text-align: center;
    padding: 8px 0;
}

#featured .content_cbox .tokobtn a:hover,
.content_cbox .tokobtn.featuredbtn a:hover {
    background: #c1392b;
}

#featured .content_cbox .tokobtn span,
.content_cbox .tokobtn.featuredbtn span {
    background: url(/user/img/content/toko_icon.png) top left no-repeat;
    padding-left: 24px;
}

#featured .content_cbox .link {
    color: #e84c3d;
    font-size: 12px;
}

#featured .singlepost ul.numlist li {
    padding: 8px 0;
}

/*-----------------------------------------------------
 calendar (all : )
-----------------------------------------------------*/
/*----------------------------
 releaselist (all:各マンガの詳細ボックス)
----------------------------*/
#calendar .singlepost .content_cbox .releaselist {
    border: none;
    box-shadow: none;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

#calendar .singlepost .content_cbox .recommendlistBox .inner {
    padding-top: 0px;
    margin-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
}

/*----------------------------
 content_c (all:keywordunderのレイアウト)
----------------------------*/
#calendar .keywordunder .contentbox #content_lunder .content_c {
    width: 99.56%;
}

/*----------------------------
 release_l release_r (all:releaselist内のレイアウト)
----------------------------*/
/*#calendar .singlepost .content_cbox .release_l {*/
    /*float: left;*/
    /*width: 19%;*/
    /*padding-right: 2%;*/
/*}*/

#calendar .singlepost .content_cbox .release_r {
    display: block;
}

/*----------------------------
 moer (all:releaselist内の マンガ説明部分 続きをもっと読むリンクテキスト)
----------------------------*/
.moer {
    display: inline;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
    color: #e84c3d;
}

/*----------------------------
 moer_text (all:releaselist内の マンガ説明部分 非表示テキスト)
----------------------------*/
.moer_text {
    display: none;
}

/*----------------------------
 moer_text (all:releaselist内の マンガ説明部分 非表示テキストを閉じるテキストリンク)
----------------------------*/
.close {
    display: none;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
    color: #e84c3d;
}

/*----------------------------
 recommendtxt (all:releaselist内の 右側テキストの部分)
----------------------------*/
#calendar .content_cbox .release_r dl.recommendtxt {
    width: 100%;
    margin: 0 0 10px;
}

#calendar .content_cbox .release_r dl.recommendtxt dt {
    margin-top: 0px;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0 10px;
}

#calendar .content_cbox .release_r dl.recommendtxt dt span {
    background: #f8c9c4 top left no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    font-size: 12px;
    padding: 3px;
    margin-top: 5px;
    font-weight: normal;
}

/*----------------------------
 relasetit (all:releaselist内の 右側本のタイトル)
----------------------------*/
#calendar .recommendlistBox .inner .release_r dl.relasetit dt {
    background: none;
    padding-left: 0px;
    margin-bottom: 10px;
}

/*----------------------------
 snslist (all : snsボタンリスト)
----------------------------*/
#calendar .singlepost .content_cbox .snslist {
    overflow: hidden;
    margin-bottom: 12px;
    margin-top: 8px;
}

/*----------------------------
 iconlist (all : この漫画にオススメの音楽 この漫画を好きな人にオススメの漫画 リスト)
----------------------------*/
#calendar .singlepost .content_cbox .iconlist dl {
    margin-bottom: 20px;
}

#calendar .singlepost .content_cbox .iconlist dt,
.iconlist dt.borb {
    font-weight: bold;
    margin-bottom: 12px;
    border-bottom: #3598db 1px solid;
    padding-bottom: 5px;
}

#featured .singlepost .content_cbox .iconlist dt {
    font-weight: bold;
    margin-bottom: 12px;
    border-bottom: #3598db 1px solid;
    padding-bottom: 5px;
}

#calendar .singlepost .content_cbox .iconlist dd ul {
    overflow: hidden;
    margin-bottom: 8px;
}

#calendar .singlepost .content_cbox .iconlist dd li {
    float: left;
    position: relative;
    margin-bottom: 7px;
}

/*-----------------------------------------------------
 twitterlist (all : Twitterからのコメント )
-----------------------------------------------------*/
#calendar .singlepost .content_cbox .iconlist .twitterlist dt {
    background: url(/user/img/content/icon_twitter.gif) left top no-repeat;
    padding-left: 31px;
    padding-bottom: 8px;
    overflow: hidden;
}

#calendar .singlepost .content_cbox .iconlist .twitterlist dt .tit01 {
    float: left;
    padding-top: 3px;
}

#calendar .singlepost .content_cbox .iconlist .twitterlist dt .twitterbtn {
    float: right;
}

#calendar .singlepost .content_cbox .iconlist iframe #widget {
    float: right !important;
}

/*----------------------------
 icon_comment ( all : iconlist内コメントありイラストつきアイコン )
----------------------------*/
#calendar .content_cbox img.icon_comment {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top:auto;
}

/*----------------------------
 icon_comment ( all : iconlist内この漫画にオススメの音楽 タイトル )
----------------------------*/
#calendar .content_cbox .iconlist .music_icon {
    background: url(/user/img/content/music_icon02.png) top left no-repeat;
    padding:5px 0 5px 30px;
    font-weight: bold;
    margin-bottom: 15px;
    background-size:25px 25px;
}

/*----------------------------
 manga_icon ( all : iconlist内この漫画を好きな人にオススメの漫画 タイトル )
----------------------------*/
#calendar .content_cbox .iconlist .manga_icon {
    background: url(/user/img/content/manga_icon02.png) top left no-repeat;
    padding:5px 0 5px 30px;
    font-weight: bold;
    margin-bottom: 15px;
    background-size:25px 25px;
}

/*----------------------------
 readuser_icon ( all : iconlist内読みたい！を押したユーザー タイトル )
----------------------------*/
#calendar .content_cbox .iconlist .readuser_icon {
    background: url(/user/img/content/user_icon01.gif) top left no-repeat;
    padding-left: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

h2#reviewarea,
h3#reviewarea  {
    border-left: 6px solid #E76057;
    padding-left: 12px;
    margin: 20px 0 14px;
    font-size: 108%;
    color:#333;
}

/*----------------------------
 btninfo (recommend: 人アイコン、テキスト横並びのリンク 押下時説明文表示)
----------------------------*/
#calendar .btninfo2,
#featured .btninfo2 {
    margin-top: 15px;
}

#calendar .btninfo a.none,
#featured .btninfo a.none,
#calendar .btninfo2 a.none,
#featured .btninfo2 a.none {
    text-align: center;
    background: url("/user/img/content/icon_arrow02a.png") no-repeat right;
    padding: 5px 30px;
    border-bottom: 1px dotted #cccccc;
    display: block;
    font-size: 14px;
}

#calendar .btninfo a,
#featured .btninfo a,
#calendar .btninfo2 a,
#featured .btninfo2 a {
    text-align: center;
    background: url("/user/img/content/icon_arrow02b.png") no-repeat right;
    border-bottom: 1px dotted #cccccc;
    padding: 5px 30px;
    display: block;
}

#calendar .btnexplain,
#featured .btnexplain,
#calendar .btnexplain2,
#featured .btnexplain2 {
    display: none;
    padding: 10px 10px;
    border-bottom: 1px dotted #cccccc;
    border-right: 1px dotted #cccccc;
    border-left: 1px dotted #cccccc;
}

#calendar .btninfo a,
#calendar .btnexplain a,
#calendar .btninfo2 a,
#featured .btninfo a,
#featured .btnexplain a,
#featured .btninfo2 a {
    color: #c1392b;
}

#calendar .btninfo a:hover,
#calendar .btnexplain a:hover,
#featured .btninfo a:hover,
#featured .btnexplain a:hover {
    text-decoration: none;
}

/*-----------------------------------------------------
 relasetit (all : releaselist 内の漫画タイトル、著者名部分)
-----------------------------------------------------*/
dl.relasetit dd.author {
    text-align: right;
    padding: 5px 0;
}

dl.relasetit dd.author a:link,
dl.relasetit dd.author a:visited {
    background: url("/user/img/content/icon_blue_s.png") no-repeat left;
    padding: 0 0 0 15px;
    color: #0b00f0;
    text-decoration: underline;

}

dl.relasetit dd.author a:hover {
    text-decoration: none !important;
}

/*-----------------------------------------------------
 stamplist (all : スタンプリスト)
-----------------------------------------------------*/
.stamplist {
    padding: 5px 0;
    margin: 10px 0;
    background: #ddd;
    border: 1px solid #ccc;
    overflow: hidden;
}

.stamplist li {
    text-align: center;
    float: left;
    margin-bottom: 5px;
}

.stamplist dt {
    text-align: center;
    margin-bottom: 12px;
}

.stamplist dd ul {
    overflow: hidden;
    margin: 0 auto;
    padding-left: 5%;
}

.stamplist dd li {
    text-align: center;
    float: left;
    margin-bottom: 5px;
    font-weight: bold;
}

.stamplist dd li img {
    display: block;
    margin-bottom: 5px;
}

.stamplist dt span {
    position: relative;
    display: block;
    padding: 5px 10px;
    margin: 0 auto 20px auto;
    width: 78%;
    color: #333333;
    text-align: center;
    background: #F6F6F6;
    border: 3px solid #FF8E2B;
    z-index: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.stamplist dt span:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -9px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #F6F6F6 transparent transparent transparent;
    z-index: 0;
}

.stamplist dt span:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #FF8E2B transparent transparent transparent;
    z-index: -1;
}

.stamplist dt span strong {
    display:block;
}

/*-----------------------------------------------------
 stamplist02 (calendar single & ranking single : 評価ボタンの縦並びリスト)
-----------------------------------------------------*/
.stamplist02 li {
    margin: 0 0 15px 0;
    position: relative;
}

.stamplist02 li img {
    position: absolute;
    left: 10px;
    top: 0;
}

.stamplist02 li:nth-child(2n+1) a {
    background: #bb71d8 url("/user/img/content/icon_arrow00s1.png") no-repeat 95% 50%;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px 15px 80px;
    display: block;
}

.stamplist02 li:nth-child(2n) a {
    background: url("/user/img/content/icon_ranking_arrow01c.png") no-repeat 95% 50%;
    border: 2px solid #bb71d8;
    color: #9b58b5;
    text-decoration: none;
    padding: 15px 30px 15px 80px;
    display: block;
}

.stamplist02 li img {
    top: 7px;
}

/*-----------------------------------------------------
 stamp (all:)
-----------------------------------------------------*/
span.stamp {
    display: block;
    padding: 10px 0;
}

/*-----------------------------------------------------
 rankstar (all : ストーリー性、画力、などの評価ステータス部分)
-----------------------------------------------------*/
.rankstar {
    margin:10px 5px;
    text-align: right;
    font-size:14px;
}

.rankstar02 {
    font-size: 12px;
    margin: 10px 8px;
}

.rankstar02 .rank-red {
    font-size: 18px;
    color: #f00;
    font-weight: bold;
}

/*-----------------------------------------------------
 reviewrankg_box (all : みんなの口コミレビュー注目漫画ランキング のタイトル部分)
-----------------------------------------------------*/
.reviewrankg_box {
    background: #3598db;
    padding: 5px 0px 8px 0px;
    margin: 0 0 10px 0;
    font-size: 108%;
    color: #fff;
    font-weight: bold;
}

.reviewrankg2 {
    background: #3598db;
    padding: 5px 10px 8px 10px;
    font-size: 108%;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}

.reviewrankg_box .txt {
    background: #fff;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
    width: 94%;
    margin: 0 auto;
    padding: 5px 1.5%;
    font-size: 12px;
    line-height: 140%;
    font-weight: normal;
}

@media only screen and (max-width: 479px) {
    .reviewrankg2 {
        padding-left: 6px;
        font-size: 14px;
        height: 14px;
        margin-bottom: 3px;
    }
    #calendar .reviewrankg,
    #featured .reviewrankg {
        font-size: 86%;
        padding: 10px 10px 8px 6px;
    }
}

/*-----------------------------------------------------
 userlist (all : ユーザーアイコンのリスト)
-----------------------------------------------------*/
.userlist p.userlisttit01 {
    margin-bottom: 5px;

    font-weight: bold;
    background: url(/user/img/content/icon_heart.png) left center no-repeat;
    padding-left: 18px;
}

.userlist p.userlisttit02 {
    margin-bottom: 5px;
    font-weight: bold;
    background: url(/user/img/content/icon_finger.png) left center no-repeat;
    padding-left: 18px;
}

.userlist p.userlisttit01 span.people {
    font-size: 15px;
}

.userlist01,
.userlist02 {
    margin-bottom: 40px;
}

span.readtxt {
    color: #e83d92;
}

span.recommendtxt {
    color: #e77e23;
}

.userlist li.odd {
    padding: 2% 0;
}

.userlist li.even {
    background: #eef1f2;
    padding: 2% 0;
}

.userlist dl {
    display: table;
    width: 100%;
}

.userlist dt {
    display: table-cell;
    width: 19%;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 2%;
}

.userlist dt img {
    margin-bottom: 5px;

}

.userlist dd {
    display: table-cell;
    width: 75%;
    padding-left: 3%;
    vertical-align: top;
}

.userlist .iconlist {
    overflow: hidden;
}

.userlist .iconlist li {
    float: left;
    position: relative;
    margin-bottom: 8px;
}

.iconlist li a {
    display:block;
    position:relative;
}

.iconlist li a img {
    margin:0 auto;
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
}

.iconlist li br {
    display:none;
}

.userlist img.icon_comment {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

/*-----------------------------------------------------
 paging (all : ページング)
-----------------------------------------------------*/
.paging a, .paging span,
.pagingTomorrow a,
.pagingTomorrow span,
.pagingAtomorrow a,
.pagingAtomorrow span {
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
}

#calendar .page-box li {
    display: inline-block;
    margin: 0;
    padding: 2px 0 0 0;
    list-style-type: none;
}

#calendar .page-box li span.prev,
#calendar .page-box li a.prev {
    position: absolute;
    left: 0px;
    top: 2px;
    border: none;
}

.page-box li span.next,
.page-box li a.next {
    position: absolute;
    right: 0px;
    top: 2px;
    border: none;
}

.paging a, .pagingTomorrow a,
.pagingAtomorrow a {
    text-decoration: none;
    color: #999999;
}

.paging .current,
.pagingTomorrow .current,
.pagingAtomorrow .current {
    background: #26B;
    color: #fff;
}

.paging a.prev,
.paging a.next,
.pagingTomorrow a.prev,
.pagingTomorrow a.next,
.pagingAtomorrow a.prev,
.pagingAtomorrow a.next {
    text-decoration: none;
}

.paging a.prev:hover,
.paging a.next:hover,
.pagingTomorrow a.prev:hover,
.pagingTomorrow a.next:hover,
.pagingAtomorrow a.prev:hover,
.pagingAtomorrow a.next:hover {
    text-decoration: underline;
}

.paging .current.prev,
.paging .current.next,
.paging .prev,
.paging .next,
.pagingTomorrow .current.prev,
.pagingTomorrow .current.next,
.pagingTomorrow .prev,
.pagingTomorrow .next,
.pagingAtomorrow .current.prev,
.pagingAtomorrow .current.next,
.pagingAtomorrow .prev,
.pagingAtomorrow .next {
    color: #4A4A4A;
    border-color: #999;
    background: #ecf0f1 top left;
    display: block;
}

.page-box li span,
.page-box li a {
    text-decoration: none;
    padding: 4px 6px;
    border: 1px solid #CCCCCC;
    margin: 0 4px;
    zoom: 1;
}

.page-box li a:hover {
    color: #000000;
    background-color: #DBDBDB;
}

@media only screen and (max-width: 479px) {
    .page-box li span,
    .page-box li a {
        padding: 4px 5px;
        margin: 0 2px;
        font-size: 10px;
    }
}

/*-----------------------------------------------------
 menulist (all : グレーのリンク・ボタンリスト)
-----------------------------------------------------*/
.menulist {
    margin-bottom: 25px;
    overflow: hidden;
}

.menulist ul {
    overflow: hidden;
}

.menulist li {
    float: left;
    margin: 0 12px 10px 0;
}

.menulist li.last {
    float: left;
    margin: 0 0 10px 0;
}

.menulist li a {
    background: #ecf0f1 url(/user/img/content/icon_arrow_mypage.png) no-repeat 0.8em 0.9em;
    padding: 6px 20px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    behavior: url(/user/pie/PIE.htc);
    width: inherit;
}

.menulist li a:hover {
    background: #95a5a5 url(/user/img/content/icon_arrow_mypage.png) no-repeat 0.8em 0.9em;
}

.menulist li.history a {
    background: #95a5a5;
    background-image: none;
    color: #FFFFFF;
}

@media only screen and (max-width: 479px) {
    .menulist ul {
        margin-bottom: 0px;
    }

    .menulist li {
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .menulist li.last {
        float: none;
        margin-right: 0px;
    }

    .menulist li a {
        background: #ecf0f1 url(/user/img/content/icon_arrow_mypage.png) no-repeat 98% 0.9em;
        padding: 8px 5%;
        width: 90%;
    }

    .menulist li a:hover {
        background: #95a5a5 url(/user/img/content/icon_arrow_mypage.png) no-repeat 98% 0.9em;
    }

    .menulist li.history a {
        background-image: none;
    }
}

/*-----------------------------------------------------
 rirekilist (all : 漫画リスト サムネイルとタイトル)
-----------------------------------------------------*/
.rirekilist {
    zoom: 1;
}

.rirekilist:after {
    content: "";
    display: block;
    clear: both;
}

.rirekilist li {
    float: left;
    margin: 0 5px 10px 5px;
    width: 58px;
}

.rirekilist li a {
    font-size: 13px;
    color: #056397;
}

.rirekilist.limgb20 li {
    margin-bottom: 5%;
}

.rirekilist li img {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
    z-index: 10;
}


.rirekilist.tag-list li {
    width: 19%;
    margin: 0 0 0 1%;
}

.rirekilist.tag-list li a {
    background:none;
    padding:0;
}

.rirekilist.tag-list li img {
    width:100%;
    height:auto;
    min-height:83px;
}

/*-----------------------------------------------------
 drop-target (my & recommend : 漫画を入れ込む部分)
-----------------------------------------------------*/
#mypage .ranklist .drop-target {
    width: 77px;
    height: 90px;
    border: dashed 1px #cccccc;
}

/*-----------------------------------------------------
 txttitle (my : （例）泣ける 等を入れるテキストボックス)
-----------------------------------------------------*/
#mypage .content_cbox input[type="text"].txttitle {
    width: 40%;
    margin-right: 10px;
    color: #666666;
}

/*-----------------------------------------------------
 pep-dpa (my : （pep.js用のスタイル)
-----------------------------------------------------*/
#mypage .ranklist .pep-dpa {
    background: #eeeeee;
}

/*-----------------------------------------------------
 mypagepaging (my & best5 & recommend : ページング )
-----------------------------------------------------*/
.mypagepaging {
    background: #ecf0f1;
    padding: 8px 2%;
    margin: 0 0 10px 0;
    font-size: 12px;
    overflow: hidden;
}

.mypagepaging a {
    color: #999;
    display: block;
}

.prebtn {
    float: left;
}

.nextbtn {
    text-align: right;
}

/*-----------------------------------------------------
 bggrayhl ( all :  [●●●●●●]さんの読みたい！おすすめ！漫画棚 タイトル部分)
-----------------------------------------------------*/
.bggrayhl {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e5e5e5', GradientType=0);
    font-weight: bold;
    margin: 20px 0;
    padding: 10px;
    line-height: 1.5;
    font-size: 14px;
}

/*-----------------------------------------------------
  shoplink ( all : amazon 楽天 kindleボタン)
-----------------------------------------------------*/
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkkindle,
.pochi_name {
    display: inline-block !important;
    text-align: center !important;
    margin: 0 5px 10px 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}

.pochi_name {
    display: block !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    font-size: 65% !important;
    padding-top: 1em !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #737373), color-stop(0.48, #4a4545), color-stop(0.54, #454545), color-stop(0.54, #454545), color-stop(0.01, #c9c5c5), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1)) !important;
    background: -webkit-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%) !important;
    background: -moz-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%) !important;
    background: -o-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%) !important;
    background: -ms-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%) !important;
    background: linear-gradient(to bottom, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%) !important;
}

.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkkindle a,
.pochi_name a {
    display: inline-block !important;
    color: #fff !important;
    text-decoration: none !important;
}

.shoplinkamazon a:hover,
.shoplinkrakuten a:hover,
.shoplinkkindle a:hover {
    background: gray !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}

/*-----------------------------------------------------
 booklink( all : 関連本の表示部分)
-----------------------------------------------------*/
.booklink-box {
    margin: 10px 0;
    overflow: hidden;
}

.booklink-image {
    float: left;
    width: 25%;
}

.booklink-info {
    float: right;
    width: 70%;
}

.booklink-name,
.booklink-detail {
    margin: 0 0 10px 0;
}

.booklink-name {
    font-weight: bold;
}

.booklink-powered-date {
    font-size: 12px;
    margin: 0 0 10px 0;
}

.booklink-link2 {
    overflow: hidden;
}

.booklink-link2 li {
    float: left;
    margin: 0 2% 10px 0;
    text-align: center;
    width: 30%;
    display: block;
}

.booklink-link2 li a {
    border-radius: 10px;
    display: block !important;
    padding: 5px 0;
}

.booklink-box .shoplinkamazon {
    background: #fc9b18;
}

.booklink-box .shoplinkrakuten {
    background: #BD0000;
}

.booklink-box .shoplinkkindle {
    background: #e47911;
}

.btnlist .booklink-box {
    margin: 0;
    padding: 5px 3px;
}

.booklink-box ul.booklink-link3 {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.booklink-box ul.booklink-link3 li {
    width: 31%;
    margin: 0 !important;
    float: none !important;
    display: inline-block;
}

.booklink-box ul.booklink-link3 li:first-child {
    margin-left: 0 !important;
}

.booklink-box ul.booklink-link3 li a {
    font-size: 10px;
    padding: 6px 0;
    display: block !important;
    font-weight: bold;
}

/*----------------------------
 booklink-name (all : 本のタイトル)
----------------------------*/
.booklink-name a,
.booklink-powered-date a {
    color: #c1392b;
}

@media only screen and (max-width: 479px) {
    .booklink-image {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .booklink-info {
        float: none;
        width: auto;
    }

    .booklink-link2 li {
        float: none;
        margin: 0 0 10px 0;
        width: 100%;
    }
}

/* iPhone (landscape)
================================================== */
@media only screen and (max-width: 767px) {

    div.boxtit.home {
        cursor: pointer;
    }

    #featured .singlepost .content_cbox .release_l {
        float: left;
        width: 23%;
        margin-right: 2%;
    }

    #featured .singlepost .content_cbox .release_r {
        float: left;
        width: 73%;
    }

    #featured .singlepost .content_cbox .tokobtn a {
        width: 100%;
        padding: 10px 0;
    }

    #calendar .singlepost .content_cbox .release_l {
        float: left;
        width: 26%;
        margin-right: 3%;
    }

    #calendar .singlepost .content_cbox .tokobtn a,
    .rankingbtn a {
        width: 96%;
        padding: 10px 0;
    }

    .singlepost .content_cbox .numlist02 li.recommendnum .userlist_r {
        padding-left: 0%;
    }

    .singlepost .content_cbox .iconlist dd ul {
        margin-right: -4px;
    }

    .singlepost .content_cbox .iconlist dd ul li {
        margin-right: 4px;
    }

    .singlepost ul.numlist02 li.readnum p a {
        border-right: none;
    }

    .singlepost ul.numlist02 li.readnum p a {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        padding: 15px 0;
    }

    .singlepost ul.numlist02 li.recommendnum p a {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        padding: 15px 0;
    }

    .singlepost .content_cbox .numlist02 li.readnum .userlist_l,
    .singlepost .content_cbox .numlist02 li.recommendnum .userlist_r {
        margin-right: -4px;
    }

    .singlepost .content_cbox .numlist02 li.readnum,
    .singlepost .content_cbox .numlist02 li.recommendnum {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .hidecontent .content_l,
    .hidecontent .content_r {
        display: none;
    }

}

/* iPhone (portrait)
================================================== */

@media only screen and (max-width: 479px) {
    #mypage .content_cbox .release_l {
        width: 30%;
        margin-right: 3%;
    }

    #mypage .content_cbox .release_r {
        float: left;
        width: 67%;
    }

}

.clearfix,
.content_cbox .contentlist li {
    zoom: 1;
}

.clearfix:after,
.content_cbox .contentlist li:after {
    content: "";
    display: block;
    clear: both;
}

/*-----------------------------------------------------
 side-morebtn ( featured & special : )
-----------------------------------------------------*/
.side-morebtn {
    overflow: hidden;
    padding: 6px 0;
    clear: both;
}

.side-morebtn a {
    padding: 5px 0;
    width: 50%;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: right;
}

.side-morebtn a span {
    background: url(/user/img/content/icon_arrow.png) center left no-repeat;
    color: #fff;
    padding-left: 14px;
}

.side-morebtn a {
    text-align: center;
    color: #fff;
}

/*-----------------------------------------------------
 best5numlist ( all : 〜漫画BEST5)
-----------------------------------------------------*/
ul.best5numlist {
    overflow: hidden;
    margin: 10px 0 0 0;
    border-top: 1px solid #eee;
    width: 97%;
}

ul.best5numlist li {
    float: left;
    width: 50%;
}

ul.best5numlist li.readnum a {
    border-right: 1px solid #eee;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    behavior: url(/user/pie/PIE.htc);
    position: relative;

}

ul.best5numlist li.readnum span {
    background: url(/user/img/content/icon_heart.png) 2px center no-repeat;
    padding-left: 15px;
    display: inline-block;
    color: #E54092;
}

ul.best5numlist li.recommendnum a {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    behavior: url(/user/pie/PIE.htc);
    position: relative;
}

ul.best5numlist li.recommendnum span {
    background: url(/user/img/content/icon_finger.png) 2px center no-repeat;
    padding-left: 15px;
    display: inline-block;
}

ul.best5numlist li {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e5e5e5', GradientType=0);
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
    vertical-align: middle;
}

ul.best5numlist li:hover {
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -o-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -ms-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: linear-gradient(to bottom, #e5e5e5 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#fff', GradientType=0);
}


/* iPad Smaller than 951px
================================================== */
@media only screen and (max-width: 951px) {
    .newsbox,
    .bestbox,
    .hopebox,
    .keywordmantanbox {
        display: block;
    }

    #kirikuchi {
        display: none;
    }
}

/***************************************************/
/* iPhone (landscape)
================================================== */
/***************************************************/
@media only screen and (max-width: 767px) {
    .icocome {
        display: block;
        float: left;
        padding: 0 5px 0 0;
    }

    .banner img {
        width: 30%;
        height: auto;
    }

    .releasetab,
    #recommendtab,
    .releasetab {
        display: block;
    }

    .tab_block {
        display: block;
    }

    div.news,
    div.subbestfive,
    div.hope,
    div.others,
    div.bestfive,
    #recommendboxtit.boxtit.recommend,
    div.boxtit.release,
    div.keywordmantan,
    div.keywordmantan02,
    div.boxtit.calendar,
    div.boxtit.catbox,
    .subcat,
    .ranking {
        cursor: pointer;
    }

    @-webkit-keyframes 'pulse2' {
        0% {
            opacity: 0.4;
        }
        100% {
            opacity: 1;
            -webkit-box-shadow: #dce2e3 3px 3px 3px;
            -moz-box-shadow: #dce2e3 3px 3px 3px;
            box-shadow: #dce2e3 3px 3px 3px;
        }
    }

    #kirikuchi #recommendrank {
        display: none;
    }

    #recommendrank {
        background: #f8c9c4;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        behavior: url(/user/pie/PIE.htc);
        position: relative;
        padding: 8px;
        box-shadow: 0px 0px 4px #dde2e3;
        margin-bottom: 12px;
    }

    #recommendrank h3 {
        margin-top: 0px;
        margin-bottom: 5px;
    }
}

/***************************************************/
/* iPhone (portrait)
================================================== */
/***************************************************/
@media only screen and (max-width: 479px) {
    .contentbox .bannerarea ul {
        padding: 2%;
    }

    .banner img {
        width: 70%;
    }

    .bestfivetit p,
    .top-featured-img,
    .top-featured-content,
    ul.top-featured-link li,
    .cat-block {
        float: none;
        width: auto;
        margin: 0 0 10px 0;
    }

    .top-featured-img {
        float: left;
        width: 30%;
        margin: 0 2% 2% 0;
    }
}


/*-----------------------------------------------------
 popup ( all : これ読みたい！おすすめ！ボタン)
-----------------------------------------------------*/
.mfp-content {
    background:#fff;
}

#readpopup,
#recommendpopup {
    padding:20px;
}

#readpopup h2,
#recommendpopup h2 {
    text-align:center;
    color:#333;
    margin-bottom:15px;
    padding-top:45px;
}

#readpopup h2 {
    background:url(/user/img/content/bkg_yomitai02.png) no-repeat top center;
}

#recommendpopup h2 {
    background:url(/user/img/content/bkg_osusume02.png) no-repeat top center;
}

#readpopup textarea,
#recommendpopup textarea {
    width: 98.5%;
    border: 2px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    padding: 5px;
    min-height: 100px;
    margin-bottom:10px;
}

#readpopup input[type="submit"],
#recommendpopup input[type="submit"] {
    color: #ffffff;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/user/pie/PIE.htc);
    font-size: 15px;
    padding: 8px 0%;
    cursor: pointer;
    margin: 0 auto;
    width: 25%;
    display: block;
}

#readpopup input[type="submit"] {
    background: #cc0066;
}

#recommendpopup input[type="submit"] {
    background: #d95e01;
}

.popup-modal-dismiss {
    color:#fff;
    text-align:center;
    margin-top:10px;
}

#readpopup .popup-modal-dismiss a {
    color:#cc0066;
}

#readpopup .mfp-close {
    color:#cc0066 !important;
}

#recommendpopup .popup-modal-dismiss a {
    color:#d95e01;
}

#recommendpopup .mfp-close {
    color:#d95e01 !important;
}


.tokobtn03b a {
    border: 1px solid #e84c3d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    text-decoration: none;
    margin: 10px auto;
    padding: 8px 10px 8px 10px;
    font-size: 12px;
    background: url("/user/img/content/ad_ar_01.png") no-repeat 99%;
}

.tokobtn03b a span {
    display: block;
    color: #e84c3d;
    padding: 5px 25px;
    background: url("/user/img/content/icon_moremantan02.jpg") no-repeat left;
}

.tokobtn03c a {
    border: 1px solid #2a80b9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    text-decoration: none;
    margin: 10px auto;
    padding: 8px 10px 8px 10px;
    font-size: 12px;
    background: url("/user/img/content/ad_ar_02.png") no-repeat 99%;
}

.tokobtn03c a span {
    display: block;
    color: #2a80b9;
    padding: 5px 25px;
    background: url("/user/img/content/icon_moremantan01.jpg") no-repeat left;
}

.tokobtn03o {
    clear:both;
}

.tokobtn03o a {
    border: 1px solid #e77e23;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    text-decoration: none;
    margin: 10px auto;
    padding: 8px 10px 8px 10px;
    font-size: 12px;
    background: #ffebcd url("/user/img/content/btn_plus.png") no-repeat 99%;
}

.tokobtn03o a span {
    display: block;
    color: #CC3300;
    padding: 5px 30px;
    background: url(/user/img/content/tamesiyomi-btn.png) no-repeat left;
    background-size:22px 26px;
    font-weight:bold;
    font-size:13px;
    word-wrap: break-word;
}


/*-----------------------------------------------------
 sec-relative (calendar,keyword : 関連マンガのオススメリスト)
-----------------------------------------------------*/
.sec-relative {
    padding:10px;
    margin-bottom:30px;
    border:1px solid #eee;
}

.sec-relative .tit {
    margin-left:0 !important;
}

.sec-relative h2 {
    border-bottom:1px solid #3598db;
    padding:10px 0;
    margin-bottom:10px;
    color:#000;
}

.sec-relative li a {
    display:block;
    text-decoration:none;
    color:#333;
    padding:15px 27px 15px 10px;
    background: url("/user/img/content/arcl04.png") no-repeat 98% center;
    font-size:14px;
    border-bottom:none;
}

.sec-relative li {
    margin-bottom:5px;
    border-left:5px;
}

.sec-relative li:last-child {
    margin-bottom:0;
}

.sec-relative li.cl01 {
    border:1px solid #faea2c;
    border-left:5px solid #faea2c;
}

.sec-relative li.cl02 {
    border:1px solid #f2a73d;
    border-left:5px solid #f2a73d;
}

.sec-relative li.cl03 {
    border:1px solid #ff9da7;
    border-left:5px solid #ff9da7;
}

.sec-relative li.cl04 {
    border:1px solid #ff8e67;
    border-left:5px solid #ff8e67;
}

.sec-relative li.cl05 {
    border:1px solid #82f655;
    border-left:5px solid #82f655;
}

.sec-relative li.cl06 {
    border:1px solid #6ae261;
    border-left:5px solid #6ae261;
}

.sec-relative li.cl07 {
    border:1px solid #51e1a7;
    border-left:5px solid #51e1a7;
}

.sec-relative li.cl08 {
    border:1px solid #57eaf7;
    border-left:5px solid #57eaf7;
}

.sec-relative li.cl09 {
    border:1px solid #62c7db;
    border-left:5px solid #62c7db;
}

.sec-relative li.cl10 {
    border:1px solid #ab97ed;
    border-left:5px solid #ab97ed;
}

.sec-relative li.cl11 {
    border:1px solid #ae70fb;
    border-left:5px solid #ae70fb;
}

.sec-relative li.cl12 {
    border:1px solid #f771d8;
    border-left:5px solid #f771d8;
}


/*-----------------------------------------------------
 blockquote (calendar single : 引用
-----------------------------------------------------*/
blockquote {
    position:relative;
    padding:0 9px;
}

blockquote:before{
    content:"“";
    font-size:20px;
    line-height:1em;
    font-family:"ＭＳ Ｐゴシック",sans-serif;
    color:#999;
    position:absolute;
    left:0;
    top:0;
}

blockquote:after{
    content:"“";
    font-size:20px;
    line-height:1em;
    font-family:"ＭＳ Ｐゴシック",sans-serif;
    color:#999;
    position:absolute;
    right:0;
    bottom:0;
    transform: rotateY(180deg);
}

.origin {
    text-align:right;
    color:#666;
    margin-top:5px;
}

.origin:before {
    content:"- ";
}


/*-----------------------------------------------------
 .sec-tachiyomi (keyword : single)
-----------------------------------------------------*/
.mfp-content {
    border-radius:5px;
}

.sec-tachiyomi {
    padding:30px 20px;
    max-width:450px;
    margin:0 auto;
}

.sec-tachiyomi .clearfix {
    margin-bottom:20px;
}

.sec-tachiyomi .release_l {
    float: left;
    width: 34%;
    text-align: center;
}

.sec-tachiyomi .release_r{
    float: right;
    width: 63%;
    padding-right:20px;
    box-sizing:border-box;
}

.sec-tachiyomi .release_r dt {
    border-bottom:2px solid #056397;
    padding-bottom:10px;
    margin-bottom:10px;
    font-size:18px;
    font-weight:bold;
}

.sec-tachiyomi .relasetit + p {
    font-size:13px;
}

.sec-tachiyomi .btnlist {
    margin-bottom:20px;
}

.sec-tachiyomi .btnlist li {
    margin-bottom:10px;
}

.sec-tachiyomi .btnlist a {
    display:block;
    text-align:center;
    text-decoration:none;
    padding:10px;
    border-radius:5px;
    color:#fff;
}

.sec-tachiyomi .btn-amazon a {
    background:#ff9900;
}

.sec-tachiyomi .btn-kindle a {
    background:#5292d2;
}

.sec-tachiyomi .btn-ebook a {
    background:#0088ff;
}

.sec-tachiyomi .btn-rakuten a {
    background:#bf0000;
}

.sec-tachiyomi .goods:last-of-type {
    margin-bottom:0;
    padding-bottom:0;
}

/*----------------------------
 sec-sub (calendar: singleページ)
----------------------------*/
.sec-sub {
    margin-bottom:30px;
    padding:15px 10px !important;
    border:1px solid #eee;
}

.sec-sub h2 {
    font-weight: bold;
    margin:0 0 10px 0;
    padding:0 0 5px 0;
    border:none;
    border-bottom: #3598db 1px solid;
    padding-left:none;
    font-size:16px;
    color:#333;
}

.moviebox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom:10px;
}

.moviebox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


.sec-sub {
    margin-bottom:15px;
    padding:15px 10px !important;
    border:1px solid #eee;
}

.moviebox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom:10px;
}

.moviebox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


.sec-sub .clearfix {
    display:table;
    width:100%;
}

.sec-sub .thumb,
.sec-sub .txt {
    display:table-cell;
    vertical-align:top;
}

.sec-sub .thumb {
    width:30%;
    text-align:center;
}

.sec-sub .thumb + .txtbox {
    width: 75%;
    padding-left: 10px;
}

.sec-sub .txt {
    width:70%;
    padding-left:10px;
}

.sec-sub .movielink {
    margin-top:10px;
    padding-bottom:0;
}

.sec-sub .movielink a {
    font-size:15px;
    font-weight:bold;
}

.sec-sub .clearfix {
    display:table;
    width:100%;
}

.sec-sub .thumb,
.sec-sub .txt {
    display:table-cell;
    vertical-align:top;
}

.sec-sub .thumb {
    width:30%;
    text-align:center;
}

.sec-sub .txt {
    width:70%;
    padding-left:10px;
}

.goods_amazonmovie h2,
.title-amazonmovie {
    height: auto;
    background: url(/user/img/content/mark-AmazonP.png) left center no-repeat;
    background-size: 22px 22px;
    padding: 5px 0 5px 27px !important;
    margin-bottom: 5px;
    border-left:none !important;
}

#goods_amazonmovie h2 {
    margin-bottom:20px;
}

.title-goods {
    height: auto;
    background: url(/user/img/content/mark-goods.png) left center no-repeat;
    background-size: 22px 22px;
    padding: 5px 0 5px 27px !important;
    margin-bottom: 5px;
}

.content_cbox .sec-sub .contentlist_txt .title {
    margin-top:0;
    font-weight:bold;
}

.content_cbox .sec-sub .contentlist_txt .title a {
    text-decoration:underline;
}

.content_cbox .sec-sub .contentlist_txt p {
    text-align: left;
    color: #333;
}

.sec-sub .recommendlist li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.sec-sub .recommendlist li:last-child {
    border-bottom:none;
}

.sec-sub .arrow_recommendlist .contentlist_img {
    width:12%;
}

.sec-sub .arrow_recommendlist .arrow {
    width:5%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.sec-sub .arrow_recommendlist .title a {
    padding:0;
}

.sec-sub .li_recommend .contentlist_txt .title a {
    color:#e84c3d;
}

.sec-sub .li_keywordmantan .contentlist_txt .title a {
    color:#1bbc9b;
}

/*----------------------------
 goods (calendar: グッズページ)
----------------------------*/
.goods {
    margin:20px auto 10px;
    padding-bottom:10px;
}

.goods .goodsimg {
    width:35%;
    text-align:center;
}

.goods .goodsimg img {
    width:auto;
    max-width:100%;
    height:auto;
}

.goods .goodstxt {
    width:75%;
    padding-left:10px;
}

.goods .goodsimg,
.goods .goodstxt {
    display:table-cell;
    vertical-align:top;
}

#goods.goods .goodsimg,
#goods.goods .goodstxt {
    display:block;
    width:100%;
    box-sizing:border-box;
}

#goods.goods .goodsimg {
    margin-bottom:5px;
    text-align:center;
}

#goods.goods .goodstxt {
    text-align:left;
}

.goodsbtn {
    margin-top:20px;
    text-align:center;
}

.goodsbtn a {
    display:block;
    padding:10px 33px 10px 10px;
    background:#e84c3d url(/user/img/content/maru_arrow100.png) no-repeat 98% center;
    background-size:25px 25px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}

.goods_amazonmovie .goodsbtn a {
    background:#339e23 url(/user/img/content/maru_arrow100.png) no-repeat 98% center;
    background-size:25px 25px;
}

.item > .goodsbtn {
    margin:10px auto;
}

.goods h3,.goods h2 {
    margin-bottom:20px;
    padding:10px;
    border-bottom:1px solid #3598db;
    border-left:5px solid #3598db;
    color:#000;
}

.goods .item {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px dotted #ccc;
    display:table;
    width:100%;
}

.goods .item:last-of-type {
    border-bottom:none;
}

.tokobtn03o + .goods .item:last-of-type {
    margin-bottom:0;
    padding-bottom:0;
}

.goodsback a {
    display:block;
    text-align:center;
    padding:15px 33px 15px 10px;
    background:#3598db url(/user/img/content/maru_arrow100.png) no-repeat 98% center;
    background-size:25px 25px;
    color:#fff;
    text-decoration:none;
    margin-bottom:30px;
}

.goods .tag-minilist {
    margin:0;
}

.goods .tag-minilist a {
    border:1px solid #3598db;
    background:#3598db;
    color:#fff;
}

.goods .tag-minilist a:hover {
    background:#fff;
    color:#3598db;
}

.goods .tag-minilist li span {
    background:url(/user/img/content/icon_arrow01r.png) no-repeat right center;
    padding:0 20px 0 10px;
}

.goodstitle {
    margin-bottom:10px;
}

.goods .info {
    font-size:13px;
    margin-bottom:5px;
    padding-bottom:5px;
    color:#444;
}


/*----------------------------
 cattitle (keyword: カテゴリ別タイトル)
----------------------------*/
.cat01 .cattitle {
    background:#faea2c;
}

.cat02 .cattitle {
    background:#F2A73E;
}

.cat03 .cattitle {
    background:#ff9da7;
}

.cat04 .cattitle {
    background:#ff8e67;
}

.cat05 .cattitle {
    background:#82f655;
}

.cat06 .cattitle {
    background:#6ae261;
}

.cat07 .cattitle {
    background:#51e1a7;
}

.cat08 .cattitle {
    background:#57eaf7;
}

.cat09 .cattitle {
    background:#62c7db;
}

.cat10 .cattitle {
    background:#ab97ed;
}

.cat11 .cattitle {
    background:#ae70fb;
}

.cat12 .cattitle {
    background:#f771d8;
}

/*-----------------------------------------------------
 indexbox (indexbox : タイトル部分の開閉目次)
-----------------------------------------------------*/
.indexbox {
    padding:10px;
    margin:10px 0;
}

.indexbtn {
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding:10px;
    font-size:13px;
    cursor:pointer;
}

.indexbtn span {
    display:block;
    position:relative;
    padding-right:45px;
    font-weight:normal;
}

.indexbtn span:after {
    content:"開く▼";
    position:absolute;
    top:50%;
    right:0;
    margin-top:-0.6em;
}

.indexbtn.active span:after {
    content:"閉じる▲";
}

.indexlist {
    margin-top:10px;
    display:none;
}

.indexlist li {
    text-indent: -1em;
    padding-left: 1em;
    font-size:13px;
}

.indexlist li + li {
    margin-top:7px;
}

.indexlist > li+li {
    margin-top:12px;
}

.indexlist > li:last-child {
    margin-bottom:10px;
}

.indexlist > li > ul {
    margin-top:7px;
    margin-left:10px;
}

.indexlist > li:before {
    content:"■";
    margin-right:2px;
    font-size:14px;
}

.indexlist > li > ul > li:before {
    content:"●";
    margin-right:3px;
}

.indexlist li a {
    color:#0c5a84;
}

.indexlist li .title {
    font-weight:bold;
}

/*
top
-------------------- */
#top .indexbox {
    border:2px solid #3598db;
    background:#fff;
}

#top .indexbtn {
    background: #3598db;
    color:#fff;
}

#top .indexlist > li:before {
    color: #3598db;
}

#top .indexlist > li > ul > li:before {
    color: #3598db;
}

/*
bestfivesingle
-------------------- */
#bestfivesingle .indexbox {
    border:2px solid #e77e23;
    background:#fff;
}

#bestfivesingle .indexbtn {
    background: #e77e23;
    color:#fff;
}

#bestfivesingle .indexlist > li:before {
    color: #e77e23;
}

#bestfivesingle .indexlist > li > ul > li:before {
    color: #e77e23;
}

/*
best5
-------------------- */
#best5 .indexbox {
    border:2px solid #e77e23;
    background:#fff;
}

#best5 .indexbtn {
    background: #e77e23;
    color:#fff;
}

#best5 .indexlist > li:before {
    color: #e77e23;
}

#best5 .indexlist > li > ul > li:before {
    color: #e77e23;
}

/*
recommend
-------------------- */
#featured .indexbox {
    border:2px solid #e84c3d;
}

#featured .indexbtn {
    background: #e84c3d;
    color:#fff;
}

#featured .indexlist > li:before {
    color: #e84c3d;
}

#featured .indexlist > li > ul > li:before {
    color: #e84c3d;
}

#recommend .indexbox {
    border:2px solid #e84c3d;
}

#recommend .indexbtn {
    background: #e84c3d;
    color:#fff;
}

#recommend .indexlist > li:before {
    color: #e84c3d;
}

#recommend .indexlist > li > ul > li:before {
    color: #e84c3d;
}

/*
mantan
-------------------- */
#mantan .indexbox {
    border:2px solid #1bbc9b;
}

#mantan .indexbtn {
    background: #1bbc9b;
}

#mantan .indexlist > li:before {
    color: #1bbc9b;
}

#mantan .indexlist > li > ul > li:before {
    color: #1bbc9b;
}

#keyword .indexbox {
    border:2px solid #1bbc9b;
}

#keyword .indexbtn {
    background: #1bbc9b;
}

#keyword .indexlist > li:before {
    color: #1bbc9b;
}

#keyword .indexlist > li > ul > li:before {
    color: #1bbc9b;
}

/*
wantstobe
-------------------- */
#wantstobe .indexbox {
    border:2px solid #2dcc70;
}

#wantstobe .indexbtn {
    background: #2dcc70;
}

#wantstobe .indexlist > li:before {
    color: #2dcc70;
}

#wantstobe .indexlist > li > ul > li:before {
    color: #2dcc70;
}

/*
news
-------------------- */
#news .indexbox {
    border:2px solid #f1c40f;
}

#news .indexbtn {
    background: #f1c40f;
    color:#fff;
}

#news .indexlist > li:before {
    color: #f1c40f;
}

#news .indexlist > li > ul > li:before {
    color: #f1c40f;
}


/*
calendar
-------------------- */
#calendar .indexbox {
    border:2px solid #3598db;
}

#calendar .indexbtn {
    background: #3598db;
    color:#fff;
}

#calendar .indexlist > li:before {
    color: #3598db;
}

#calendar .indexlist > li > ul > li:before {
    color: #3598db;
}



/*
mangamovie
-------------------- */
#mangamovie .indexbox {
    border:2px solid #716d91;
}

#mangamovie .indexbtn {
    background: #716d91;
    color:#fff;
}

#mangamovie .indexlist > li:before {
    color: #716d91;
}

#mangamovie .indexlist > li > ul > li:before {
    color: #716d91;
}


/*
category motto
-------------------- */
#category .motto .indexbox {
    border:2px solid #0c0c72;
}

#category .motto .indexbtn {
    background: #0c0c72;
    color:#fff;
}

#category .motto .indexlist > li:before {
    color: #0c0c72;
}

#category .motto .indexlist > li > ul > li:before {
    color: #0c0c72;
}

#category .motto .indexlist li a {
    color: #0c0c72;
}


/*
category
-------------------- */

/*
cat01
-------------------- */
.cat01 .indexbox {
    border:2px solid #faea2c;
}

.cat01 .indexbox .indexbtn {
    background: #faea2c;
}

.cat01 .indexbox .indexlist > li:before {
    color: #faea2c;
}

.cat01 .indexbox .indexlist > li > ul > li:before {
    color: #faea2c;
}

/*
cat02
-------------------- */
.cat02 .indexbox {
    border:2px solid #F2A73E;
}

.cat02 .indexbox .indexbtn {
    background: #F2A73E;
}

.cat02 .indexbox .indexlist > li:before {
    color: #F2A73E;
}

.cat02 .indexbox .indexlist > li > ul > li:before {
    color: #F2A73E;
}

/*
cat03
-------------------- */
.cat03 .indexbox {
    border:2px solid #ff9da7;
}

.cat03 .indexbox .indexbtn {
    background: #ff9da7;
}

.cat03 .indexbox .indexlist > li:before {
    color: #ff9da7;
}

.cat03 .indexbox .indexlist > li > ul > li:before {
    color: #ff9da7;
}

/*
cat04
-------------------- */
.cat04 .indexbox {
    border:2px solid #ff8e67;
}

.cat04 .indexbox .indexbtn {
    background: #ff8e67;
}

.cat04 .indexbox .indexlist > li:before {
    color: #ff8e67;
}

.cat04 .indexbox .indexlist > li > ul > li:before {
    color: #ff8e67;
}

/*
cat05
-------------------- */
.cat05 .indexbox {
    border:2px solid #82f655;
}

.cat05 .indexbox .indexbtn {
    background: #82f655;
}

.cat05 .indexbox .indexlist > li:before {
    color: #82f655;
}

.cat05 .indexbox .indexlist > li > ul > li:before {
    color: #82f655;
}


/*
cat06
-------------------- */
.cat06 .indexbox {
    border:2px solid #6ae261;
}

.cat06 .indexbox .indexbtn {
    background: #6ae261;
}

.cat06 .indexbox .indexlist > li:before {
    color: #6ae261;
}

.cat06 .indexbox .indexlist > li > ul > li:before {
    color: #6ae261;
}


/*
cat07
-------------------- */
.cat07 .indexbox {
    border:2px solid #51e1a7;
}

.cat07 .indexbox .indexbtn {
    background: #51e1a7;
}

.cat07 .indexbox .indexlist > li:before {
    color: #51e1a7;
}

.cat07 .indexbox .indexlist > li > ul > li:before {
    color: #51e1a7;
}

/*
cat08
-------------------- */
.cat08 .indexbox {
    border:2px solid #57eaf7;
}

.cat08 .indexbox .indexbtn {
    background: #57eaf7;
}

.cat08 .indexbox .indexlist > li:before {
    color: #57eaf7;
}

.cat08 .indexbox .indexlist > li > ul > li:before {
    color: #57eaf7;
}


/*
cat09
-------------------- */
.cat09 .indexbox {
    border:2px solid #62c7db;
}

.cat09 .indexbox .indexbtn {
    background: #62c7db;
}

.cat09 .indexbox .indexlist > li:before {
    color: #62c7db;
}

.cat09 .indexbox .indexlist > li > ul > li:before {
    color: #62c7db;
}

/*
cat10
-------------------- */
.cat10 .indexbox {
    border:2px solid #ab97ed;
}

.cat10 .indexbox  .indexbtn {
    background: #ab97ed;
}

.cat10 .indexbox .indexlist > li:before {
    color: #ab97ed;
}

.cat10 .indexbox .indexlist > li > ul > li:before {
    color: #ab97ed;
}

/*
cat11
-------------------- */
.cat11 .indexbox {
    border:2px solid #ae70fb;
}

.cat11 .indexbox .indexbtn {
    background: #ae70fb;
}

.cat11 .indexbox .indexlist > li:before {
    color: #ae70fb;
}

.cat11 .indexbox .indexlist > li > ul > li:before {
    color: #ae70fb;
}

/*
cat12
-------------------- */
.cat12 .indexbox {
    border:2px solid #f771d8;
}

.cat12 .indexbox .indexbtn {
    background: #f771d8;
}

.cat12 .indexbox .indexlist > li:before {
    color: #f771d8;
}

.cat12 .indexbox .indexlist > li > ul > li:before {
    color: #f771d8;
}


/*-----------------------------------------------------
 pagelink (category,keyword : ページ内リンク)
-----------------------------------------------------*/
.pagelink {
    margin:10px auto 15px;
}

.pagelink a {
    text-align:center;
    display:block;
    color:#056397;
    font-weight:bold;
}


/*-----------------------------------------------------
 singletabmenu (best5 : カテゴリーリスト)
-----------------------------------------------------*/
.singletabmenu {
    margin-top:20px;
}

.singletabmenu dt {
    font-weight: bold;
    margin-bottom: 12px;
    border-bottom: #e77e23 solid 1px;
    padding-bottom: 5px;
}

.singletabmenu dd .thumb {
    float: left;
    width: 19%;
    padding-right: 2%;
}

.singletabmenu dd .thumb img {
    max-width:100%;
    height:auto;
}

.singletabmenu dd ul.bestfivetabmenu {
    float: right;
    width: 77%;
    clear:none;
}


h3.catsearch {
    background: #0c0c72 url(/user/img/content/st-motto.png) 10px center no-repeat;
    padding: 17px 10px 17px 71px;
    background-size: 53px 53px;
    color:#fff;
}