@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
*/

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

/*ヘッダー*/
#header-container{display: flex;align-items: center;height: 85px;position:relative;padding-bottom: 10px;}
#header-container .site-name-text {font-size: 28px; font-weight:bold;}
#header-container:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    border-bottom: 10px solid #aacc03;
}

#header-container:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    border-bottom: 10px solid #4cb5c0;
}
#header-container .navi{flex:1;}
#header-container-in:after {
    content: "";
    display: block;
    margin: 0 0.5em 0 0;
    width: 125px;
    height: 50px;
    background: url(https://members.centrald.jp/wp/wp-content/uploads/2023/08/logo_contents01@2x.png) no-repeat center / 125px auto;
}

/*フッター*/
#footer{position:relative;padding-top:10px;}
#footer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    border-bottom: 10px solid #aacc03;
}

#footer:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    border-bottom: 10px solid #4cb5c0;
}

/*タブボタン*/
.index-tab-buttons{display:flex; flex-wrap:wrap;}
.index-tab-buttons .index-tab-button{width: calc( (100% / 5) - 4px );background: #dddddd;border: none;border-radius: 0;padding: 12px 2px;font-size: 13px;}
#index-tab-1:checked ~ .tab-cont.tb1,
#index-tab-2:checked ~ .tab-cont.tb2,
#index-tab-3:checked ~ .tab-cont.tb3,
#index-tab-4:checked ~ .tab-cont.tb4,
#index-tab-5:checked ~ .tab-cont.tb5,
#index-tab-6:checked ~ .tab-cont.tb6,
#index-tab-7:checked ~ .tab-cont.tb7,
#index-tab-8:checked ~ .tab-cont.tb8,
#index-tab-9:checked ~ .tab-cont.tb9,
#index-tab-10:checked ~ .tab-cont.tb10,
#index-tab-11:checked ~ .tab-cont.tb11,
#index-tab-12:checked ~ .tab-cont.tb12,
#index-tab-13:checked ~ .tab-cont.tb13,
#index-tab-14:checked ~ .tab-cont.tb14,
#index-tab-15:checked ~ .tab-cont.tb15,
#index-tab-16:checked ~ .tab-cont.tb16,
#index-tab-17:checked ~ .tab-cont.tb17,
#index-tab-18:checked ~ .tab-cont.tb18,
#index-tab-19:checked ~ .tab-cont.tb19,
#index-tab-20:checked ~ .tab-cont.tb20{
  display: block;
  animation: tab-index-show .3s ease-in;
}

#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"],
#index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"],
#index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"],
#index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"],
#index-tab-5:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-5"],
#index-tab-6:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-6"],
#index-tab-7:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-7"],
#index-tab-8:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-8"],
#index-tab-9:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-9"],
#index-tab-10:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-10"],
#index-tab-11:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-11"],
#index-tab-12:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-12"],
#index-tab-13:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-13"],
#index-tab-14:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-14"],
#index-tab-15:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-15"],
#index-tab-16:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-16"],
#index-tab-17:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-17"],
#index-tab-18:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-18"],
#index-tab-19:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-19"],
#index-tab-20:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-20"] {
    background: none #404453;
    border: 0px solid #404453;
    color: #fff;
    font-weight: 700;
}

/**記事一覧*/
.a-wrap{margin-bottom:0;border-bottom: 1px solid #e0e0e0;}
.entry-card-thumb{display:none;}
.entry-card-content{margin-left:0;padding:0;}
.card-title{margin:0;font-size:16px;font-weight:normal;}
.entry-categories-tags{margin-bottom:0;}
.entry-categories-tags > div{margin-bottom:0;}
.article-header.entry-header{border-bottom:1px solid #aacc03;}
.date-tags{text-align:left;}
.date-tags .post-update{font-size:1em;}
.date-tags .post-date{font-size:1em;}
.date-tags .entry-date{font-size:1em;}
.entry-title{font-size: 1.286em;padding-left: 0;padding-right: 0;}

/*記事*/
.wp-block-file__button{display:none;}

/*サイドバー*/
.sidebar h2, .sidebar h3{margin-bottom:0;}
.wp-block-categories-list .cat-item a{margin-bottom: 0; border-bottom: 1px solid #e0e0e0;}
.wp-block-latest-posts.wp-block-latest-posts__list li a{margin-bottom: 0; border-bottom: 1px solid #e0e0e0;}
.widget_block ul li.swpm-log-button a{color: #f00; text-decoration:none;}
.widget-entry-card-content{margin:0;font-size: 14px;}
.new-entry-card-title{font-size:100%;}

/*サムネイル*/
.card-thumb{display:none;}

.article-footer, .entry-footer{background:none;border:1px solid #e6e6e6;margin-left: 0;margin-right: 0;}

/*記事内ページャー*/
.pager-post-navi{background:none;}
.pager-post-navi a + a{margin-top:0;}

/*page-template-page-Simple-WP-Membership*/
.page-template-page-Simple-WP-Membership .sidebar{display:none;}
.page-template-page-Simple-WP-Membership #main{margin-left:auto; margin-right:auto;}


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

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

/*834px以下*/
@media screen and (max-width: 834px){
    /*必要ならばここにコードを書く*/
    /*ヘッダー*/
    #header-container-in{display:flex; flex-direction:initial;}
    #header-container-in:after{
        margin-right: 1em;
        width: calc(2.5em * 2.5);
        height: calc(1em * 2.5);
        background-size: 100% auto;
    }
    /*タブボタン*/
    .index-tab-buttons .index-tab-button{width: calc( (100% / 2) - 1% );}

    /**記事一覧*/
    .a-wrap{padding: 0.8em 0;}
    .card-title{font-size: 14px;}

    /*Simple-WP-Membershi*/
    .formError { left: 60%!important;}
}

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