/*
Theme Name: Lightning Child
Description: Lightning Child Theme
Template: lightning
Version: 1.0.0
*/

/* ===================================
 * グローバル：Lightning子テーマのメインCSS
 * （blog専用の見た目は blog.css に分離）
 * =================================== */

/* ===================================
 * コラムアーカイブページ専用CSS
 * =================================== */

/* コラムアーカイブページでのVKコンポーネント非表示設定 */
.post-type-archive-column .vk_post_imgOuter.media-img,
.post-type-archive-column p.vk_post_excerpt.media-text,
.post-type-archive-column .vk_post_date.media-date.published,
.post-type-archive-column .vk_post_btnOuter.text-right {
    display: none;
}

.post-type-archive-column .vk_post_body.media-body {
    padding-bottom: 0px !important;
}

.post-type-archive-column .vk_post.media {
    margin: 0;
    border-bottom: 0px;
    padding: 10px !important;
}

/* コラムタイトルの番号付け */
.post-type-archive-column {
    counter-reset: column-counter;
}

.post-type-archive-column h5.vk_post_title.media-title {
    counter-increment: column-counter;
    position: relative;
    padding-left: 45px; /* 35px(円のサイズ) + 10px(スペース) */
        padding-bottom: 15px !important;
}

.post-type-archive-column h5.vk_post_title.media-title::before {
    content: counter(column-counter);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #efead7;
    color: #000000;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}

.post-type-archive-column media.vk_post:first-child {
    border-top: 0px!important;
}

/*ページ送り*/
.post-type-archive-column ul.page-numbers {
    padding-bottom: 20px;
}

/* ===== ここまでグローバル。blogの見た目は /assets/css/blog.css へ ===== */

.c-s-table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    text-align: left;
    width: 100%;
    margin: 20px 0 40px !important;
}

.c-s-table tr:nth-child(odd) {
    background-color: #EFEAD7;
}
.c-s-table th {
    background: #EFEAD7;
    border: 1px solid #ccc;
    padding: 10px !important;
    text-align: left;
    vertical-align: middle;
    width: auto !important;
}

.c-s-table td:nth-child(1) {
    font-weight: bold;
}
.c-s-table td {
    border: 1px solid #ccc;
    padding: 10px !important;
    vertical-align: middle;
}