/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.15.1763783307
Updated: 2025-11-22 12:48:27

*/

.entry-header.ast-no-thumbnail{
	display:none;
}
.ast-footer-copyright {
    display: none;
}

.ast-single-post.ast-page-builder-template .site-main > article, .ast-page-builder-template .post-navigation{
	padding:0
}
/* ロゴ画像のサイズ調整 */
.site-logo-image {
    max-height: 60px; /* 例: ロゴの最大高さを60pxに設定 */
    width: auto;     /* 幅は高さに合わせて自動調整 */
    display: block;  /* インライン要素の隙間をなくすためブロック要素に */
}
/* --- フォント読み込み --- */
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');

/* --- 全体の設定 --- */
.akahori-menu-container {
    font-family: 'Sawarabi Gothic', sans-serif;
    position: relative;
    /* ボタン自体の幅は自動調整（広がりすぎない） */
    width: auto;
    display: inline-block;
    z-index: 99999;
}

/* --- ボタンのデザイン（summaryタグ） --- */
.akahori-summary {
    display: block;
    background-color: #2c5e2e; /* 緑 */
    color: #fff;
    text-align: center;
    /* 幅を少し持たせる */
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px; /* 少し文字を小さく上品に */
    list-style: none;
    outline: none;
    white-space: nowrap; /* ボタン内の文字改行禁止 */
}

/* ブラウザごとの三角印消去対応 */
.akahori-summary::-webkit-details-marker {
    display: none;
}

/* アイコン調整 */
.akahori-summary .icon-bar {
    font-size: 16px;
    margin-right: 5px;
}

/* 開いている時のボタンの色変化 */
details[open] .akahori-summary {
    background-color: #224a24;
}

/* --- メニューリストのデザイン（ここが重要） --- */
.akahori-list {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    background: #fff;
    border: 1px solid #2c5e2e;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    
    /* ★ここが修正ポイント★ */
    position: absolute;
    top: 100%;
    right: 0;     /* 右端をボタンに合わせる */
    left: auto;   /* 左側の制限を解除 */
    width: 250px; /* 幅を固定して確保（これで文字が潰れません） */
}

.akahori-list li {
    border-bottom: 1px solid #eee;
}
.akahori-list li:last-child {
    border-bottom: none;
}

.akahori-list a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: #333; /* 読みやすい濃いグレー */
    font-size: 14px;
    text-align: left; /* 文字を左寄せに */
}

/* 緑色のアクセント */
.akahori-list a:hover {
    background-color: #f4fbf4;
    color: #2c5e2e;
}
/* --- スティッキーヘッダーの強制固定 --- */

/* --- スティッキーヘッダーの強制固定 (全デバイス対応) --- */

/* 1. 全デバイスのヘッダー要素を画面上部に固定 */
/* .site-header はAstraのヘッダー全体を指すクラスです */
.site-header {
    /* 画面上部に固定 */
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    /* 他の要素より手前に表示 */
    z-index: 999; 
    /* 固定時に背景が透けないように（必要な場合のみ） */
    background-color: #ffffff; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 軽い影で固定感を出す */
}

/* 2. ヘッダーの裏にコンテンツが隠れるのを防ぐための調整 */
/* bodyのパディングを調整し、コンテンツの開始位置をヘッダーの高さ分下にずらします */
/* PC/タブレット用（ヘッダーの高さに合わせて調整してください） */
body {
    padding-top: 80px; 
}

/* 3. スマートフォン/タブレット用の高さ調整（メディアクエリ） */
/* 画面幅が921px以下の場合（Astraの標準的なタブレット/モバイルブレークポイント） */
@media (max-width: 921px) {
    /* モバイル環境ではヘッダーの高さが変わる可能性があるため、paddingを調整 */
    body {
        /* 例: モバイルのヘッダーが60pxだった場合 */
        padding-top: 60px; 
    }
}
/*ここまで*/