.logo.logo-header.logo-text {
  padding: 0px;
}
/* 固定ページタイトル */
.page .entry-title {
  font-size: 1.3rem; /* 文字サイズを調整 */
  margin-top: 1em; /* 上の余白を狭く */
  margin-bottom: 0em; /* 下の余白を狭く */
  line-height: 1.5; /* 行間の調整も可能 */
}

/* ヘッダーと固定ページタイトルの間の余白を除去 */
.content {
  margin-top: 10;
  padding-top: 0;
}

/* コンテンツ全体の上余白を削除 */
.page .main {
  margin-top: 0;
  padding-top: 0;
}

/* ===============================
   ■ 希望日入力フィールドデザイン（共通）
   =============================== */
fieldset.preference-group {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 8px;
  padding: 1em;
  margin-bottom: 1.5em;
  overflow: hidden;
  background-color: #fafafa;
}

/* 見出し（legend）の装飾 */
fieldset.preference-group legend {
  font-weight: bold;
  font-size: 1.1em;
  padding: 0 0.5em;
}

/* 各行（date + time radio） */
.preference-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7em;
}

/* 日付入力欄のデザイン */
.preference-group input[type="date"] {
  flex: 1 1 600px;
  min-width: 500px;
  max-width: 100%;
  padding: 0.5em;
  font-size: 1em;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/* ラジオボタン */
.preference-group label {
  flex: 1 1 auto;
  white-space: nowrap;
}

/* ===============================
   ■ スマホ対応（600px以下）
   =============================== */
@media screen and (max-width: 600px) {
  .preference-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .preference-group input[type="date"] {
    width: 100%;
  }

  .preference-group label {
    width: 100%;
  }
}

/* 日付入力の基本リセット（スマホでアイコンが消えるのを防ぐ） */
.preference-group input[type="date"]{
  -webkit-appearance: auto; /* iOS/Safari の appearance リセット */
  appearance: auto;
  background-color: #fff;
  color: #333;
  position: relative; /* 後段の疑似要素用にも安全 */
}

/* iOS/Safari で日付文字が薄くなるのを補正（未入力時の見え方） */
.preference-group input[type="date"]::-webkit-datetime-edit {
  color: #9aa0a6; /* 未選択時は placeholder 風に薄め表示 */
}
/* 値が入ったら通常色 */
.preference-group input[type="date"]:valid::-webkit-datetime-edit {
  color: #333;
}

/* カレンダーアイコンを確実に表示 */
.preference-group input[type="date"]::-webkit-calendar-picker-indicator{
  opacity: 1;
  display: block;
}






.btn:hover {
  background-color: #0073e6; /* ホバー時の背景色 */
  color: #ffffff; /* ホバー時の文字色 */
  opacity: 1; /* 半透明を解除 */
  box-shadow: 0 4px 8px; 
box-shadow: 0 1px 0 #808080 ; 
transform: translateY(6px); 
-webkit-transform: translateY(6px);/*−−−ボタンが重なったときに沈む−−−*/ 
  transition: all 0.3s ease; /* スムーズな変化 */
}

/*−−−ボタンが重なったときに沈む−−−*/ 
.btn:hover { 
box-shadow: 0 1px 0 #808080 ; 
transform: translateY(6px); 
-webkit-transform: translateY(6px);
	
} 
/*−−−カーソルを外したときに元に戻す−−−*/ 
.btn{ transition:.5s ease-in-out; 
}

/* ===================================
   Cocoon ハンバーガーメニュー右側表示化   =================================== */

/*--------------------------------------------
ハンバーガーメニューを右側半分に限定表示
--------------------------------------------*/
#navi-menu {
  width: 50vw; /* 画面の右半分に設定 */
  right: 0;
  left: auto;
  transform: translateX(100%);
  transition: transform 0.4s ease;
}

/* メニューを開いたとき */
#navi-menu.menu-open {
  transform: translateX(0);
}

/* 背景（全体の暗幕）設定 */
#navi-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  display: none;
}

/* 開いたときのオーバーレイ表示 */
body.menu-open #navi-menu-overlay {
  display: block;
}



.entry-title {
  margin-top: 0; /* 固定ページのタイトル余白をゼロにする */
}

.entry-title {
  font-size: 20px; /* 固定ページのタイトルサイズ変更 */
}

h1, {
  position: relative;
  padding: 0.25em 0;
}

h1:after  {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(to right, #f15a22, #ffb03a, transparent);
}






.p-mainVisual__scroll{
color: #333333!important;
padding: 30px;
background: #000;
border-radius: 50px;
}