/*
Theme Name: Yoshioka Kogyo Theme
Author: Yoshioka Kogyo
Description: 吉岡興業オリジナルテーマ（リニューアル版）
Version: 2.0
*/

/* =========================================
   Global Settings
   ========================================= */
   html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    color: #111827;
    background-color: #ffffff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

/* =========================================
   Header & Navigation
   ========================================= */
/* ガラス効果のあるヘッダー */
.glass-header {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* =========================================
   Animations
   ========================================= */
/* ふわっと浮き上がるアニメーション（fade-up） */
.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* カードのホバーエフェクト（浮き上がり） */
.hover-card-zoom {
    transition: all 0.4s ease;
}

.hover-card-zoom:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* =========================================
   WordPress Core Styles
   ========================================= */
/* 画像の配置など、WordPress標準のエディタで崩れないための最低限の調整 */
.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
}

/* 記事内の埋め込みコンテンツ（YouTubeなど）のレスポンシブ対応 */
.post-content iframe {
    max-width: 100%;
}