/*
Theme Name: Lightning Child Sample
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

.category-links {
    font-size: 14px;
    color: #555;
}
.category-links a {
    color: #0073aa;
    text-decoration: none;
}
.category-links a:hover {
    text-decoration: underline;
}

/***
 *** Web予約ボタン
 ***/
.btn-primary {
    background-color:#3a2c26;
}
    
.site-header-sub .btn{
    background-color:#3a2c26;
}
    
/***
 ***  アーカイブページ
 ***/
.archive-post-item {
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.post-body {
    display: flex;
    align-items: flex-start;
    margin-top: 10px; /* 画像とタイトルの間隔を調整 */
}

.post-thumbnail {
    margin-right: 15px; /* 画像と抜粋の間隔を調整 */
    flex-shrink: 0; /* 画像サイズを固定 */
}

.post-thumbnail img {
    width: 120px; /* 画像の幅を設定 */
    height: auto; /* 高さを自動調整 */
    border-radius: 5px; /* 画像の角を丸める（オプション） */
}

.excerpt-content {
    flex-grow: 1; /* 抜粋エリアを広げる */
}

.post-header h2 {
    font-size: 1.5em; /* フォントサイズ */
    font-weight: bold; /* 太字設定 */
    color: #fff; /* 白文字に設定 */
    padding: 10px; /* 背景色の内側余白を調整 */
    border-radius: 5px; /* 角を丸める */
    margin-bottom: 15px; /* 見出し下の余白 */
}

.post-meta {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 10px;
}

.post-meta a {
    color: #0073aa;
    text-decoration: none;
}

.post-meta a:hover {
    text-decoration: underline;
}

.post-category {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 10px;
}

.post-category a {
    color: #0073aa;
    text-decoration: none;
}

.post-category a:hover {
    text-decoration: underline;
}
.archive-post-item h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.archive-post-item h2 a {
    text-decoration: none;
    color: #0073aa;
}

.archive-post-item h2 a:hover {
    text-decoration: underline;
}

.archive-post-item p {
    color: #555;
    font-size: 0.9em;
}

.post-category {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 10px; /* 他の要素との間隔 */
}

.post-category a {
    color: #0073aa; /* カテゴリーリンクの色 */
    text-decoration: none;
}

.post-category a:hover {
    text-decoration: underline; /* ホバー時に下線を表示 */
}

/***
 ***  カテゴリー別アーカイブページ
 ***/
.col-12 {
    margin-bottom: 30px; /* 記事間の余白を広げる */
    padding: 15px; /* 内側の余白を調整 */
}