@charset "utf-8";

.card{
border-top: none;
background: #FFF;
}
.card.rank .right h2{ }
.card.rank:first-child{
border-top: 1px solid #dcdcdc;
}
#header_app_banner{
display: none;
}
#wrapper{
padding-top: 0 !important;
}
#wrapper:before,
#wrapper:after{
content: "";
display: block;
position: absolute;
}
#wrapper:before{
height: 400px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/top_bg.jpg) no-repeat center center;
background-size: cover;
left: 0; top: 0; right: 0;
}
#wrapper:after {
width: 198px;
height: 160px;
top: 0;
left: 50%;
margin-left: 285px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/top_bg_char.png) no-repeat center center;
background-size: contain;
}
#wrapper.show_app_banner #header,
#wrapper.show_app_banner #glob_nav{
margin-top: 0;
}
#pcWrap{
max-width: 1024px;
margin: 0 auto 0;
overflow: hidden;
padding: 20px 0 40px;
position: relative;
z-index: 10;
}
#pcLeftCol{
width: 700px;
float: left;
}
#pcRightCol{
width: 300px;
float: right;
}
#ranking{
border-bottom: none;
}
#feature{
background: transparent;
border-bottom: none;
}
#feature .article_list article{
width: calc(50% - 24px);
float: left;
margin: 24px 12px 0;
background: #FFF;
border-bottom: 1px solid #dcdcdc;
}
#feature .article_list article._0{
width: calc(100% - 24px);
margin: 0 12px;
}
#pcLeftCol .card_big:after{
display: none;
}
#new{
display: flex;
flex-wrap: wrap;
}
#new .section_title{
border-bottom: 1px solid #dcdcdc;
width: 100%;
}
#new .card_list_mini li{
float: left;
width: 50%;
border-top: none;
box-sizing: border-box;
border-bottom: 1px solid #f2f2f2;
}
#new .card_list_mini li:nth-child(even){
border-left: 1px solid #f2f2f2;
}
#new .read_more{
width: 100%;
}
#information{
border-top: none;
border-bottom: 1px solid #dcdcdc;
}
#footer .foot_menu{
width: 340px;
margin: 0 auto;
}
#footer .foot_menu li{
margin-top: 10px;
}
#footer .foot_menu li a{
font-size: 15px;
}
#header{
background: transparent;
position: relative;
height: auto;
}
#header .head_logo{
height: auto;
padding-top: 0;
width: 300px;
margin: 45px auto 30px;
}
#header .head_logo h1{
height: 37px;
width: 200px;
margin: 0 auto 25px;
text-indent: -9999px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/logoPC.png) no-repeat center center;
background-size: contain;
}
#header .head_logo .head_lead{
font-size: 12px;
}
#header .open_glob_nav{
display: none;
}
#glob_nav{
position: relative;
background: none;
color: #FFF;
display: block;
padding: 0;
max-width: 1024px;
margin: 0 auto;
overflow: hidden;
}
#glob_nav .close,
#glob_nav .lower,
#glob_nav > a{
display: none;
}
#glob_nav .upper{ padding: 0;
margin-left: -15px;
overflow: hidden;
height: 40px;
}
#glob_nav .upper li{
display: inline-block;
}
#glob_nav .upper li a{
line-height: 40px;
font-size: 13px;
padding: 0 15px;
}
#glob_nav .search{
width: 300px;
position: absolute;
right: 0;
bottom: 0;
height: auto;
}
#glob_nav .search input[type=text]{
padding: 5px;
font-size: 13px;
padding-top: 0;
}
#glob_nav .search input[type=submit]{
top: 5px;
} #topFreeTitle{
margin-bottom: 0;
}
#topRankingTitle{
margin-top: 24px;
margin-bottom: 24px !important;
}
#articles_index{
display: flex;
flex-wrap: wrap;
}
#articles_index{
background: transparent;
border-bottom: none;
}
#articles_index .card_list_mini{
margin: 0 -12px;
display: flex;
flex-wrap: wrap;
}
#articles_index .card_list_mini > li{
width: calc(50% - 24px);
float: left;
margin: 24px 12px 0;
background: #FFF;
border-bottom: 1px solid #dcdcdc;
}
#articles_index .section_title{
color: #FFF;
width: 100%;
text-align: left;
padding: 0;
font-size: 24px;
}
#articles_index .category_description{
text-align: left; background: #FFF;
padding: 24px 24px;
font-weight: bold;
margin-top: 24px;
}
#articles_index .list_paging{
width: 100%;
margin-top: 24px;
background: #FFF;
border-bottom: 1px solid #dcdcdc;
}
#pcRightCol #topFreeTitle:first-child,
#pcRightCol #topRankingTitle:first-child{
margin-top: 0;
}
#related_tags{
margin-bottom: 24px;
}
#single > header{
padding: 30px 36px 24px;
}
#single > header .upper{
margin-bottom: 20px;
}
#single > header .upper .date{
font-size: 12px;
margin-bottom: 0;
}
#single .post-categories li a{
font-size: 13px;
line-height: 30px;
}
#single > header h1{
font-size: 24px;
}
#single > header .lower .author .icon{
width: 30px;
height: 30px;
}
#single > header .lower .author .icon img{
width: 30px;
height: 30px;
}
#single > header .lower .author{
font-size: 13px;
}
#single_content{
padding-left: 36px;
padding-right: 36px;
font-size: 16px;
line-height: 36px;
}
#single_content img,
#single_content .twitter-tweet,
#single_content iframe{
margin-top: 1em !important;
margin-bottom: 2em !important;
}
#single_content blockquote{
margin-bottom: 4em !important;
line-height: 28px;
}
#single_content .button{
margin-bottom: 4em;
}
#single_content .caption{
margin-top: -3em;
margin-bottom: 1em;
}
#single_content .twitter-tweet{
display: inline-block !important;
width: auto !important;
}
#single_body .main_visual{
margin-bottom: 3em;
}
#single_content p{
margin-bottom: 2em;
}
#single_content h2{
margin-top: 3em;
margin-bottom: 1.4em;
font-size: 22px;
}
#single_content h3{
margin-top: 4em;
}
.single_lower_title{
font-size: 18px;
padding: 12px 36px;
}
#single_all_images .display ul{
padding: 24px 36px 24px 21px;
}
#related_aritcles ul{
padding: 24px 36px;
}
#single_author{
padding: 24px 36px 24px 116px;
}
#single_author .icon{
left: 36px;
}
.single_sub.underSingleContent{
background: transparent;
margin-top: 24px;
border-bottom: 0;
}
.single_sub.underSingleContent h2{
background: #FFF;
border-bottom: 1px solid #dcdcdc;
}
.single_sub.underSingleContent > ul{
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.single_sub.underSingleContent > ul > li{
width: calc(50% - 24px);
margin: 24px 12px 0;
background: #FFF;
border-bottom: 1px solid #dcdcdc;
}
#about,
#author,
#privacy_policy,
#contact_list,
#contact{
position: relative;
z-index: 2;
max-width: 760px;
margin: 20px auto 40px;
}
#about .body,
#privacy_policy .content,
#contact_form{
padding-left: 36px;
padding-right: 36px;
}
#author,
#contact_list{
display: flex;
flex-wrap: wrap;
background: transparent;
}
#author article,
#contact_list section{
width: calc(50% - 12px);
float: left;
box-sizing: border-box;
background: #FFF;
border: none;
margin-top: 24px;
border-bottom: 1px solid #dcdcdc;
}
#author .section_title{
width: 100%;
background: #FFF;
border-bottom: 1px solid #dcdcdc;
}
#contact_list .section_title,
#contact_list > p{
width: 100%;
background: #FFF;
}
#contact_list > p{
border-bottom: 1px solid #dcdcdc;
}
#author article:nth-child(odd),
#contact_list section:nth-child(even){
margin-left: 24px;
}
.author_card{
padding: 24px;
}
.author_card .content{
font-size: 12px;
line-height: 20px;
}
.author_card .image{
left: 24px;
}
#list_not_found{
width: 100%;
margin-top: 40px;
border-bottom: 1px solid #dcdcdc;
}
#articles_index .author_card{
background: #FFF;
}
#articles_index .author_card+.section_title{
color: #333;
margin-top: 40px;
}
#single{
border-bottom: none;
}
#rensai_single_pager{
padding-bottom: 0;
border-bottom: 0;
}
#rensai_single_pager .to_all{
border-bottom: 1px solid #dcdcdc;
}
#rensai_single_pager:after{
content: "";
display: block;
height: 24px;
background: #f2f2f2;
}
.archive_header{
position: relative;
padding: 36px 40px 30px 356px;
min-height: 36px;
width: 100%;
margin-bottom: 0;
}
.archive_header.searchResult{
padding-left: 40px;
}
.archive_header h1{
position: absolute;
font-size: 18px;
line-height: 36px;
left: 40px;
top: 36px;
width: 250px;
text-align: left;
}
.archive_header.searchResult h1{
position: relative;
top: 0; left: 0;
width: auto;
}
.archive_header .meta{
margin-top: 0;
text-align: left;
}
.archive_header .description{
padding: 0;
font-size: 12px;
line-height: 22px;
margin-top: 0;
}
.archive_header .meta+.description{
margin-top: 22px;
}
#pcLeftCol .article_list{
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
#pcLeftCol .article_list article{
width: calc(50% - 24px);
margin: 24px 12px 0;
border-bottom: 1px solid #dcdcdc;
}
#new{
background: transparent;
border-bottom: none;
}
#new .section_title{
background: #FFF;
}
.read_more{
margin-top: 24px;
margin-left: 0;
margin-right: 0;
}
#comicspaceBanner{
margin: 0 0 22px;
}
#topReviewList .section_title{
padding-left: 10px;
}
#pcRightCol #topReviewList .slides li .content{
margin-left: 0;
margin-right: 0;
border-radius: 0;
}
#pcLeftCol #topReviewList{
margin: 0 -12px;
}
#pcLeftCol #topReviewList .slides li .content{
margin-left: 12px;
margin-right: 12px;
}
#pcLeftCol #topReviewList .controle li{
cursor: pointer;
position: absolute;
width: 45px;
height: 216px;
bottom: 16px;
overflow: hidden;
text-indent: -9999px;
background-image: linear-gradient(to bottom, rgba(252, 148, 26, 0.8) 0%, rgba(255, 195, 33, 0.8) 100%);
z-index: 2;
opacity: 0;
transition: opacity 200ms ease;
}
#pcLeftCol #topReviewList:hover .controle li{
opacity: 1;
}
#pcLeftCol #topReviewList .controle li.prev{
left: 12px;
}
#pcLeftCol #topReviewList .controle li.next{
right: 12px;
}
#pcLeftCol #topReviewList .controle li:before {
content: "";
width: 16px;
height: 23px;
background-position: center center;
background-size: 16px 23px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
#pcLeftCol #topReviewList .controle li.prev:before {
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/pagingPrev.png);
}
#pcLeftCol #topReviewList .controle li.next:before {
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/pagingNext.png);
}
#pcRightCol .section_title{
background: transparent;
border-bottom: none;
padding-left: 10px;
font-size: 16px;
}
#pcRightCol .single_sub{
background: transparent;
}
#ranking .card_mini article:first-child{
border-top: none;
}
#pop_key{
background: transparent;
border-bottom: none;
}
#pop_key .tag_list{
padding: 0;
}
#pop_key .tag_list a {
display: block;
float: left;
margin: 0 3px 6px;
height: 19px;
line-height: 19px;
font-size: 11px !important;
border-radius: 3px;
background: #FFFFFF;
padding: 0 6px;
transition: all 200ms ease;
}
#pop_key .tag_list a:before{
display: none;
}
#information{
padding: 0;
border-bottom: none;
}
#information .provide_us{
margin: 0;
}
#single_content iframe{
width: 630px !important;
height: 354px !important;
}
#error404 .content{
background: #FFF;
color: #111;
position: relative;
z-index: 2;
max-width: 760px;
margin: 20px auto 40px;
}
#error404 .content a{
border-color: #111;
}
#single_content .comicspace_parameter{
margin-left: 0 !important;
margin-right: 0 !important;
}
#single_content .comicspace_parameter img{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#single_body .single_person_container{
padding-left: 190px;
min-height: 160px;
position: relative;
}
#single_body .single_person_container .icon{
position: absolute;
top: 30px; left: 0;
}
#single_body .single_person_container .icon img{
margin-top: 0 !important;
margin-bottom: 0 !important;
}