/*
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 5,700+ 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.8.1754579255
Updated: 2025-08-08 00:07:35

*/
body,
html {
  background-image: none !important;
  background-color: #ffffff !important;
}

body::before,
body::after,
html::before,
html::after {
  background-image: none !important;
  background: none !important;
  display: none !important;
}
/* Google Fontsを読み込み */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Noto+Sans+JP&display=swap');

/* サイト全体のフォントを統一 */
body,
button,
input,
select,
textarea {
  font-family: 'Marcellus', 'Noto Sans JP', sans-serif !important;
}
.page .entry-content {
  font-family: 'Marcellus', 'Noto Sans JP', sans-serif;
  font-size: 12px;
  line-height: 1.6;
}
/* ボタンの中央揃え */
.button-container {
  text-align: center;
  margin-top: 40px;
}

/* ボタン全体の中央揃え用 */
.button-container {
  text-align: center;
  margin: 30px 0;
}

/* ボタンのスタイル */
.custom-button {
  display: inline-block;
  padding: 10px 50px;
  font-size: 20px;
  font-family: 'Note Sans JP', 'Marcellus', serif;
  color: #40475C; /* ボタンの文字色：紺色寄りグレー */
  background-color: transparent; /* 塗りなし */
  border: 2px solid #40475C; /* 境界線の色 */
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.4s ease;
  opacity: 0;
  animation: sparkleIn 10s ease-out forwards;
  animation-delay: 3s;
}

/* ホバーしたとき */
.custom-button:hover {
  background-color: #40475C;
  color: white;
}

/* アニメーション：キラキラふわっと登場 */
@keyframes sparkleIn {
  0% {
    opacity: 0;
    transform: scale(0.96) rotate(0deg);
    filter: brightness(150%);
  }
  50% {
    opacity: 1;
    transform: scale(1.03) rotate(1deg);
    filter: brightness(180%);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    filter: brightness(100%);
  }
}
.wp-block-paragraph {
  margin-top: 5em;
  margin-bottom: 5em;
  line-height: 2;
}body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(230, 200, 255, 0.9) 2px, transparent 3px) 0 0,     /* 薄い紫 */
    radial-gradient(circle, rgba(150, 180, 255, 0.8) 3px, transparent 4px) 20px 20px, /* 薄い青 */
    radial-gradient(circle, rgba(255, 255, 255, 0.85) 1.5px, transparent 3px) 40px 40px, /* 白 */
    radial-gradient(circle, rgba(255, 180, 220, 0.7) 2.5px, transparent 4px) 60px 60px; /* 薄いピンク */
  background-size: 80px 80px;
  animation: sparkle 5s linear infinite;
  opacity: 0.6;
  z-index: 0;
}

@keyframes sparkle {
  0% {
    background-position: 0 0, 20px 20px, 40px 40px, 60px 60px;
  }
  100% {
    background-position: 80px 80px, 100px 100px, 120px 120px, 140px 140px;
  }
}/* --- Contact Form 7 全体スタイル --- */
.wpcf7-form {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  color: #4b2e2e;
}

/* ラベル文字 */
.wpcf7-form label {
  color: #4b2e2e;
  font-weight: 600;
}

/* 入力欄 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  color: #4b2e2e;
  background-color: rgba(46,93,59,0.1)
		;
  border: 1.8px solid #2e5d3b;
  border-radius: 6px;
  padding: 10px;
  transition: border-color 0.3s ease;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
  border-color: #1d4030;
  outline: none;
}

/* 送信ボタン */
.wpcf7-form input[type="submit"] {
  background-color: #2e5d3b; /* 深緑 */
  color: #ffffff;
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 30px;
  padding: 12px 36px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(46, 93, 59, 0.4);
  transition: background-color 0.3s ease;{
}
		
.wpcf7-form input[type="submit"]:hover {
  background-color: #1e8449;
  box-shadow: 0 6px 12px rgba(30, 132, 73, 0.6);
}

/* --- 「風にのせて送る」リンクのカスタム --- */
a.kaze-link {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  color: #2e5d3b;
  background-color: #d8e8d8;
  padding: 6px 12px;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: inline-block;
}

a.kaze-link:hover {
  background-color: #a3c293;
  color: #ffffff;
}
.wpcf7-form {
  text-align: center; 
}
/* 全体設定 */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

/* bookshelfスタイル */
.bookshelf {
  width: 90vw;
  max-width: 1000px;
  aspect-ratio: 3 / 2;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .bookshelf {
    width: 95vw;
    aspect-ratio: 4 / 3;
  }
}
	html, body {
  overflow-x: hidden; /* 横スクロール禁止 */
}
/* メタタグ（HTML head内に必ず入れてください） */