/*
Theme Name: GeneratePress Child
Template: generatepress
*/

.sidebar.widget-area  .widget {
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 0;
}
h1 {
font-size: 36px;
font-weight: bold;
}
h2 {
font-size: 24px;
font-weight: bold;
}
h3 {
font-size: 22px;
font-weight: bold;
padding-left: 1em;
}


footer.entry-meta .cat-links,
footer.entry-meta .tags-links {
display: none;
}

/* 日付・カレンダー*/
.sidebar.widget-area #wp-calendar td>a {
color: red;
font-weight: bold;
}
.date .page-header  {
    display:none;
}

/* モバイル左サイドバー*/
@media (max-width: 768px) {
    #left-sidebar {
        display: none; /* 左サイドバーを非表示 */
    }
    .mobile-menu {
        display: block; /* モバイルメニューを表示 */
    }
}

/*目次*/
.entry-content .widget {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    }
    .simpletoc-list > li {
    margin-bottom: 0;
    }
    .simpletoc-list > li a {
        color: var(--contrast);
        font-weight: bold;
        text-decoration: none;
    }
    h2.simpletoc-title {
    font-size: 16px;
    margin-bottom: 8px;
    text-align: center;
}

.blog .inside-article .entry-summary {
    margin-top: 0.5em;
}

.blog .inside-article .entry-summary ul{
    margin-bottom: 0;
}

.blog.separate-containers .inside-article {
    padding-bottom: 20px;
    padding-top: 20px;
}

/** 矢印マークを疑似要素で追加 */
.blog .inside-article {
    position: relative;  /* 子要素の位置決めの基準点にする */
    padding-right: 30px; /* 右側に矢印用のスペースを確保 */
    transition: background-color 0.3s ease; /* ホバー効果をスムーズに */
}

/* 矢印を線で作成 */
.blog .inside-article::after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    transform: translateY(-50%) rotate(45deg); /* 45度回転させて右向き矢印に */
    pointer-events: none; /* この要素自体はクリックイベントを拾わない */
    transition: all 0.3s ease; /* 色の変化をスムーズに */
}

/* ホバー時のスタイル変更 */
.blog .inside-article:hover {
    background-color: #f9f9f9; /* 薄い灰色の背景 */
}

.blog .inside-article:hover::after {
    border-color: #333; /* ホバー時に矢印の色を濃くする */
    right: 25px; /* 少し右に動かす効果 */
}

/* ギャラリーの縦長画像の高さ上限*/
.single .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) img 
 {
  max-height: 280px;
}


/* ホバー時の色変更 */
.post-navigation a:hover {
    background: #e9ecef;
    color: #212529;
}/* WordPress投稿ナビゲーション - ボタン風左右配置
 * Author: chiilabo
 * URL: chiilabo.jp
 */

/* ナビゲーション全体のレイアウト */
#nav-below.post-navigation {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 0;
}

/* 前の投稿・次の投稿の基本スタイル */
.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1;
    max-width: 45%;
    display: flex;
    align-items: center;
}

/* リンクのボタン風スタイル */
.post-navigation a {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #495057;
    text-decoration: none;
    transition: background-color 0.2s ease;
    width: 100%;
    flex: 1;
}

/* 前の投稿のアイコンを左端に配置 */
.post-navigation .nav-previous {
    flex-direction: row;
}

.post-navigation .nav-previous .gp-icon {
    order: 1;
}

.post-navigation .nav-previous .prev {
    order: 2;
    flex: 1;
}

/* 次の投稿のアイコンを右端に配置 */
.post-navigation .nav-next {
    flex-direction: row;
}

.post-navigation .nav-next .next {
    order: 1;
    flex: 1;
}

.post-navigation .nav-next .gp-icon {
    order: 2;
}

/* アイコンの余白とサイズ */
.post-navigation .gp-icon {
    margin: 0 8px;
    flex-shrink: 0;
}

.post-navigation .gp-icon svg {
    width: 1.2em;
    height: 1.2em;
}

/* テキストの複数行表示 */
.post-navigation .prev,
.post-navigation .next {
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* スマホ対応（画面幅768px以下） */
@media (max-width: 768px) {
    #nav-below.post-navigation {
        gap: 15px;
    }
    
    .post-navigation a {
        padding: 12px;
        font-size: 14px;
    }
    
    .post-navigation .gp-icon {
        margin: 0 6px;
    }
}
/* 引用部分の文字を小さく*/
.single .post blockquote.wp-block-quote {
  font-size: 0.95em;
  font-style: normal;
}

.single .post blockquote.wp-block-quote p {
    margin-bottom: 0.8em;
}