@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


aside.fs-l-sideArea{
    display:none;
}

.fs-l-pageMain{
    display: grid;
    grid-template-columns: auto 190px;
}
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea{
    max-width: inherit;
}
#_free_contents{
    display:none;
}
.site-miniheader{
    grid-row: 1;
    grid-column: 1/3;
    text-align: center;
}
.site-contents{
    grid-row: 2;
    grid-column: 1;
}
.site-sidebar{
    grid-row:2/3;
    grid-column: 2;
}
.site-footer{
    grid-row:3;
    grid-column: 1/3;
}



.post_top_item{
    display:flex;
    flex-direction: column;
}
.post_top_item_thumbnail{

}
.post_top_item_text{
    display:flex;
    flex-direction: column;
}
.post_top_item_text_title{
    display:flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.post_top_item_text_tag_wrap{

}
.post_top_item_text_description{
    display:flex;
    flex-direction: column;
    gap: 5px;
}
.post_other_item{
    display:flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.post_other_item_thumbnail{

}
.post_other_item_text{
    display:flex;
    flex-direction: column;
    gap: 5px;
}
.post_other_item_text_tag_wrap .wp-block-post-terms{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 9pt;
}
.taxonomy-post_tag span{
    display:none;
}
.taxonomy-post_tag a{
    border: solid 1px #CCC;
    border-radius: 3px;
    padding: 3px 5px;
    display:inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.post_top_item .wp-block-post-date,
.post_other_item .wp-block-post-date{
    display:none;
}

.mini_header{
    width:100%;
}

header input.fs-p-searchForm__input{
    font-weight: initial;
    font-size: 12px;
    padding: 3px 5px;
    border:0;
    line-height: 1.4;
    min-height: 1.8em;
}
header span.fs-p-searchForm__inputGroup{
    font-size: 12px;
}
header div.header_pc_link{
    font-size: 12px;

}
header span.header_follow_listitem_right_search{
    font-size: 12px;
}
header span.header_follow_listitem_right_search input{
    font-weight: initial;
    font-size: 12px;
    padding: 3px 5px;
    border:0;
    line-height: 1.4;
    min-height: 1.8em;
}
footer{
    font-size: 12px;
    color: #666666;
    line-height: 120%;
}
.sns-buttons a{
    color: white !important;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

    aside.fs-l-sideArea{
        display:block;
    }

    .fs-l-pageMain{
        display: flex;
        flex-direction: column;
    }
    #_free_contents{
        display:none;
    }
    .site-miniheader{
        text-align: center;
    }
    .site-contents{
    }
    .site-sidebar{
    }
    .site-footer{
    }

    .post_top{
        padding: 0 10px;
    }
    .post_other{
        padding: 0 10px;
    }
    .post_top_item{
        display:flex;
        flex-direction: column;
    }
    .post_top_item_thumbnail{

    }
    .post_top_item_text{
        display:grid;
        gap: 5px;
    }
    .post_top_item_text .wp-block-post-title{
        grid-row:1;
    }
    .post_top_item_text_tag_wrap{
        grid-row: 2;
    }
    .post_top_item_text .wp-block-post-excerpt{
        grid-row: 3;
    }
    .post_top_item_text .wp-block-post-date{
        grid-row: 4;
    }
    .post_top_item_text_tag_wrap .wp-block-post-terms{
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 9pt;
    }
    .post_top_item_text_title{
        display:flex;
        flex-direction: row;
        align-items: baseline;
        gap: 10px;
        flex-wrap: wrap;
    }
    .post_top_item_text_tag_wrap{

    }
    .post_top_item_text_description{
        display:flex;
        flex-direction: column;
        gap: 5px;
    }
    .post_other_item{
        display:flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .post_other_item_thumbnail{

    }
    .post_other_item_text{
        display:grid;
        gap: 5px;
    }
    .post_other_item_text .wp-block-post-title{
        grid-row:1;
    }
    .post_other_item_text_tag_wrap{
        grid-row: 2;
    }
    .post_other_item_text .wp-block-post-excerpt{
        grid-row: 3;
    }
    .post_other_item_text .wp-block-post-date{
        grid-row: 4;
    }
    .post_other_item_text_tag_wrap .wp-block-post-terms{
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 9pt;
    }
    .taxonomy-post_tag span{
        display:none;
    }
    .taxonomy-post_tag a{
        border: solid 1px #CCC;
        border-radius: 3px;
        padding: 3px 5px;
        display:inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .wp-block-post-excerpt{
        /*display:none;*/
        font-size: 12px;
    }
    .post_top_item .wp-block-post-date,
    .post_other_item .wp-block-post-date{
        display:none;
    }
    h2.wp-block-post-title{
        font-size: 14px;
        font-weight: normal;
        margin: 0;
    }

    .sidebar_item_text{
        margin-bottom: 5px;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}