/* dm.css */

/* === コンテンツコンテナの固有スタイル（dm.htmlではpg110.htmlと似た設定だが、念のため固有ファイルに残す） === */
.content-container {
    background-color: #F0E9D0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* === 画像のホバーエフェクト（ギャラリーアイテム） === */
.gallery-item {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #f3f4f6;
}
.gallery-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border-color: #e5e7eb;
}