@charset "UTF-8";

html, body, p, ul, ol, table, th, td, h1, h2, h3, h4 ,h5, h6{
    margin:0;
    padding:0;
}
body, input, select, textarea, button{
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body{
    min-width:1000px;
    color:#333333;
    font-size:14px;
    line-height:1.5em;
    word-break:break-all;
}
h1, h2, h3, h4 ,h5, h6{
    font-size:1em;
}
a{
    color:#000099;
    text-decoration:none;
}
a:hover{
    color:#3333ff;
    text-decoration:underline;
}
a img{
    border:none;
}
ul, ol{
    padding-left:20px;
}
ol.alphabet{
    list-style:lower-alpha;
}
span.ruby_body {
    position:relative;
}
span.ruby {
    width: 100%;
    float: left;
    position:absolute;
    bottom:105%;
    left:0;
    text-align: center;
    font-size: 0.5em;
    line-height: 0.8em;
    white-space:nowrap;
}
select{
    font-size:1em;
}
.fav_sort select#favSortSelect{
    font-size:1.3em;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

/* 基本共通 */
.section{
    margin-bottom:20px;
}
em{
    color:#e70202;
    font-style:normal;
}
.notes{
    font-size:12px;
    line-height:1.3em;
}
.signal{
    color:#cc0000;
}
.caution{
    color:#ff0000;
}
.caution_box{
    padding:10px;
    background:#ffdadc;
    border:1px solid #fd8484;
    color:#e90a3f;
}
.incentive_caution{
    padding:10px;
    background:#ffdadc;
}
.attention{
    color:#0000ff;
}
.attention_box{
    padding:10px;
    background:#e2f8de;
    border:1px solid #a5d89b;
    color:#136702;
}
.dummy{
    display:none;
}
.invisible{
    display:none;
}
#flashMessage {
    margin-bottom: 10px;
}

/* タブ切り替え共通 */
.tab .head{
    float:left;
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
}
.tab .body{
    display:none;
    clear:both;
}

/* 吹き出し */
.balloon{
    padding:0 10px;
    display:inline-block;
    background:#cccccc;
    border-radius:3px;
    color:#ffffff;
    line-height:22px;
    vertical-align:baseline;
}
.balloons_neck{
    width:0;
    height:0;
    display:inline-block;
    border-right:5px solid #cccccc;
    border-top:2px solid transparent;
    border-bottom:2px solid transparent;
    vertical-align:middle;
}

/* レーベルタグ共通 */
.label{
    width:76px;
    height:17px;
    position:relative;
    display:inline-block;
    background:#f5a520;
    color:#ffffff;
    font-size:9px;
    text-indent:-9999px;
    white-space:nowrap;
}
.label_alpha{
    background:url(/image/pc/common/label_alphapolis.png) no-repeat;
}
.label_alpha_comics{
    height:20px;
    background:url(/image/pc/common/label_alphapolis_comics.png) no-repeat;
}
.label_regina{
    background:url(/image/pc/common/label_regina.png) no-repeat;
}
.label_regina_comics{
    height:20px;
    background:url(/image/pc/common/label_regina_comics.png) no-repeat;
}
.label_eternity{
    background:url(/image/pc/common/label_eternity.png) no-repeat;
}
.label_eternity_red{
    background:url(/image/pc/common/label_eternity_red.png) no-repeat;
}
.label_eternity_rose{
    background:url(/image/pc/common/label_eternity_rose.png) no-repeat;
}
.label_eternity_white{
    background:url(/image/pc/common/label_eternity_white.png) no-repeat;
}
.label_eternity_comics{
    height:20px;
    background:url(/image/pc/common/label_eternity_comics.png) no-repeat;
}
.label_noche{
    background:url(/image/pc/common/label_noche.png) no-repeat;
}
.label_alphalight{
    background:url(/image/pc/common/label_alphalight.png) no-repeat;
}


/* カテゴリ */
a.category, span.category{
    padding:0 10px;
    display:inline-block;
    background:#ffffff;
    border:1px solid #999999;
    border-radius:3px;
    font-size:10px;
    text-align:center;
    vertical-align:text-top;
    line-height:16px;
    white-space:nowrap;
}
a.category, span.comic_category{
}
a.category:hover{
    text-decoration:none;
}
.novel_content a.category{
    background:#bdd980;
    border-color:#93b270;
    color:#0f5201;
}
.novel_content a.category:hover{
    background:#93b270;
    color:#ffffff;
}
.comic_content a.category, span.comic_category{
    background:#fac5c8;
    border-color:#e79f9f;
    color:#cc0a0a;
}
.comic_content a.category:hover{
    background:#e79f9f;
    color:#ffffff;
}
.blog_content a.category{
    background:#d0c8f0;
    border-color:#a194d9;
    color:#4c14a8;
}
.blog_content a.category:hover{
    background:#a194d9;
    color:#ffffff;
}

/* キーワード */
span.keyword{
    padding:0 8px;
    display:inline-block;
    background:#888888;
    border-radius:1em;
    color:#ffffff;
    font-size:12px;
    text-align:center;
    vertical-align:text-top;
    white-space:nowrap;
    line-height:1.3em;
}

/* ボタン的なリンク */
.button{
    height:24px;
    padding:0 10px;
    display:inline-block;
    box-sizing:content-box;
    background:#767777;
    background:linear-gradient(to bottom, #767777, #616161);
    border:1px solid #5e6060;
    color:#ffffff;
    text-align:center;
    line-height:24px;
    vertical-align:middle;
    white-space:nowrap;
}
.button:hover{
    background:#9a9a9a;
    background:linear-gradient(to bottom, #9a9a9a, #838282);
    border:1px solid #7d7e7e;
    color:#ffffff;
    text-decoration:none;
    cursor:pointer;
}
.important{
    background:#f8a61d;
    background:linear-gradient(to bottom, #f8a61d, #f09601);
    border:1px solid #de8b00;
}
.important:hover{
    background:#fdc641;
    background:linear-gradient(to bottom, #fdc641, #feb10d);
    border:1px solid #eaa715;
}
.accent{
    background:#21abe0;
    background:linear-gradient(to bottom, #21abe0, #0b99d0);
    border:1px solid #008ec4;
}
.accent:hover{
    background:#66cff7;
    background:linear-gradient(to bottom, #66cff7, #35a7d3);
    border:1px solid #169fd4;
}
.favorite:before, .unfavorite:before, .notlogin_favorite:before, .previewfavorite:before{
    margin-right:10px;
    padding-top:5px;
    content:url(/image/pc/common/icon_star.png);
    vertical-align:middle;
}
.unfavorite:before{
    content:url(/image/pc/common/icon_trash.png);
}
input.button{
    font-size:1em;
    line-height:1em;
}

.favorite_button,
.comment_button {
    display: inline-block;
}
.comment_button a {
    width: 139px;
}

.counter_balloon {
    display: inline-block;
    margin-left: 3px;
    padding: 1px 10px;
    border: solid 1px #cccccc;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    color: #de7e02;
    vertical-align: middle;
}

.counter_balloon {
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.counter_balloon:after,
.counter_balloon:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.counter_balloon:after {
    border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 4px;
	margin-top: -4px;
}
.counter_balloon:before {
    border-color: rgba(204, 204, 204, 0);
	border-right-color: #cccccc;
	border-width: 5px;
	margin-top: -5px;
}
a.bookmark,
span.bookmark{
    height:18px;
    padding:0 10px;
    position:relative;
    display:inline-block;
    background:#f59900;
    border:1px solid #de8b00;
    color:#ffffff;
    font-size:12px;
    line-height:18px;
}
a.bookmark:after,
span.bookmark:after{
    width:15px;
    height:20px;
    position:absolute;
    top:-1px;
    right:-15px;
    content:"";
    background:url(/image/pc/common/bookmark.png) no-repeat right;
}

/* 矢印付きリンク */
.arrow_orange:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/common/icon_arrow_orange.png);
    vertical-align:middle;
}
.arrow_gray:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/common/icon_arrow_gray.png);
    vertical-align:middle;
}
.arrow_white:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/common/icon_arrow_white.png);
    vertical-align:middle;
}
.arrow_black:before{
    margin-right:5px;
    content:url(/image/pc/common/icon_arrow_black.png);
    vertical-align:middle;
}

.pdf:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/common/icon_pdf.png);
    vertical-align:middle;
}

/* SNSへのリンク */
.site_url a.relation{
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    width: 100px;
    height: 30px;
    margin: 5px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.site_url .author_site {
    background-color: #1848a7;
    border: 1px solid #042d83;
}
.site_url a.facebook {
    background-color: #3366cc;
    border: 1px solid #0f3075;
}
.site_url a.pixiv {
    background-color: #0099cc;
    border: 1px solid #0181bc;
}
.site_url a.twitter {
    background-color: #3399cc;
    border: 1px solid #1385af;
}

.site_url a.twitter:hover,
.site_url a.facebook:hover,
.site_url a.pixiv:hover,
.site_url a.author_site:hover{
    opacity:0.5;
    text-decoration: none;
}


/* 見出し共通 */
.content h2{
    margin-bottom:20px;
    padding:0 0 5px 10px;
    border-bottom:2px solid #999999;
    font-size:1.4em;
}
.content h1,
.content h3{
    margin-bottom:10px;
    padding-left:10px;
    background:#f3f3f3;
    border-left:8px solid #999999;
    font-size:1.1em;
    line-height:30px;
}

.detail_search_dialog .section{
    margin-bottom:0;
    padding:10px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #cccccc;
}
.detail_search_dialog .section:nth-child(odd){
    background:#e9e7e7;
}
.detail_search_dialog h3{
    margin-bottom:5px;
    padding-left:5px;
    background:transparent;
    border-left:8px solid #cccccc;
}
.detail_search_dialog hr,
.keyword_dialog hr{
    margin:10px 0;
    border:none;
    border-bottom:1px dashed #cccccc;
}
.detail_search_dialog label,
.keyword_dialog label{
    padding-right:10px;
}

div[class^=unlink_dialog]{
    width:50% !important;
    height:50% !important;
}
div[class^=unlink_dialog] p{
    padding-bottom:10px;
}

.content h4{
    color:#8b3e24;
    font-size:16px;
}
.content h4:before{
    content:"■";
}

/* 検索結果や小説・漫画一覧などの基本デザイン */
.contents_list div.section{
    padding:0 10px 10px;
}
.contents_list .novel_content{
    background:#eaf0d8;
    border:2px solid #d9e5b3;
    border-image: url(/image/pc/common/border_novel.png) 2 repeat;
}
.contents_list .novel_content div.mainarea{
    border:1px solid #e0e7c9;
}
.contents_list .comic_content{
    background:#fbe7e8;
    border:2px solid #f5d2d4;
    border-image: url(/image/pc/common/border_comic.png) 2 repeat;
}
.contents_list .comic_content div.mainarea{
    border:1px solid #f4dbdc;
}
.contents_list .blog_content{
    background:#f1e9f6;
    border:2px solid #e5d6ee;
    border-image: url(/image/pc/common/border_blog.png) 2 repeat;
}
.contents_list .blog_content div.mainarea{
    border:1px solid #e2d6ea;
}
.contents_list .mailmaga_content{
    background:#e7e7e7;
    border:2px solid #e2e2e2;
    border-image: url(/image/pc/common/border_other.png) 2 repeat;
}
.contents_list .mailmaga_content div.mainarea{
    border:1px solid #e2e2e2;
}
.contents_list .mailmaga_content div.headarea span.reserve,
.contents_list .mailmaga_content div.mainarea span.reserve{
    width:155px;
    float:right;
    background:#ffdadc;
    color:#cc0000;
    text-align:center;
    line-height:25px;
}
.contents_list .article_content,
.diary_contents_list .diary_comment_content {
    background:#fce2b7;
    border: 1px solid #fdefd8;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
    outline: 1px solid #f7d49a;
}
.contents_list .article_content div.mainarea{
    border:1px solid #fdda80;
}
.contents_list div.headarea{
    padding:5px 0;
    line-height:25px;
}
.contents_list div.headarea.disable_ranking{
    overflow:hidden;
}
.contents_list span.rank{
    height:50px;
    margin:-9px 0 -9px -5px;
    display:inline-block;
    font-size:20px;
    font-family: 'Libre Baskerville', serif;
    text-align:center;
    vertical-align:top;
    line-height:40px;
}
.contents_list span.higher{
    width:55px;
    background:url(/image/pc/common/rank_higher.png) no-repeat;
    color:#ffffff;
}
.contents_list span.medium{
    width:55px;
    background:url(/image/pc/common/rank_medium.png) no-repeat;
    color:#5c5127;
}
.contents_list span.lower{
    height:40px;
    min-width:41px;
    padding:0 5px;
    background:#d6d6d6;
    background:linear-gradient(to bottom right, #dddddd, #eeeeee 50%, #bbbbbb);
    border:3px solid #ffffff;
    border-top:1px solid #ffffff;
    border-radius:2px 2px 15px 15px;
    box-shadow: 1px 1px 2px -1px #000000, 0 0 0 1px #acacac;
    color:#444444;
}
.contents_list .category{
    margin-left:5px;
}
.contents_list span.award,
.admin_contents_list span.award{
    margin-left:5px;
    padding:0 5px;
    display:inline-block;
    background:#e98602;
    color:#ffffff;
    font-size:10px;
    line-height:16px;
    vertical-align:text-top;
}
.contents_list span.cont_prize_entry{
    margin-left:5px;
    padding:0 5px;
    display:inline-block;
    background:#22abe0;
    color:#ffffff;
    font-size:10px;
    line-height:16px;
    vertical-align:text-top;
}
.contents_list .favorite_button {
    float:right;
}
.contents_list div.mainarea{
    padding:10px;
    background:#ffffff;
    border:1px solid #d1dce2;
}
#main .contents_list h3.title{
    background:none;
    border-left:6px solid #e5f0f6;
    font-size:20px;
    line-height:1em;
}
#main .novel_content h3.title{
    border-left-color:#8abe4f;
    line-height: 1.4em;
}
#main .comic_content h3.title{
    border-left-color:#f16363;
}
#main .blog_content h3.title{
    border-left-color:#a194d9;
}
#main .admin_contents_list h3.title a,
#main .contents_list h3.title a{
    text-decoration:underline;
}
#main .admin_contents_list h3.title a.external:after,
#main .contents_list h3.title a.external:after,
#main .admin_contents_list h3 a.external:after{
    margin-left:5px;
    content:url(/image/pc/common/icon_window.png);
    vertical-align:middle;
}
.contents_list div.other_website{
    padding-bottom:5px;
    text-align:right
}
.contents_list div.author{
    padding:5px 0 5px 16px;
    position:relative;
    border-top:1px dashed #999999;
}
.contents_list div.author a{
    font-size:16px;
}
.contents_list div.author span.label{
    float:right;
}
.contents_list div.author a.book_info{
    margin-right:5px;
    float:right;
}
.contents_list div.author .favorite-open-date{
    float: right;
}
.contents_list div.author a.latest_content{
    margin-right:15px;
    float:right;
}
.contents_list div.info{
    overflow:hidden;
    background:#ffffed;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
}
.contents_list div.comment_info{
    overflow:hidden;
    background:#ffffff;
    border-top: 1px dashed #999999;
    border-bottom:1px solid #e6e6e6;
}
.contents_list div.info div.primage{
    min-height:100px;
    padding:10px;
    float:left;
}
.contents_list div.info div.primage img{
    max-width:200px;
    max-height:130px;
}
.article_content .comment_info div.text{
    min-height:1.5em;
    padding:10px;
    clear:both;
    overflow:hidden;
}
.contents_list div.info div.text{
    min-height:1.5em;
    padding:10px;
    overflow:hidden;
}
.contents_list div.info div.abstract{
    padding-left:45px;
    padding-bottom:10px;
    position:relative;
    border-top:1px solid #ffffff;
    border-bottom:1px dashed #999999;
}
.contents_list div.info div.abstract:last-child{
    padding-bottom:0;
    border-bottom:none;
}
.contents_list div.info span.cut_abstract{
    display:none;
}
.contents_list div.info span.readmore{
    color:#000099;
    cursor:pointer;
}
.contents_list div.info span.readmore:hover{
    color:#3333ff;
    text-decoration:underline;
}
.contents_list div.info div.comment{
    padding-left:45px;
    padding-top:10px;
    position:relative;
}
.contents_list div.info span.subtitle{
    width:45px;
    height:16px;
    position:absolute;
    top:0;
    left:0;
    background:#666666;
    color:#ffffff;
    font-size:10px;
    line-height:16px;
    text-align:center;
    vertical-align:baseline;
}
.contents_list div.info div.comment span.subtitle{
    top:10px;
}
.contents_list div.info div.notes{
    padding-left:10px;
}
.contents_list div.subinfo{
    background:#f3f3f3;
    border-top:1px solid #ffffff;
}
.contents_list div.subinfo div.ranking{
    padding:10px;
    border-bottom:1px solid #e6e6e6;
}
.contents_list div.subinfo div.ranking a.category{
    vertical-align:text-bottom;
}
.contents_list div.subinfo div.ranking span{
    margin-right:20px;
}
.contents_list div.subinfo div.ranking span span{
    margin-right:0;
}
.contents_list div.subinfo span.point{
    font-size:12px;
}
.contents_list div.subinfo span.balloon{
    font-size:14px;
    background:#f5a520;
}
.contents_list div.subinfo span.balloons_neck{
    border-right-color:#f5a520;
}
.contents_list div.subinfo div.ranking span.categoryrank{
    font-size:12px;
}
.contents_list div.subinfo div.ranking span.ranknum{
    font-size:16px;
    vertical-align:baseline;
}
.contents_list div.subinfo div.keyword{
    padding:10px 10px 0 10px;
    overflow:hidden;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #e6e6e6;
}
.contents_list div.subinfo div.keyword:first-child{
    border-top:none;
}
.contents_list div.subinfo div.keyword div.keyword_block{
    margin-right:15px;
    margin-bottom:10px;
    float:left;
    overflow:hidden;
}
.contents_list div.subinfo div.keyword span,
.contents_list div.subinfo div.keyword a{
    margin-right:5px;
    float:left;
    line-height:1.2em;
}
.contents_list div.subinfo div.keyword span.keyword{
    line-height:16px;
}
.contents_list div.subinfo div.keyword a{
    padding-right:5px;
    border-right:1px solid #cccccc;
}
.contents_list div.subinfo div.keyword a:last-child{
    margin-right:0;
    padding-right:0;
    border-right:none;
}
.contents_list div.other{
    padding-top:5px;
    overflow:hidden;
}
.contents_list div.other div.submit{
    padding:0;
    background:transparent;
}
.contents_list div.other a.unlink{
    float:right;
}
.contents_list div.other span.opendate{
    float:right;
    color:#888888;
    font-size:12px;
}
.contents_list div.other span.charcount{
    float:right;
    color:#888888;
    font-size:12px;
    margin-right:6px;
    padding-right:6px;
    border-right:1px solid #cccccc;
}
.contents_list div.other div.diary_comment,
.contents_list div.other div.admin_diary{
    float:left;
    margin-right:10px;
}
.contents_list div.other div.admin_diary{
    margin-left:10px;
}
div#main.view .contents_list .mainarea .comment_info .other{
    float:right;
}
.contents_list div.other div.diary_comment .comment_icon:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/common/icon_diary_comment.png);
    vertical-align:middle;
}
.contents_list div.other div.otherinfo{
    float:right;
    padding-bottom:5px;
}
.contents_list div.other div.other_topline{
    border-top: 1px solid #e6e6e6;
    padding-top:10px;
    clear:both;
}

/* トップページや小説トップのランキング */
.ranking_by_category.tab span.head{
    min-height:50px;
    width:16.6%;
    padding:5px;
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    box-sizing:border-box;
    text-align:center;
}
.ranking_by_category.tab span.head:first-of-type{
    width:17%;
    border-left:1px solid #cccccc;
}
.ranking_by_category.tab span.head.current{
    color:#ffffff;
}
.ranking_by_category.tab .body{
    padding-left:0;
}
.ranking_by_category.tab span.novel_content{
    background:url(/image/pc/common/tab_novel_bg.png) repeat-x top;
    background-color:#fff;
}
.ranking_by_category.tab span.novel_content.current{
    background-color:#8abe4f;
}
.ranking_by_category.tab span.comic_content{
    background:url(/image/pc/common/tab_comic_bg.png) repeat-x top;
    background-color:#fff;
}
.ranking_by_category.tab span.comic_content.current{
    background-color:#f16363;
}
.ranking_by_category.tab span.blog_content{
    background:url(/image/pc/common/tab_blog_bg.png) repeat-x top;
    background-color:#fff;
}
.ranking_by_category.tab span.blog_content.current{
    background-color:#a194d9;
}
.ranking_by_category.tab span.head span.category{
    margin:0 auto;
    padding:0;
    display:block;
}
.ranking_by_category.tab span.novel_content span.category{
    background:#bdd980;
    border-color:#93b270;
    color:#0f5201;
}
.ranking_by_category.tab span.comic_content span.category{
    background:#fac5c8;
    border-color:#e79f9f;
    color:#cc0a0a;
}
.ranking_by_category.tab span.blog_content span.category{
    background:#d0c8f0;
    border-color:#a194d9;
    color:#4c14a8;
}

.content .ranking_by_category h2{
    height:40px;
    margin:0;
    padding:10px 0 0 15px;
    border-bottom:none;
    line-height:40px;
}
.ranking_by_category ol{
    padding-left:0;
}
.ranking_by_category ol.novel_content{
    border-top:3px solid #8abe4f;
}
.ranking_by_category ol.comic_content{
    border-top:3px solid #f16363;
}
.ranking_by_category ol.blog_content{
    border-top:3px solid #a194d9;
}
.ranking_by_category li{
    padding:5px 0;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid #CCCCCC;
    list-style:none;
}
.ranking_by_category li:nth-child(odd){
    background:#f3f3f3;
}
.ranking_by_category li:nth-child(even){
    background:#fcf5e8;
}
.ranking_by_category li.rank1,
.ranking_by_category li.rank2,
.ranking_by_category li.rank3{
    background:#fdfddb;
}
.ranking_by_category li.readmore{
    padding:0;
    background:#ffffff;
    border:none;
}
.ranking_by_category span.rank{
    width:40px;
    height:60px;
    margin:auto;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    font-size:20px;
    font-family: 'Libre Baskerville', serif;
    text-align:center;
    line-height:60px;
}
.ranking_by_category div.title{
    margin-left:40px;
    padding:5px 0;
    overflow:hidden;
    border-bottom:1px dotted #cccccc;
    font-weight:bold;
}
.ranking_by_category div.title a{
    text-decoration:underline;
}

.ranking_by_category div.notes{
    margin-left:40px;
    padding:5px;
    overflow:hidden;
}
.ranking_by_category span.point{
    float:right;
}
.ranking_by_category span.balloon{
    background:#f5a520;
}
.ranking_by_category span.balloons_neck{
    border-right-color:#f5a520;
}

.ranking_by_category.ranking24{
    overflow:hidden;
}
.ranking_by_category.ranking24 h2{
    background:url(/image/pc/top/heading_ranking24_bg.png) repeat-x;
}
.ranking_by_category.ranking24 h2:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/top/icon_ranking24.png);
    vertical-align:middle;
}
.ranking_by_category.ranking24 h2 span{
    margin-left:5px;
    color:#e90a3f;
}

/* 簡易的な書籍一覧的なやつ */
.top_books .column{
    padding:0 10px;
    overflow:hidden;
    clear:both;
    background:#fdf8f7;
}
.top_books.novel_content .column{
    background:#f4f7ea;
}
.top_books .column div.section{
    width:160px;
    margin-bottom:0;
    padding:15px 15px 15px 0;
    float:left;
    border-top:1px dashed #999999;
}
.top_books .column div.section:first-of-type{
    margin-left:0;
    padding-left:15px;
}
.top_books .column:first-of-type div.section{
    border-top:none;
}
.top_books a.cover{
    max-width:113px;
    max-height:163px;
    margin:0 0 10px;
    position:relative;
    display:inline-block;
    overflow:hidden;
}
.top_books a.cover img{
    max-width:113px;
    max-height:163px;
    vertical-align:top;
}
.top_books div.midashi{
    color:#8b3e24;
    font-size:12px;
}
.top_books h4.title{
    font-size:1em;
}
.top_books h4.title:before{
    content:none;
}
.top_books span.subtitle{
    font-size:12px;
}
.top_books span.subtitle font{
    font-size:12px;
}

/* テーブル共通 */
table{
    width:100%;
    border-top:1px solid #b1b0b0;
    border-spacing:0;
}
th, td{
    padding:15px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #b1b0b0;
}
th{
    width:150px;
    background:#e9e7e7;
    text-align:left;
    line-height:1em;
    vertical-align:text-top;
}
th.required{
    padding:0;
}
th.required label{
    padding:15px 50px 15px 15px;
    position:relative;
    display:block;
}
th.required label:after{
    padding:0 5px;
    content:"必須";
    position:absolute;
    top:15px;
    right:15px;
    background:#f19703;
    border-radius:10px;
    color:#ffffff;
    font-size:10px;
    font-weight:normal;
    white-space:nowrap;
}
th.required label span.diary{
    font-size:10px;
    font-weight: normal;
}
td input[type=text], td textarea{
    width:100%;
    vertical-align:top;
    box-sizing:border-box;
}
td input.small_input{
    width:auto;
}

/* フォームのサブミット周り */
.content div.submit{
    padding:10px;
    background:#f3f3f3;
    text-align:center;
}
.content div.submit input[type=submit],
.content div.submit button[type=button],
.content div.submit input[type=button]{
    height:24px;
    margin:0;
    padding:10px 40px;
    box-sizing:content-box;
    background:#f8a61d;
    background:linear-gradient(to bottom, #f8a61d, #f09601);
    border:1px solid #de8b00;
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
    vertical-align:middle;
    cursor:pointer;
}
.content div.submit input[type=submit]:hover{
    background:#fdc641;
    background:linear-gradient(to bottom, #fdc641, #feb10d);
    border:1px solid #eaa715;
    color:#ffffff;
}
.content div.submit input[type=submit]:disabled{
    background:#f8a61d;
    background:linear-gradient(to bottom, #f8a61d, #f09601);
    border:1px solid #de8b00;
    color:#ffffff;
}
.content div.submit button[type=button],
.content div.submit input[type=button]{
    background:#767777;
    background:linear-gradient(to bottom, #767777, #616161);
    border:1px solid #5e6060;
}
.content div.submit button[type=button]:hover,
.content div.submit input[type=button]:hover{
    background:#9a9a9a;
    background:linear-gradient(to bottom, #9a9a9a, #838282);
    border:1px solid #7d7e7e;
    color:#ffffff;
}
.content div.submit .button{
    padding:10px 40px;
    font-size:16px;
    font-weight:bold;
}

.content div.yesno{
    padding:10px;
    background:#f3f3f3;
    text-align:center;
}
.content div.yesno input[type=button]{
    height:20px;
    margin:0 30px;
    padding:4px 40px;
    box-sizing:content-box;
    background:#f8a61d;
    background:linear-gradient(to bottom, #f8a61d, #f09601);
    border:1px solid #de8b00;
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
    vertical-align:middle;
    cursor:pointer;
}
.content div.yesno input[type=submit]:hover{
    background:#fdc641;
    background:linear-gradient(to bottom, #fdc641, #feb10d);
    border:1px solid #eaa715;
    color:#ffffff;
}

/* 注意書き */
.content div.instruction{
    padding:10px;
    position:relative;
    background:#f2f2f2;
}
.content div.instruction span{
    color:#8b3e24;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
}
.content div.instruction h4:before{
    content:none;
}
.content div.instruction p,
.content div.instruction ul{
    padding-bottom:10px;
}

/* 検索オプション */
div.search_option{
    background:url(/image/pc/common/search_option_bg.png) repeat-x;
    border:1px solid #cccccc;
    border-radius:3px;
}
div.search_option form{
    padding:5px 20px;
    border:2px solid #ffffff;
    border-radius:3px;
}
div.search_option label{
    margin-left:20px;
}
div.search_option label:first-of-type{
    margin-left:0;
}
div.search_option input[type=submit]{
    height:24px;
    margin:0 0 0 20px;
    padding:0 30px;
    box-sizing:content-box;
    background:#767777;
    background:linear-gradient(to bottom, #767777, #616161);
    border:1px solid #5e6060;
    color:#ffffff;
    font-size:1em;
    vertical-align:middle;
}
div.search_option div.detail_search{
    padding:5px 0 0;
}
div.search_option div.detail_search span.opendialog{
    color:#000099;
    cursor:pointer;
}
div.search_option div.detail_search span.opendialog:hover{
    color:#3333ff;
}
div.search_option div.search_submit{
    padding-top:10px;
    text-align:center;
}
div.search_option div.search_submit a,
div.search_option div.search_submit button[type=submit]{
    padding:10px 40px;
}
div.disp_option{
    overflow:hidden;
    clear:both;
}

/* 年表的なリスト */
.content ul.timeline{
    padding-left:0;
}
.content ul.timeline li{
    padding:10px 20px;
    list-style:none;
    border-bottom:1px dotted #cccccc;
}
.content ul.timeline li:nth-child(even){
    background:#f3f3f3;
}
.content ul.timeline span.datetime{
    padding:0 20px 0 0;
    float:left;
}
.content ul.timeline div.section{
    overflow:hidden;
    margin-bottom:0;
}
.content ul.timeline span.catchcopy{
    color:#8b3e24;
    font-weight:bold;
}
.content ul.timeline.special span.datetime{
    background:#f5a520;
    color:#ffffff;
    padding:0 3px;
}
.content ul.timeline.special div.section{
    padding-left:10px;
}

/* 主に静的ページの概要 */
.content div.summary{
    font-size:12px;
}

/* 主に静的ページのナビゲーションというかタブというか */
.content div.nav{
    padding:10px;
    overflow:hidden;
    background:#f2f2f2;
}
.content div.nav a{
    width:25%;
    height:38px;
    float:left;
    box-sizing:border-box;
    background:#ffffff;
    outline:1px solid #cccccc;
    text-align:center;
    line-height:40px;
}
.content div.nav a.current,
.content div.nav a:hover{
    background:#fffeef;
}
.content div.nav a:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/common/icon_arrow_gray.png);
    vertical-align:middle;
}
.guide .content div.nav a{
    width:33.3%;
}

/* 主に静的ページのリストみたいなところに使う交互に色が違うアレ */
.content ul.nav{
    margin-top:-10px;
    padding-left:0;
    list-style:none;
}
.content ul.nav li:nth-child(even){
    background:#f3f3f3;
}
.content ul.nav a{
    display:block;
    padding:10px;
    border-bottom:1px dotted #cccccc;
}
.content ul.nav a:before{
    margin-right:5px;
    padding-top:5px;
    content:url(/image/pc/common/icon_arrow_orange.png);
    vertical-align:middle;
}

/* 主に静的ページのリンク集的なページに使うやつ */
.content div.linktoform{
    padding:10px 260px 10px 10px;
    position:relative;
    background:#f2f2f2;
}
.content div.linktoform span{
    color:#8b3e24;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
}
.content div.linktoform a{
    width:218px;
    height:28px;
    margin:auto;
    position:absolute;
    top:0;
    bottom:0;
    right:10px;
    line-height:28px;
}
.content div.linktoform.multi{
    min-height: 100px;
}
.content div.linktoform.multi nav{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
.content div.linktoform .multi:nth-child(1){
    height:28px;
    margin:0;
    position:absolute;
    top:10px;
    line-height:28px;
}
.content div.linktoform .multi.small{
    font-size:12px;
}
.content div.linktoform .multi:nth-child(2){
    height:28px;
    margin:0;
    position:absolute;
    top:45px;
    line-height:28px;
}
.content div.linktoform .multi:nth-child(3){
    height:28px;
    margin:0;
    position:absolute;
    top:80px;
    line-height:28px;
}
.content div.linktoform a:hover{
    background:#989797;
}

/* ガイドのステップ */
.content div.steps{
    width:49%;
    float:left;
}
.content div.step{
    margin-bottom:5px;
    padding:10px;
    background:#f9eae5;
}
.content div.step:after{
    width:0;
    height:0;
    margin:10px -10px -10px;
    display:block;
    content:"";
    border-top:40px solid #f9eae5;
    border-left:184px solid #ffffff;
    border-right:183px solid #ffffff;
}
.content div.step h4{
    padding-bottom:10px;
}
.content div.step h4:before{
    content:none;
}
.content div.step h4 span{
    margin-right:10px;
    padding:0 5px;
    display:inline-block;
    background:#8b3e24;
    color:#ffffff;
}
.content div.guide_submit{
    clear:both;
    text-align:center;
}
.content div.guide_submit a{
    padding:10px 40px;
}

.content div.guide_submit_left{
    clear:both;
    text-align:left;
}
.content div.guide_submit_left a{
    padding:10px 40px;
}
/* ページネーション */
div.pagination{
    float:right;
    overflow:hidden;
}
div.pagination span.total_count{
    color:#e98602;
    font-size:20px;
    vertical-align:baseline;
    margin-right:5px;
}
div.pagination ul{
}
div.pagination a,
div.pagination span.current{
    min-width:10px;
    height:10px;
    padding:5px;
    display:inline-block;
    border:1px solid #999999;
    color:#666666;
    font-size:10px;
    text-align:center;
    vertical-align:text-bottom;
    line-height:1em;
}
div.pagination a:hover,
div.pagination span.current{
    background:#999999;
    border:1px solid #767676;
    color:#ffffff;
    text-decoration:none;
}
div.pagination span.page_num{
    margin-right:2px;
    margin-left:2px;
}
/* 表示モード切り替え */
div.disp_mode{
    float:left;
}
div.disp_mode span{
    width:22px;
    height:20px;
    display:inline-block;
    overflow:hidden;
    background:url(/image/pc/common/button_disp_mode.png) no-repeat 0 0;
    white-space:nowrap;
    text-indent:-9999px;
    cursor:pointer;
}
div.disp_mode span.change_detail_mode{
    background-position:0 -20px;
    border:1px solid #b2b2b2;
    border-radius:3px 0 0 3px;
}
div.disp_mode span.change_simple_mode{
    background-position:-22px 0;
    border-top:1px solid #b2b2b2;
    border-right:1px solid #b2b2b2;
    border-bottom:1px solid #b2b2b2;
    border-radius:0 3px 3px 0;
}
div.simple_mode{
    overflow:hidden;
}
div.simple_mode div.disp_mode span.change_simple_mode{
    background-position:-22px -20px;
}
div.simple_mode div.disp_mode span.change_detail_mode{
    background-position:0 0;
}



/* 各部レイアウト */
#header, #mynav .wrapper, #globalnav .wrapper, #topicpath .wrapper, #main .wrapper, #footer .footernav{
    width:1000px;
    margin:0 auto;
}

#header{
    overflow:hidden;
}
#header .notes{
    margin-top:10px;
    margin-bottom:-1px;
}
#logo{
    width:396px;
    height:64px;
    padding-top:30px;
    float:left;
}
#logo a{
    display:inline-block;
    line-height:64px;
}
#logo a img{
    vertical-align:middle;
}
#top_search_form{
    padding-top:30px;
    float:right;
    text-align:right;
}
#top_search_kensaku{
    height:25px;
}
#top_search_refer{
    width:293px;
    height:17px;
    padding:3px;
    border:1px solid #828282;
    line-height:17px;
}
#top_search_form input[type=submit]{
    width:29px;
    height:25px;
    margin:0;
    padding:0;
    background:url(/image/pc/common/button_header_search.png) no-repeat;
    border:none;
    text-indent:-9999px;
}


/* マイメニューバー */
#mynav{
    width:100%;
    height:30px;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    background:#f5a520;
    border-bottom:1px solid #c69036;
    font-size:12px;
    line-height: 29px;
}
#mynav div.wrapper{
    height:100%;
}
#mynav div.mypage{
    float:left;
}
#mynav div.mypage a{
    margin-right:10px;
    color:#333333;
}
#mynav div.mypage a:before{
    height:0;
    width:0;
    margin-right:3px;
    content:"";
    display:inline-block;
    border-left:5px solid #333333;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
}
#mynav div.profile{
    height:100%;
    float:right;
}
#mynav div.profile img{
    max-height:30px;
    max-width:30px;
    vertical-align:middle;
}
#mynav div.profile a,
#mynav div.profile span{
    margin-left:10px;
}
#mynav div.profile span.p_name{
    margin-left:0px;
}
#mynav span.notice_count{
    margin-left:3px;
    padding:1px 4px;
    background:#cc0000;
    border-radius:3px;
    color:#ffffff;
    font-size:10px;
    vertical-align:bottom;
}
#mynav a.p_name span.notice_count{
    display:none;
}

/* パンくず */
#topicpath{
    background:#e9e7e7 url(/image/pc/common/globalnav_shadow.png) repeat-x top;
}
#topicpath div.wrapper{
    padding:10px 0;
    font-size:12px;
    line-height: 1em;
}
#topicpath a.home{
    vertical-align:middle;
}
#topicpath span.separator{
    margin:0 10px;
}
#topicpath .shere_line{
    width:30%;
    float:right;
    text-align:right;
}

/* グローバルメニュー */
#globalnav{
    height:46px;
    clear:both;
    background:url(/image/pc/common/globalnav_bg.png) repeat-x bottom;
    white-space:nowrap;
}
#globalnav div.wrapper{
    position:relative;
}
#globalnav a{
    width:14.2%;
    width:calc(100% / 7);
    height:45px;
    display:inline-block;
    box-sizing:border-box;
    overflow:hidden;
    background:url(/image/pc/common/globalnav.png?20160105) no-repeat;
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    text-indent:-9999px;
    white-space:nowrap;
    vertical-align:top;
}
#globalnav a.top{
    background-position:center 0;
}
#globalnav a.top:hover{
    background-position:center -45px;
}
#globalnav a.novel{
    background-position:center -90px;
}
#globalnav a.novel:hover,
#bWebContStory #globalnav a.novel{
    background-position:center -135px;
}
#globalnav a.comic{
    background-position:center -180px;
}
#globalnav a.comic:hover,
#bManga #globalnav a.comic,
#bWebContComic #globalnav a.comic{
    background-position:center -225px;
}
#globalnav a.blog{
    background-position:center -270px;
}
#globalnav a.blog:hover,
#bWebCont #globalnav a.blog{
    background-position:center -315px
}
#globalnav a.business{
    background-position:center -360px;
}
#globalnav a.business:hover,
#bBusiness #globalnav a.business{
    background-position:center -405px;
}
#globalnav a.prize{
    background-position:center -450px;
}
#globalnav a.prize:hover,
#bContPrize #globalnav a.prize{
    background-position:center -495px;
}
#globalnav a.book{
    background-position:center -540px;
}
#globalnav a.book:hover,
#bBook #globalnav a.book{
    background-position:center -585px;
}
#globalnav a.game{
    background-position:center -630px;
    border-right:1px solid #999999;
}
#globalnav a.game:hover,
#bGame #globalnav a.game{
    background-position:center -675px;
}

/* ギャラリービュー */
#gallery {
    height:278px;
    margin-bottom:20px;
    position:relative;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #999999;
}
#gallery:before, #gallery:after{
    width:50%;
    height:10px;
    content:"";
    position:absolute;
    bottom:5px;
    box-shadow:0 10px 5px 0 #cccccc;
    z-index:-1;
}
#gallery:before{
    left:0;
    transform: rotate(-1deg);
}
#gallery:after{
    right:0;
    transform: rotate(1deg);
}
#gallery .left,
#gallery .right{
    height:100%;
    margin:auto;
    position:absolute;
    top:0;bottom:0;
    box-sizing:border-box;
    background:url(/image/pc/common/gallery_control.png) no-repeat 0 center;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    cursor:pointer;
}
#gallery .left{
    width:31px;
    left:0;
}
#gallery .right{
    width:32px;
    right:0;
    background-position:-31px center;
}
#gallery .images{
    width:670px;
    height:100%;
    margin:auto;
    position:relative;
    overflow:hidden;
}
#gallery .slider{
    height:100%;
    position:absolute;
    top:1px;
    left:0;
    white-space:nowrap;
}
#gallery .slider a{
    width:670px;
    height:100%;
    float:left;
}
#gallery .slider a img,
#gallery .slider a span{
    width:670px;
    float:left;
}
#gallery .slider a img{
    height:248px;
}
#gallery .slider a span{
    height:30px;
    padding-left:10px;
    line-height:30px;
}

/* メイン */
#main{
    padding-top:20px;
    overflow:hidden;
}
#main div.wrapper{
    padding-bottom:20px;
}
#main div.wrapper:after{
    content:"";
    display:block;
    clear:both;
}
#main div.sidenav{
    width:250px;
    float:right;
}
#main>.wrapper>div.sidenav{
    padding-right:15px;
}
#main div.content{
    width:735px;
    float:right;
}

/* フッター */
#footer{
    padding-bottom:20px;
    overflow:hidden;
    clear:both;
    background:#f2f2f2;
}
#footer div.section{
    width:33.3%;
    width:calc(100%/3);
    padding:0 10px 0;
    float:left;
    box-sizing:border-box;
}
#footer div.section h2{
    margin:30px 0 5px;
    border-bottom:2px solid #5e5e5e;
}
#footer div.section ul{
    padding-left:0;
    list-style:none;
}
#footer div.section a{
    color:#333333;
}
#footer div.section a:before{
    margin-right:5px;
    padding-top:2px;
    content:url(/image/pc/common/icon_arrow_gray.png);
    vertical-align:middle;
    position:relative;
    top:1px;
}
#footer div.section a.twitter,
#footer div.section a.facebook{
    width:100px;
    height:30px;
    margin-top:10px;
    display:inline-block;
    background:#ffffff;
}
#footer div.section a.twitter:before,
#footer div.section a.facebook:before{
    margin-right:0;
    content:none;
}
#footer div.other{
    margin-top:30px;
    float:left;
    text-align:center;
}
#footer div.other div.qrcode{
    height:167px;
    padding:15px;
    background:#ffffff;
}
#footer .copyright{
    clear:both;
    font-size:12px;
    text-align:center;
}
#footer ul{
    padding-bottom: 10px;
    padding-top: 10px;
}
#footer div.service ul,
#footer div.company ul{
    border-bottom:1px dashed #b5b5b5;
}
#footer div.service ul:last-child,
#footer div.company ul:last-child{
    border-bottom:none;
}

#footer_app div.app_info_wrapper {
    width: 100%;
    height: 225px;
    position: relative;
}
#footer_app div.app_info_back {
    background-color: #f5a520;
    height: 190px;
    width: 100%;
    top: 44px;
    position: absolute;
    border-top: 1px solid #e49404;
    border-bottom: 1px solid #e49404;
}
#footer_app div.app_info_main {
    width: 1000px;
    margin: 0 auto;
}
#footer_app div.app_info_top {
    height: 45px;
}
#footer_app img.app_info_smart {
    position: absolute;
    top: 0px;
    z-index: 2;
    clip: rect(0px auto 226px auto); padding-top: 4px;
}
#footer_app div.app_info_logo {
   text-align: center;
}
#footer_app div.app_info_content {
    float: left;
    position: relative;
    width: 100%;
}
#footer_app div.app_info_viewer {
    height: 180px;
    width: 100%;
}
#footer_app div.app_info_spacer {
    width: 246px;
    height: 180px;
    float: left;
}
#footer_app div.app_info_viewer_box {
    box-sizing: border-box;
    float: left;
    width: 325px;
    background-color: #fff;
    margin: 18px 10px 0px 0px;
    border-radius: 10px;
    border: 1px solid #d38606;
    padding: 0px;
    background-clip: padding-box;
}
#footer_app img.app_info_viewer_icon {
    float: left;
    margin: 10px 10px 10px 10px;
}
#footer_app div.app_info_viewer_text {
    width: 220px;
    float: left;
}
#footer_app h3.app_info_text {
    color: #f8a61d;
    font-size: 18px;
    padding-top: 10px;
}
#footer_app h3.app_info_text_long {
    color: #f8a61d;
    font-size: 14px;
    padding-top: 10px;
}
#footer_app div.app_info_note {
    font-size: 11px;
    padding-top: 9px;
    line-height: 1.2em;
}
#footer_app div.app_info_note_mimi {
    font-size: 11px;
    padding-top: 2px;
}
#footer_app .app_info_note_sub {
    font-size: 11px;
    font-weight:bold;
    color: #f8a61d;
}
#footer_app div.app_info_linkbox {
    clear: both;
    padding: 10px;
    background-color: #fff2dd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-clip: padding-box;
    overflow:hidden;
}
#footer_app div.app_info_linkbox_mimi {
    clear: both;
    padding: 10px;
    background-color: #e5f1fe;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-clip: padding-box;
    overflow:hidden;
}
#footer_app img.app_info_icon {
    vertical-align: top;
    max-width: 149px;
    height: auto;
    float: left;
}
#footer_app img.app_info_android_icon {
    vertical-align: top;
    max-width: 146px;
    height: auto;
    float: right;
}
#footer_app div.app_info_novel_box {
    box-sizing: border-box;
    float: left;
    width: 325px;
    background-color: #fff;
    margin: 18px 10px 0px 0px;
    border-radius: 10px;
    border: 1px solid #d38606;
    padding: 0px 0px;
}
#footer_app img.app_info_novel_icon {
    float: left;
    margin: 10px 10px 10px 10px;
}
#footer_app div.app_info_novel_text {
    width: 220px;
    float: left;
}
#footer_app div.app_info_mimi_box {
    box-sizing: border-box;
    float: left;
    width: 325px;
    background-color: #fff;
    margin: 18px 0px 0px 0px;
    border-radius: 10px;
    border: 1px solid #d38606;
    padding: 0px 0px;
}
#footer_app img.app_info_mimi_icon {
    float: left;
    margin: 10px 10px 10px 10px;
}
#footer_app div.app_info_mimi_text {
    width: 220px;
    float: left;
}

/* SNS */
#footer_sns {
    background-color: #666;
}
#footer_sns div.sns_info_main {
    width: 1000px;
    margin: 0 auto;
    height: 385px;
    position: relative;
    overflow:hidden;
}
#footer_sns div.sns_info_content {
    float: left;
    position: relative;
    width: 100%;
}
#footer_sns div.sns_info_viewer {
    height: 375px;
    width: 100%;
}
#footer_sns div.twitter_info_viewer_box {
    box-sizing: border-box;
    float: left;
    width: 325px;
    height: 335px;
    background-color: #e5e5e5;
    margin: 30px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    padding: 0px;
    background-clip: padding-box;
}
#footer_sns div.twitter_info_viewer_title{
    height:45px;
    overflow:hidden;
    border:none;
}
#footer_sns div.twitter_info_viewer_title h3{
    padding: 13px 0px 0px 10px;
    font-size: 16px;
}
#footer_sns div.fb_info_viewer_box {
    box-sizing: border-box;
    float: left;
    width: 325px;
    height: auto;
    background-color: #666;
    margin: 30px 0px 0px 0px;
    border: none;
    padding: 0px;
    background-clip: padding-box;
}

/* ダイアログ */
.content .dialog{
    display:none;
}
#overlay{
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    background:rgba(0, 0, 0, 0.5);
}
#dialog{
    width:80%;
    height:80%;
    margin:auto;
    padding:10px;
    display:none;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:101;
    overflow:auto;
    background:#ffffff;
    outline:5px solid #cccccc;
}
#dialog div.control{
    width:100%;
    margin:auto;
    padding:10px 0;
    position:absolute;
    bottom:0px;
    left:0;
    background:#ffffff;
    border-top:1px solid #cccccc;
    text-align:center;
}
#dialog .spacer{
    height:50px;
}
#dialog h2{
    margin-bottom:20px;
    padding-left:10px;
    border-bottom:2px solid #999999;
    font-size:20px;
}

/* SNS */
.twitter-share-button{
    vertical-align:top;
}
.fb-share-button{
    width:110px !important;
    vertical-align:top;
}

/* 広告 */
div.content div.ad{
    margin:0 auto 20px;
    clear:both;
    overflow:hidden;
}
.ad_long{
    height:90px;
}
.ad_double_rect{
    width:300px;
    height:250px;
    margin-right:40px;
    float:left;
    overflow:hidden;
    vertical-align:top;
}
.ad_double_rect:first-child{
    margin-right:50px;
    margin-left:40px;
}
.sidenav div.ad_square{
    height:250px;
    border:none;
}

/* SSL証明書 */
.verisign{
    overflow:hidden;
}
.verisign a{
    float:left;
}
.verisign p{
    padding:10px;
    float:left;
}


/* アルファポリス利用規約 */
.alphapolis_terms_of_service {
    overflow: scroll;
}
.userpolicy {
    overflow:auto;
    width:600px;
    height:200px;
    margin-left: auto;
    margin-right: auto;
    border:1px solid #cccccc;
}
.userpolicy .inner{
    padding:5px;
}

#mynav.preview {
    background-color: #0b99d0;
    border-bottom: 1px solid #000099;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 120%;
}
#mynav.preview span,
#mynav.preview span a {
    font-size: 12px;
    color: #ffffff;
    font-weight: initial;
}
div.temp_banner{
    padding:5px 15px;
    overflow:hidden;
    background:#fef0d8;
    border:1px solid #f4f7e9;
    outline:1px solid #fef0d8;
}
div.temp_banner h3{
    padding-left:0;
    background:transparent;
    border:none;
    line-height:23px;
}
div.temp_banner h3 img{
    vertical-align:top;
}
div.temp_banner a{
    float:left;
    color:#333333;
    font-size:12px;
}
div.temp_banner a:hover{
    text-decoration:none;
}
div.temp_banner a.gate{
    margin-right:29px;
}
div.temp_banner a img{
    display:block;
    vertical-align:text-bottom;
}
div.temp_banner a span.last_update{
    margin-right:5px;
}
div.temp_banner a span.next_update{
}
div.temp_banner a span span{
    color:#e70202;
}
div.temp_banner p{
    font-size:12px;
    font-weight:bold;
    padding-bottom: 5px;
}
div.main_banner a{
    display:block;
    background: #ffffff;
}
div.main_banner a img{
    max-width:100%;
    vertical-align:top;
}
div.main_banner a:hover img{
    opacity:0.5;
}

.notes li.notice {
    color: #e70202;
}

.remon-jack-bg {
    background: transparent url(/image/pc/temp/bg_remon.jpg) no-repeat;
    background-position: center 168px;
}
.remon-jack-wrap {
    position: relative;
}
.remon-jack-wrap > .link {
    position: absolute;
    display: block;
    right: -204px;
    top: 253px;
    width: 205px;
    height: 37px;
    font-size: 0px;
    background: url(/image/pc/temp/button_off.png) no-repeat;
}
.remon-jack-wrap > .link:hover {
    background: url(/image/pc/temp/button_on.png) no-repeat;
}
.onemore-jack-bg {
    background: transparent url(/image/pc/temp/bg_onemore.png) no-repeat;
    background-position: center 168px;
}
.onemore-jack-wrap {
    position: relative;
}
.onemore-jack-wrap > .link {
    width: 150px;
    height: 78px;
    position: absolute;
    display: block;
    right: -185px;
    top: 0;
    background: url(/image/pc/temp/onemore_button.png) no-repeat left top;
    font-size: 0px;
}
.onemore-jack-wrap > .link:hover {
    background-position:left bottom;
}
.tng-jack-bg {
    background: transparent url(/image/pc/temp/bg_tng.jpg) no-repeat;
    background-position: center 168px;
}
.tng-jack-wrap {
    position: relative;
}
.tng-jack-wrap > .link {
    width: 220px;
    height: 44px;
    position: absolute;
    display: block;
    right: -222px;
    top: 184px;
    font-size: 0px;
}
div.novel_body.section div.text em{
    color: inherit;
}
div.novel_body.section div.text em span{
    background: transparent url(/image/pc/common/bouten.png) no-repeat scroll center;
    background-size: 3px 3px;
    background-position: top;
    margin: 0;
    padding: 0.3em 0 0;
}
.cover_image_box {
    position: relative;
    height: 220px;
    width: 100%;
}
.cover_image_prof_image img{
    border: solid 5px #ffffff;
    background-color: #ffffff;
    position: absolute;
    bottom: 20px;
    left: 50px;
    z-index: 2;
    display: inline-block;
}
.cover_image_prof_box {
    background-color: rgba(255,255,255,0.8);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff); /*IE8以下用*/
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    z-index: 1;
}
.cover_image_prof {
    margin: 0 0 0 260px;
    padding: 20px 20px 20px 5px;
}
.cover_image_prof_box .p_name {
    display: inline-block;
    font-size: 1.4em;
}
.cover_image_prof_box .fav {
    float: right;
}
.cover_image_prof_box .self_introduction {
    margin-top: 10px;
    font-size: 14px;
    line-height:20px;
    text-shadow:0 -1px 0 #ffffff;
}
.cover_image_prof_box .cover_image_prof .p_name h2{
    text-shadow:0 -1px 0 #ffffff;
}
.scroll_navigation {
    width:33px;
    margin:auto;
    position: absolute;
    top: 60px;
    right:-45px;
}
.scroll_navigation a{
    float:left;
}
.scroll_navigation a:hover {
    opacity: 0.6;
}
.scroll_navigation a.down {
    margin-top: -2px;
}
.scroll_navigation.sp {
    right:0;
    z-index: 1;
}
.scroll_navigation a img{
    vertical-align:top;
}
.target_scroll_navigation {
    position: relative;
}