@charset "UTF-8";
/* CSS Document */


body {
  font-family: 'Sawarabi Mincho', serif;
  font-weight: 400;
  font-style: normal;
  background-image: url(img/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

:root {
  --color-brand-bw: #584333;  /* brown */
  --color-brand-gold: #caaa5c;  /* gold */
  --color-brand-gr: #188c6f;  /* green */
  --color-brand-gy: #727171;  /* gray */
  --color-brand-bl: #242020;  /* black */
}

.heading-sub {
  color: #584333;
  font-family: 'Dancing Script', cursive;
}




/* ヘッダー */


/* スライダー */
  .repeat-arch {
    background-repeat: repeat-x;
    background-size: 26px 15px; /* 画像サイズに合わせる */
    height: 15px; /* 高さも画像に合わせる */
    z-index: 999;
  }





/* フッター */


/* TOPコンテンツ */
  /* Tailwind を使わない場合の fallback（必要に応じて利用） */
  #fadeSlider {
    width: 100%;
    max-height: 650px;
    position: relative;
    overflow: hidden;
  }
  #fadeSlider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .opacity-0 { opacity: 0; }
  .opacity-100 { opacity: 1; }
  .transition-opacity { transition: opacity 1s ease; }
  .duration-1000 { transition-duration: 1000ms; }
  .absolute { position: absolute; }
  .inset-0 { top: 0; right: 0; bottom: 0; left: 0; }