/*
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.12.0.1767764211
Updated: 2026-01-07 14:36:51

*/
.site-header {
    position: sticky !important;
    top: 0;
    z-index: 999;
}
/* ページ内リンクでヘッダー分だけコンテンツが下にずれるのを防ぐCSS */
/* 補足: padding-topとmargin-topをセットで使うことで、
   見た目の位置を変えずに、スクロール位置だけを調整できます。 */
	    /* スクロール位置の微調整に使用するプロパティ（一部ブラウザで有効） */
html  {
	scroll-margin-top: 85px; 
}

#shops {
    padding-top: 85px; 
}

/* TOPへ戻るボタンの色 */
#ast-scroll-top {
	background-color: #1d3557;
}

/*
 *  日本語段落の左寄せ・均等割り付け・禁則処理
 * /
.ja-justify {
  /* 両端揃え（＝均等割り付け） */
  text-align: justify;

  /* 最終行だけは左揃え（Wordの「左寄せ・均等割付」に相当） */
  text-align-last: left;

  /* 日本語の均等割付の方法（対応ブラウザで有効） */
  text-justify: inter-character; /* 旧Edge/IEは inter-ideograph */

  /* 日本語の禁則処理（句読点の行頭/行末制御など） */
  line-break: strict;
  -webkit-line-break: strict; /* WebKit系向けの補助 */

  /* 変な単語分割を避ける（CJKは通常これでOK） */
  word-break: normal;

  /* 長い英数字/URLだけは折り返したいときの保険（任意） */
  overflow-wrap: break-word;

  /* Safariで句読点ぶら下げ許可（任意・対応ブラウザのみ） */
  hanging-punctuation: allow-end;
}

/* =========================================================
      お問い合わせ (#contact) Contact Form 7 スタイル
========================================================= */

.wpcf7-form p {
	margin: 0 0 14px;
	font-size: 16px;
}

.wpcf7-form p>label {
	margin-bottom: 6px;
	font-size: 17px;
	font-weight: 800;
	color: #333;
	line-height: 1.7;
}

.wpcf7-form .required {
	color: #d23;
	margin-left: .4em;
	font-size: 16px;
}


.wpcf7 textarea {
	min-height: 100px;
	line-height: 1.7;
	resize: vertical;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
	outline: none;
	border-color: #9bb7e0;
	box-shadow: 0 0 0 3px rgba(155, 183, 224, .2);
}

.wpcf7 .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

#wpcf7-f8-p44-o1 > form > p:nth-child(7) > label > span > input::file-selector-button {
	color: #fff;
	background-color: #046bd2;
}

.wpcf7-form > p > input.wpcf7-submit {
	width: 100%;
	color: #fff;
	background-color: #b70123;
	padding: 12px 22px;
	margin-bottom: 0;
	border-radius: 8px;
	cursor: pointer;
	border: none ; /* 余計な枠線を消す */
    -webkit-appearance: none ; /* ブラウザ独自のスタイルを無効化 */
}

.wpcf7-form input.wpcf7-submit[disabled] {
	opacity: .6;
	cursor: not-allowed;
}

.wpcf7-response-output {
	margin-top: 14px;
	width: 100%;
}

.wpcf7-not-valid {
	border-color: #e06b6b !important;
}

.wpcf7-not-valid-tip {
	color: #c33;
	margin-top: 6px;
	font-size: .92em;
}

/* 同意チェックボックス */
.wpcf7-acceptance .wpcf7-list-item {
	display: block;
	width: 100%;
}

.wpcf7-acceptance .wpcf7-list-item>label {
	display: grid;
	grid-template-columns: 1.2em 1fr;
	align-items: start;
	column-gap: .6em;
	width: 100%;
}

.wpcf7-acceptance .wpcf7-list-item>label>input[type="checkbox"] {
	margin-top: 0;
}

.wpcf7-acceptance .wpcf7-list-item-label {
	white-space: normal;
	line-height: 1.7;
	overflow-wrap: anywhere;
}

/* ここからフッター */
#colophon > div.site-primary-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-3-equal.ast-builder-grid-row-tablet-3-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
	color: #FFFFFF; /* 全体の文字色を白に設定 */
	background-color: #1d3557 ;
}
/*
 * フッターの左列
 */
.footer-gooroom-info-box {
    background-color: #1D3557; /* 濃いブルー（Primaryカラーに近いのを想定） */
    color: #FFFFFF; /* 全体の文字色を白に設定 */
    padding: 40px 30px; /* 内側の余白 */
    font-family: 'メイリオ', 'Meiryo', sans-serif; /* 一般的なゴシック体を使用 */
}
/* タイトル (GooRooM) のスタイル */
.footer-gooroom-info-box > h2.footer-gooroom-title {
	color: #FFFFFF; 
    font-size: 32px; /* 大きな文字サイズ */
    font-weight: bold;
    margin-bottom: 30px; /* 下部に大きな余白 */
    letter-spacing: -1px; /* 文字間を詰める（画像の再現） */
  }

/* 連絡先と住所のグループ */
.footer-gooroom-contact-details {
    line-height: 1.8; /* 行間を広めに */
    margin-bottom: 40px; /* ボタンとの間に大きな余白 */
  }

/* 連絡先と住所の文字サイズ調整 */
.footer-gooroom-contact-details p {
    font-size: 16px; /* 基本の文字サイズ */
    margin: 0;
  }

/* ボタンのスタイル */
.footer-gooroom-buttons {
    display: flex; /* ボタンを縦に並べる */
    flex-direction: column;
    gap: 15px; /* ボタン間のスペース */
  }

.footer-gooroom-btn {
    display: block; /* ブロック要素にして全幅に広げる */
    text-align: center;
    text-decoration: none; /* 下線を削除 */
    color: #FFFFFF; /* ボタン内の文字色 */
    background-color: transparent; /* 背景は透明 */
    border: 2px solid #FFFFFF; /* 白い境界線 */
    border-radius: 5px; /* 角を丸く */
    padding: 12px 20px; /* ボタンのサイズ */
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s; /* ホバー時のアニメーション */
  }

/* ホバー時のスタイル（オプション） */
.footer-gooroom-btn:hover {
    background-color: rgba(255, 255, 255, 0.1); /* 薄く背景色を付ける */
  }

/* =======================================
   フッターメニュー用CSS（フッターの真ん中の列）
   ======================================= */
#colophon > .site-primary-footer-wrap > div > div > div.site-footer-primary-section-2 {
	justify-self: center;
	margin: 0 auto;	
}
#astra-footer-menu {
    display: flex; /* Flexコンテナ解除 */
    flex-direction: column; /* 縦並び */
    align-items: flex-start; /* 左寄せ */
    list-style: none; /* リストのデフォルトのマーカーを削除 */
	margin: 0;
	padding-top: 120px;
	/* width: 300px; */
}

/* 3. 個々のメニュー項目の調整 */
.site-footer-primary-section-2 #astra-footer-menu li {
    /* li要素のデフォルトの横マージンを削除 */
    margin: 0 0 10px 0; /* 下に間隔を空ける */
    padding-left: 32px; /* ハイフンの分のスペースを空ける */
    position: relative; /* 疑似要素（ハイフン）の基準位置に設定 */
    font-size: 24px; /* 大きめの文字サイズ */
    line-height: 1.7;
    font-weight: 500;
}

/* 4. ハイフン（―）の再現 (疑似要素 ::before を使用) */
.site-footer-primary-section-2 #astra-footer-menu li::before {
    content: "—"; /* 画像のハイフン（―）を文字として挿入 */
    color: #ffffff;
    position: absolute;
    left: 0; /* liの左端に配置 */
    top: 0;
    font-size: 24px;
}

/* 5. リンクテキストのスタイル */
.site-footer-primary-section-2 #astra-footer-menu a {
    color: #ffffff; /* リンクの文字色を白に */
    text-decoration: none; /* 下線を削除 */
    /* リンクのフォントサイズは li で指定済みのためここでは省略可 */
	padding: 0 0.5em;
}


/* =======================================
   フッターお問い合わせボタン（画像利用版）用CSS
   ======================================= */

/* 1. 全体コンテナの背景色と文字色 */
.footer-contacts-container {
    background-color: #1D3557; /* 濃いブルーの背景 */
    color: #ffffff;
    padding: 20px;
	text-align: left;
}

/* 2. 各連絡先アイテムのスタイル */
.contact-item {
    margin-bottom: 25px; /* アイテム間の間隔 */
}

/* 3. タイトルテキスト（Eメールによる...など）のスタイル */
.contact-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0;
}

/* 4. ボタンリンク（<a>タグ）の共通スタイル（枠線・背景色） */
.contact-btn {
    display: block; /* <a>タグをブロック要素化 */
    overflow: hidden; /* 画像が枠線からはみ出ないように */
    line-height: 0; /* <a>タグの余分な高さを削除 */
    text-decoration: none;
}

/* 4-1. 画像（コンテンツ）自体のスタイル */
.contact-btn .contact-img {
    /* 画像を親要素（<a>）の幅いっぱいに表示 */
    display: block;
    width: 100%;
    height: auto;
}