/*
Theme Name: pc_180426
*/
@charset "UTF-8";
/* CSS Document */
/*リセット*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}

body {
    color: #333;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}
li,
nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    color:#333;
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration:none;
}

ins {
    background-color:#f9f;
    color:#676B1B;
    text-decoration:none;
}

mark {
    background-color:#f9f;
    color:#676B1B;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #676B1B;
    cursor:help;
}

table {
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
.clearfix {
    clear: both;
}
img {
   vertical-align: bottom;
   vertical-align: text-bottom;
}
/*-----ヘッダー-----*/
header{
    background: #13082e;
}
header a{
    color: #fff;
}
#header_inner,
#header_txt h1,
#content{
    width: 1200px;
    margin: 0 auto;
}
#header_txt{
    background: rgba(255,255,255,0.1);
}
#header_txt h1{
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    padding: 1px 0;
}
#header_inner{
    height: 47px;
    padding: 10px 0;
}
nav {
    float: right;
    border: 1px solid #fff;
    border-radius: 7px;
}
nav ul{
    overflow: hidden;
}
nav li {
    float: left;
    color: #FFF;
    font-size: 15px;
}
nav li a{
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    border-right: 1px solid #FFF;
    text-decoration: none;
    color: #FFF;
    transition: color .3s ease 0;
    -webkit-transition: color .3s ease 0;
    -moz-transition: color .3s ease 0;
    -ms-transition: color .3s ease 0;
    -o-transition: color .3s ease 0;
    z-index: 0;
}
nav li a:hover {
    color: #333333;
    text-decoration: none;
}
nav li a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #FFF;
    transition: height 0.3s ease 0s;
    -webkit-transition: height 0.3s ease 0s;
    -moz-transition: height 0.3s ease 0s;
    -ms-transition: height 0.3s ease 0s;
    -o-transition: height 0.3s ease 0s;
    z-index: -1;
}

nav ul li:last-child a{
	border-right: none;
}
nav ul li a:hover::before{
	height: 100%
}
header #logo{
    float: left;
    margin-top: 5px;
}

header .rss{
    float: right;
}
header .rss a{
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(./img/rss1.png);
    text-indent: -9999px;
}
/*パンくずリスト*/
#breadcrumbs{
    background: #efe7f2;
}
#breadcrumb {
    padding: 7px 0 0;
    margin: 0px auto;
    overflow: hidden;
    width: 1200px;
    font-size: 13px;
}
#breadcrumbs li{
    float: left;
}
#breadcrumbs a {
    text-decoration: underline;
    margin-right: 10px;
}
#breadcrumbs a:hover {
    text-decoration: none;
}
#breadcrumbs span{
    margin-left: 10px;
}
/*-----メイン-----*/
main{
    background: #efe7f2;
    padding: 20px 0 0;
}
#content{
    overflow: hidden;
}
#main_col{
    width: 890px;
    float: left;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.comment h3,
#main_col .yarpp-related h3,
#article h2,
#main_col h2,
#kijisita h3{
    margin: 0 0 10px;
    padding: 7px 7px 7px 17px;
    border-left: 10px solid #6262de;
    font-size: 19px;
    background: #13082e;
    color: #fff;
}
#main_col .post{
    position: relative;
    overflow: hidden;
    width: 290px;
    float: left;
    height: 445px;
    margin: 10px 10px 0 0px;
    background: #13082e;
    border: 1px solid #13082e;
    box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;
}
#main_col .post:nth-of-type(3n){
    margin-right: 0px;
}
#main_col .post img{
    width: 100%;
    height: auto;
}
#main_col .post .date{
    color: #fff;
    font-size: 10px;
    padding: 3px 7px;
    background: rgba(50,50,50,0.8);
    position: absolute;
    top: 0;

}
#main_col .post .textbox{
}
#main_col .post .title a{
    font-size: 15px;
    color: #fff;
    display: block;
    padding: 7px 10px;
    background: #13082e;
}
.post .image img:hover,
#main_col .post .title a:hover{
    opacity: 0.7;
}
.post .image{
    width: 100%;
    height: 367px;
    overflow: hidden;
}
/*ページナビ*/
.pagenavi {
	float:right;
    margin: 20px 0 30px;
    clear: both;
    height: 30px;
}
.pagenavi li {
    float: left;
    margin-right: 10px;
}
.pagenavi li a {
    padding: 9px 10px;
    border: 1px solid #13082e;
    color: #13082e;
    background: #fff;
}

.pagenavi li a:hover {
    color: #fff;
    border: 1px solid #6262de;
    background: #6262de;
}
.pagenavi li span {
    padding: 9px 10px;
    border: 1px solid #6262de;
    color: #fff;
    background-color:#6262de;
}
/*-----シングル-----*/
#article{
    padding: 30px;
    background: #fff;
    width: 830px;
    float: left;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#article .date{
    font-size: 15px;
    float: left;
    margin-right: 30px;
    color: #777;
}
#article .cate{
    float: left;
    font-size: 15px;
}
#article .cate a{
    text-decoration: underline;
}
#article .cate a:hover{
    text-decoration: none;
}
#article .article_inner{
    margin: 30px 0;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
}
#article .article_inner img{
    margin: 10px 0;
    width: 100%;
    height: auto;
}
#article .tag{
    overflow: hidden;
}
#article .tag li a{
    background: #6262de;
    color: #fff;
    float: left;
    font-size: 13px;
    padding: 3px 7px;
    margin: 0 10px 10px 0;
}
#article .tag li a:hover{
    opacity: 0.7;
}
#article .description{
    float: left;
    font-size: 15px;
    margin: 20px 0;
    background: #f1f1f1;
    padding: 10px 20px;
    width: 790px;
}
.twitter-share-button{
    float: right;
}
.sharedaddy{
    margin: 20px 0 0;
}
/*-----コメント-----*/
.comment{
    clear: both;
    background: #fff;
    padding-bottom: 20px;
}
.commentlist,
#commentform{
    margin: 20px 0 0;
    padding: 0 30px;
}
.commentlist li{
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.commentlist li:last-child{
    border: none;
}
.comment-author,
.comment-meta,
.reply{
    font-size: 13px;
}
.commentlist p{
    margin: 10px 0;
}
/*-----サイドバー-----*/
#sidebar{
    width: 280px;
    float: right;
}
#sidebar .side_col{
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 0 20px 0;
}
#sidebar h3{
    padding: 7px 10px;
    font-size: 15px;
    font-weight: bold;
    color: #13082e;
    border-left: 7px solid #6262de;
    border-bottom: 1px solid #ccc;
}

#sidebar .side_col li{
    padding: 7px 10px;
    border-bottom: 1px dashed #ccc;
    font-size: 15px;
}
.out_text ul li:last-child,
#sidebar .side_col li:last-child{
    border: none;
}
#sidebar .side_col a{
    display: block;
}
#sidebar .side_col a:hover{
    text-decoration: underline;
}

/*-----フッター-----*/
footer{
    text-align: center;
    background: #13082e;
    padding: 7px 0;
    color: #fff;
}
footer #footer_inner{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
#footer_inner ul{
    overflow: hidden;
    margin: 0 0 10px;
}
#footer_inner li{
    float: left;
    font-size: 15px;
}
#footer_inner li a{
    color: #fff;
    width: 150px;
    display: block;
    text-decoration: underline;
}
#footer_inner li a:hover{
    text-decoration: none;
}
small{
    font-size: 13px;
}
/*一覧ページ*/
.ichiran li{
    float: left;
    width: 200px;
    margin: 0 10px 10px 0;
}
.ichiran li:nth-child(4n){
    margin-right: 0;
}
.ichiran li a{
    display: block;
    padding: 5px 17px;
    overflow: hidden;
    height: 37px;
    border: 1px solid #ccc;
    box-sizing:border-box;
    border-radius: 50px;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
}
.ichiran li a:hover{
    border: 1px solid #6262de;
    color: #6262de;
}
/*-----関連記事----*/
#main_col .yarpp-related{
    background: #fff;
    overflow: hidden;
    margin: 20px 0 0;
}
#main_col .yarpp-related h3,
#kijisita h3{
    font-size: 17px;
}
.yarpp-related .title,
#kijisita .title{
    padding: 7px 10px;
    background: #f9f9f9;
}
.yarpp-related .title a,
#kijisita .title a{
    font-weight: normal;
    font-size: 13px;
    display: block;
}
#main_col .yarpp_post{
    width: 210px;
    margin: 0  0 10px 10px;
    float: left;
    border: 1px solid #ccc;
    box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;
}
#main_col .yarpp_post .image{
    height: 300px;
    overflow: hidden;
}
#main_col .yarpp_post img,
#kijisita .yarpp_post img{
    width: 100%;
    height: auto;
}
/*-----当サイトについて----*/
.about{
    font-size: 15px;
}
.about strong{
    display: block;
    margin: 30px 0 10px;
}
.about a{
    text-decoration: underline;
    color: blue;
}
.about a:hover{
    text-decoration: none;
}
/*アップロード*/
.content_upload {
	padding: 10px;
	background-color: #FFF;
	margin-bottom: 10px;
}

.content_upload .text {
	margin-bottom: 10px;
}
.content_upload .upload_topic {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.content_upload .comic_file {
	float: left;
	margin-right: 10px;
}
.content_upload .comic_select {
	margin-top: 7px;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	width: 250px;
	color: #999;
}
.content_upload .sentence {
	float: left;
	width: 270px;
	margin-top: 9px;
	margin-bottom: 7px;
}
.content_upload .sentence .important {
	color: #00F;
}
.content_upload .explain {
	float: left;
	width: 450px;
	margin-left: 160px;
	margin-bottom: 20px;
}
.content_upload .term {
	display: inline;
	float: left;
	width: 520px;
}
.content_upload ul {

}
.content_upload .term li {
	display: inline;
}
.content_upload .send {
	width: 70px;
	margin-top: 17px;
	margin-bottom: 20px;
	float: left;
	clear: both;
	margin-left: 320px;
}
.content_upload .error {
	float: left;
	clear: both;
	margin-left: 160px;
}
.content_upload .attention {
	line-height: 30px;

}
.content_upload .contact_index {
	height: 25px;
	width: 150px;
	float: left;
	font-weight: bold;
	font-size: 9pt;
	padding-top: 9px;
	text-align: center;
}
.content_upload .itembox {
	float: left;
}
.content_upload .upload_text {
	font-size:15px;
	margin-bottom:20px;
}
.content_upload .upload_text2{
	border:3px solid #888;
	background:#f9f9f9;
	padding:10px;
	margin-bottom:20px;
	font-size:15px;
}
.content_upload .upload_text2 .upload_text_title{
	font-weight:bold;
    margin: 0 0 7px;
}
/*ランキング*/
.rank h3{
    background: #fff;
}
.rank li{
    width: 280px;
    background: #fff;
    margin: 10px 0;
    border: 1px solid #ccc;
    box-sizing:border-box;
    padding: 10px;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;
}
.rank img a{
    display: block;
}
.rank .textbox a{
    display: block;
    padding: 7px 10px;
    font-size: 13px;
    background: #f1f1f1;
}
.rank .textbox a:hover{
    background: #ddd;
}
.rank img:hover{
    opacity: 0.7;
}
/*追尾　作者新着*/
.rank img,
.sidewinder img{
     width: 100%;
    height: auto;
}
/*人気タグ*/
.ninki_tag{
    margin-bottom: 20px;
    height: 127px;
    background-image: url(./img/bg_tag.jpg);
}
.ninki_tag li{
    position: relative;
    float: left;
    width: 179px;
    height: 127px;
}
.ninki_tag li a{
    font-size: 19px;
    width: 179px;
    height: 127px;
    font-weight: bold;
    display: block;
    color: #fff;
    font-family: serif;
    text-shadow: 3px 3px 3px #555;
}
.ninki_tag li span{
    position: absolute;
    top: 7px;
    right: 9px;
}
.ninki_tag li a:hover{
    background: rgba(555,255,255,0.3);
}
/*検索*/
.search_area {
    overflow: hidden;
    padding: 10px;
}
#search_input {
    float: left;
}
#search {
    width: 199px;
    height: 23px;
}
#search_button {
    float: left;
    width: 47px;
    height: 30px;
    font-size: 13px;
    margin-left: 7px;
}
/*アクセスランキング*/
.acr_ranking_sys tr:nth-last-child(3) ,
.acr_ranking_sys tr:nth-child(3) {
    display: none;
}
#acrr7_manga_celeb{
    margin-bottom: 20px;
}
/*サイドカラムツイッター*/
.side_twitter{
    overflow: hidden;
    padding: 10px;
}
.side_twitter .rightbox{
    float: right;
    font-size: 15px;
    width: 150px;
}
.side_twitter p{
    font-size: 13px;
}
.icon_twitter{
    float: left;
    border: 1px solid #ccc;
    border-radius: 17px;
    overflow: hidden;
}
.twitter-follow-button{
    margin-top: 10px;
}
/*QRコード*/
.qrcode {
    font-size: 13px;
    overflow: hidden;
}
.qrcode img{
    float:left; 
}
.qrcode p{
    float: left;
    margin: 7px 0 0 7px;
    width: 160px;
}
/*人気キーワード*/
.keyword{
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
}
.keyword li{
    float: left;
    margin: 0 17px 17px 0;
}
.keyword li a{
    display: block;
    background: rgba(255,255,255,0.7);
    width: 147px;
    padding: 7px 10px;
}
.tag_list:hover,
.keyword li a:hover{
    background: rgba(98,98,222,0.3);
}
.keyword li:nth-child(5n){
    margin: 0 0 17px 0;
}
.tag_list{
    background: #6262de;
    color: #fff;
    padding: 10px 20px;
    border-radius: 9px;
    float: right;
    margin-top: 10px;
}
/*最近のコメント*/
.comment-author-link{
    font-size: 13px;
     color: #555;
}
/*お気に入り（single）*/
.favorite{
    margin: 20px 0 0;
    background: #13082e;
    float: left;
    clear: both;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
}
.favorite a,
.favorite_list{
    color: #fff;
    font-size: 15px;
}
.favorite a:hover,
.favorite_list:hover,
.mypage .remove-parent:hover{
    opacity: 0.8;
}
.favorite_list{
    float: left;
    margin: 20px 0 0 20px;
    padding: 5px 10px;
    background: #13082e;
}
/*お気に入り一覧*/
.mypage{
    overflow: hidden;
}
.mypage li{
    overflow: hidden;
    width: 405px;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    position: relative;
}
.mypage li:nth-child(odd){
    margin-right: 10px;
    border-right: 1px dotted #ccc;
    padding-right: 10px;
}
.mypage .image{
    width: 120px;
    height: 170px;
    float: left;
    overflow: hidden;
}
.mypage img{
    width: 100%; 
    height: auto;
}
.mypage .title{
    float: right;
    width: 270px;
    font-size: 15px;
}
.mypage .title a{
    color: #555;
}
.mypage .remove-parent{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    background: #13082e;
    font-size: 15px;
    padding: 5px 10px;
}
/*記事下アウト枠*/
#kijisita{
    clear: both;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}
#kijisita .yarpp_post .image{
    overflow: hidden;
    height: 280px;
}
#kijisita .title{
    height: 69px;
    overflow: hidden;
    line-height: 19px;
}
/*お知らせ*/
.info{
    font-size: 15px;
    background: #fff;
    margin: 0 0 20px;
    padding-bottom: 10px;
}
.info time{
    color: #666;
    font-size: 13px;
    margin: 0 0 0 10px;
}
.info p{
    margin: 0 0 0 10px;
}
.info a{
    display: block;
    padding: 7px;
}/* rndz */