@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ============================================
   ▼ ギャラリーページ：タイトルデザイン（強制上書き版）
   ============================================ */
.post_header .post_title {
    text-align: center !important;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    margin: 0 0 1.4em !important;
    position: relative !important;
    padding-bottom: 0.6em !important;
    display: inline-block; /* ← これが重要 */
    width: 100%;
}


/* ▼ スマホ最適化 */
@media (max-width: 599px) {
    .post_header .post_title {
        font-size: 1.8rem !important;
        margin-bottom: 1.0em !important;
    }
}


/* ============================================
   ▼ ギャラリーブロック（画像一覧）
   ============================================ */

/* スマホ（初期値）：2列 */
.post_content .gallery-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    padding: 10px 0;
    margin-top: 2.2em; /* ← タイトルとの距離を確保 */
}

/* PC：4列 */
@media (min-width: 768px) {
    .post_content .gallery-block {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

/* SWELL風カード */
.post_content .gallery-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.post_content .gallery-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

.post_content .gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}