/*
Theme Name: Shimizu Dental Clinic News
Theme URI: https://shimizu-dc-eniwa.com/news/
Author: webunit
Description: 清水デンタルクリニック公式サイト(shimizu-dc-eniwa.com)のデザインを踏襲した「お知らせ」専用テーマ。実際のスタイルは静的サイト側の /assets/css/style2.css を共有読み込みしており、このファイル自体はテーマ情報ヘッダーの提供とWordPress管理画面向けの最小限の補助スタイルのみを担う。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: shimizu-dc-news
*/

/* 静的サイトと共通のスタイルは functions.php で /assets/css/style2.css を直接enqueueしているため、
   このファイルには本文投稿(the_content)向けの最小限の補助スタイルのみを記載する。 */

.c-archive01__cat-empty {
    display: none
}

/* お知らせ詳細ページの見出しエリア(l-sub-img)を他ページより低くする。
   .l-sub-img 自体は静的サイト共通のクラス(style2.css)のため直接変更すると
   about/access/menu等の全ページに影響してしまう。WordPressがbodyに自動付与する
   single-postクラスでスコープし、詳細ページだけを対象に高さを約半分に上書きする。 */
body.single-post .l-sub-img {
    height: 170px;
    padding: 100px 25px 20px
}

@media all and (min-width: 600px) {
    body.single-post .l-sub-img {
        height: 150px
    }
}

.entry-content {
    font-size: 1.5rem;
    line-height: 1.8;
    color: #3d3a39
}

.entry-content p {
    margin-bottom: 1.5em
}

.entry-content img {
    max-width: 100%;
    height: auto
}

.entry-content a {
    color: #a73963;
    text-decoration: underline
}

.entry-content h2 {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 2em 0 1em;
    padding-bottom: .5em;
    border-bottom: 2px solid #e3e2dc
}

.entry-content h3 {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 1.8em 0 .8em
}

.entry-content ul,
.entry-content ol {
    margin: 0 0 1.5em 1.5em
}

.entry-content blockquote {
    margin: 1.5em 0;
    padding: 1em 1.5em;
    background: #f8f7f3;
    border-left: 4px solid #a73963
}

/* 記事詳細(single.php)本体エリア: 最大幅を絞って中央寄せ、パンくずとの間にマージンを確保 */
.c-newsarticle {
    max-width: 980px;
    margin: 40px auto 0;
    box-sizing: border-box
}

@media all and (max-width: 599px) {
    .c-newsarticle {
        margin-top: 25px
    }
}

/* 記事詳細(single.php)見出しまわり */
.c-newsarticle__head {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e2dc
}

.c-newsarticle__date {
    color: #bcbbb4;
    font-size: 1.6rem;
    margin-bottom: 8px
}

.c-newsarticle__cat {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.c-newsarticle__cat-item {
    display: block;
    min-width: 70px;
    margin: 0 5px 5px 0;
    padding: 2px 8px;
    box-sizing: border-box;
    background: #a73963;
    color: #fff;
    font-size: 1.3rem;
    text-align: center
}

.c-newsarticle__title {
    font-size: 2.0rem;
    line-height: 1.5;
    color: #3d3a39
}

.c-newsarticle__thumb {
    margin: 0 0 30px
}

.c-newsarticle__thumb img {
    width: 100%;
    height: auto
}

.c-newsarticle__back {
    margin: 50px 0 60px;
    text-align: center
}

.c-newsarticle__back-link {
    display: inline-block;
    color: #a73963;
    text-decoration: none;
    font-size: 1.4rem;
    border-bottom: 1px solid #a73963;
    padding-bottom: 2px;
    transition: opacity .3s ease
}

.c-newsarticle__back-link:hover {
    opacity: .6
}

/* 記事本文中に [sdc_btn] ショートコードで設置する、静的ページ等への誘導ボタン */
.c-newsarticle__link {
    margin: 30px auto
}

@media all and (min-width: 600px) {
    .c-newsarticle__title {
        font-size: 2.4rem
    }
}

/* お知らせ一覧のページ送り(c-pager) */
.c-pager {
    margin-top: 40px
}

.c-pager .page-numbers {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 0
}

.c-pager .page-numbers li {
    display: block
}

.c-pager a.page-numbers,
.c-pager span.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    box-sizing: border-box;
    border: 1px solid #e3e2dc;
    color: #3d3a39;
    text-decoration: none;
    font-size: 1.4rem;
    transition: all .3s ease
}

.c-pager a.page-numbers:hover {
    border-color: #a73963;
    color: #a73963
}

.c-pager span.page-numbers.current {
    background: #a73963;
    border-color: #a73963;
    color: #fff
}

.c-pager span.page-numbers.dots {
    border: none
}