/*
Theme Name: Mori Mugen Theme
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: A custom theme for Mori Mugen, designed with elegance and tranquility.
Version: 1.0
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mori-mugen-theme
Tags: custom-background, one-column, custom-logo, accessibility-ready
*/

/* --- ここからCSS --- */
body {
    background-color: #1A1A1A;
    color: #FFFFFF;
    font-family: 'Shippori Mincho', serif;
}
.font-english {
    font-family: 'Playfair Display', serif;
}
.hero {
    height: 100vh;
    background-image: url('https://images.unsplash.com/photo-1448375240586-882707db888b?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-deep-green {
    background-color: #00402E;
}
.text-gold {
    color: #B89B55;
}
.parallax-bg {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.bg-story {
    background-image: url('https://images.unsplash.com/photo-1511497584788-876760111969?q=80&w=1932&auto=format&fit=crop');
}
.scroll-reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}
.scroll-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.scroll-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-20px);
    }
    60% {
        transform: translateX(-50%) translateY(-10px);
    }
}
.horizontal-scroll-container {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #4a4a4a #1a1a1a;
}
.horizontal-scroll-container::-webkit-scrollbar {
    height: 5px;
}
.horizontal-scroll-container::-webkit-scrollbar-track {
    background: #1a1a1a;
}
.horizontal-scroll-container::-webkit-scrollbar-thumb {
    background-color: #4a4a4a;
    border-radius: 6px;
}
.horizontal-scroll-item {
    flex: 0 0 80%;
}
@media (min-width: 768px) {
    .horizontal-scroll-item {
        flex: 0 0 45%;
    }
}
@media (min-width: 1024px) {
    .horizontal-scroll-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        overflow-x: visible;
    }
}
/* --- WordPress用の調整 --- */
.wp-block-image img {
    border-radius: 0.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}