@charset "utf-8";

body {
  background-color: #ffecb1;
}

.background {
  position: fixed; /* 画面に固定 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffecb1; /* 背景色を指定 */
  z-index: -1; /* 他の要素より後ろに配置 */
}

 .top {
  display: flex;
  unicode-bidi: isolate;
  position: relative;
}

.top a {
  margin: 0 auto;
}

nav ul {
  margin-right: 0;
}

nav ul li {
  list-style: none;
}
nav ul li :hover{
  opacity: 0.5;
  transition: 0.3s;
}


/* ヘッダーのスタイル */
header {
  position: fixed; /* 固定位置 */
  top: 0; /* ページの上部に配置 */
  left: 0;
  text-align: center; /* テキスト中央寄せ */
  z-index: 1000; /* 他の要素よりも上に表示 */
}


/* li {
  display: list-item;
  text-align: center;
  unicode-bidi: isolate;
} */

/* .swiper-slide img {
  margin: 0 auto;
  display: flex;
  width: 80%;
} */
.swiper {
  width: 100%;
  --swiper-theme-color: #5c1c1c;

}
.swiper-slide {
  display: flex;
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */

}
.swiper-slide img {
  max-width: 100%; /* 必要に応じて画像サイズを調整 */
}