@charset "utf-8";

/* ----------------------------------------------
        Header
-------------------------------------------------*/

#header {
    background: none;
}
#header_inner {
    width: auto;
}
.headerL {
    float: none;
    text-align: left;
}
.headerL a {
    margin-top: 2px;
    margin-left: 6px;
    display: block;
}
.headerR {
    float: none;
    padding: 10px 10px;
    text-align: left;
}
.headerR h1 {
    line-height: 1.2;
    margin-right: 0;
}
.news {
    display: none;
}



/* ----------------------------------------------
        左ナビゲーション部分
-------------------------------------------------*/
#Lnavi {
    float: none;
    width: auto;
    padding: 30px 10px;
    margin: 30px 0;
    background: #f0f0f0;
}
.navi_box {
    background: none;
    width: auto;
    margin: 0;
}
#Lnavi .navi_box:nth-child(n+2) {
    
}
.navi_top {
    display: none;
}
.navi_box ul {
    
}
.navi_bottom {
    display: none;
}
#Lnavi h2 {
    
}
#Lnavi h2 a {
    
}
#Lnavi .ad {
    /*display: none;*/
}
#Lnavi .sp_none {
    display: none;
}



/* ----------------------------------------------
        メイン部分
-------------------------------------------------*/
#wrapper {
    width: auto;
    padding: 0;
}
.key {
    display: none;
}
#container {
    float: none;
    width: auto;
    padding: 30px 10px 0;
}
.topbox {
    margin: 0;
}
.topbox li {
    float: left;
    margin-right: 0;
    width: 50%;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.topbox li:nth-child(odd) {
    padding-right: 5px;
}
.topbox li:nth-child(even) {
    padding-left: 5px;
}


/* ----------------------------------------------
        フッター部分
-------------------------------------------------*/

#footer_inner {
    width: auto;
}
.footer_navi {
    line-height: 1.5;
}



/* ----------------------------------------------
        サイト一覧
-------------------------------------------------*/
.pan {
    display: none;
}
.categorybox li {
    width: auto;
    float: none;
}
.categorybox li:nth-child(odd) {
    margin-right: 0;
}
.cnt h2 {
    font-size: 22px;
}
.cnt h2 span {
    display: block;
    margin-left: 0;
    margin-top: 5px;
}

/*** レビュー ***/
.kuchi_cnt .review_data {
    font-size: 10px;
}
.kuchi_cnt .review_data a {
    display: block;
}
.form_cellL {
    width: auto;
    float: none;
}
.f_box {
    width: 100%;
}
.form_cellR {
    float: none;
}



/* ----------------------------------------------
        サイト詳細
-------------------------------------------------*/
.detailes_cntL {
    width: auto;
    float: none;
}
.detailL {
    float: none;
    width: auto;
    margin-bottom: 10px;
}
.detailR {
    float: none;
    width: auto;
}
.detailes_cntR {
    float: none;
    text-align: center;
}


/*** パフォ紹介 ***/
.perfo_list h4 span {
    display: block;
    margin: 5px 0 0;
}




/* ----------------------------------------------
        記事
-------------------------------------------------*/
.article_list .article_box {
    float: none;
    width: auto;
    margin: 0 0 20px;
}
.article_list .article_box:nth-of-type(even) {
    margin-right: 0;
}
.article_list .article_box dl:after {
    content: "";
    display: block;
    clear: both;
}
.article-single .article_sub .date {
    float: right;
    margin-left: 0;
}
.article-single .article_sub .author {
    float: right;
    margin-top: 10px;
    clear: both;
}
.recomend_chat dl dt {
    float: left;
    width: 150px;
}
.recomend_chat dl dd {
    margin-left: 160px;
}
.recomend_chat dl dd p {
    font-size: 12px;
}

/*** 他サイトの紹介 ***/
.intro_site dt {
    float: none;
    width: auto;
}
.intro_site dd {
    margin-left: 0;
}
.intro_site dd p {
    font-size: 12px;
}

/*** サイド人気記事 ***/
.ranking_box {
    width: auto;
    margin-bottom: 0;
}
#Lnavi .ranking_box .wpp-list li .wpp-post-title {
    width: auto;
    margin-left: 50px;
    float: none;
    display: block;
}

.single_body iframe {
    max-width: 100%;
    height: auto;
}

/*** 広告 ***/
.article-single .ad {
    
}
.article-single .ad .ad_list {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
}


/* ----------------------------------------------
        フッターリンク
-------------------------------------------------*/
#footer_link {
    margin: 30px 0 0;
    background: #f0f0f0;
    padding: 20px 10px 0;
}
#footer_link_inner {
    width: auto;
}
#footer_link_inner:after {
    content: "";
    display: block;
    clear: both;
}
#footer_link dl {
    float: left;
    width: 50%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0 10px;
}
#footer_link dl dt {
    margin-bottom: 10px;
}
#footer_link a {
    text-decoration: none;
}