@charset "UTF-8";
body {
  font-family: "Times New Roman", Times, serif;
}

h1.c-entry__title {
  display: none;
}

.vertical-text {
  position: relative;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.large-font {
  font-size: 25px;
}

f .small-font {
  font-size: 12px;
  font-family: "Zen Antique", serif;
}

.c-section.p-section-front-page-content {
  padding-top: 0;
}

/* 通常のスタイル */
.resize-image {
  display: block;
  width: 2000px;
  height: 1000px;
  object-fit: cover;
}

.resize-image-mobile {
  display: none;
}

/* Mobile (413px以下) */
@media screen and (max-width: 414px) {
  .resize-image {
    display: none;
  }
  .resize-image-mobile {
    display: block;
    width: 100%; /* 幅を100%に設定 */
    height: 836px; /* 高さは自動調整 */
    object-fit: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/* iPadのポートレートモード */
@media (max-width: 843px) {
  .resize-image {
    width: 100%; /* 幅を100%に設定 */
    height: 900px; /* 高さは自動調整 */
    object-fit: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: red;
  }
}
.hero__title {
  overflow: hidden;
}

.hero__title span {
  display: inline-block;
  opacity: 0;
  transform: translateY(100%);
  animation: slideInFromBottom 1s forwards;
  animation-delay: 1s; /* 0.1秒ずつ遅延して表示 */
}

@keyframes slideInFromBottom {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero__title {
  font-size: 5rem;
  font-family: "Zen Antique", serif;
  font-weight: bolder;
  color: goldenrod;
  position: absolute;
  z-index: 10;
  top: 20rem;
  padding-top: 0;
  left: 40%;
  /* ipad pro 12インチの場合 */
  /*ipad pro 10.5インチの場合 */
  /*iphone8 414インチの場合 */
}
@media (max-width: 64rem) {
  .hero__title {
    top: 200px;
    left: 30%;
    height: auto;
    font-size: 50px;
    position: absolute;
  }
}
@media (max-width: 834px) {
  .hero__title {
    top: 200px;
    left: 20%;
    position: absolute;
    font-size: 50px;
    height: 900px;
    color: goldenrod;
  }
}
@media (max-width: 414px) {
  .hero__title {
    top: 200px;
    left: 30%;
    position: absolute;
    font-size: 40px;
    height: 896px;
    color: goldenrod;
  }
}

.vertical-subtitle2 {
  position: absolute;
  z-index: 10;
  top: 6rem;
  right: 20%;
  writing-mode: vertical-lr; /* 縦書きの指定 */
  text-orientation: upright; /* 文字の向きを上向きに */
  color: goldenrod;
  font-weight: bolder;
  font-size: 5rem;
  font-family: "Zen Antique", serif;
  /* iPadデバイスの場合 */
  /* モバイルデバイスの場合 */
}
@media (max-width: 64rem) {
  .vertical-subtitle2 {
    top: 4.25rem;
    font-size: 4rem;
  }
}
@media (max-width: 30rem) {
  .vertical-subtitle2 {
    top: 5rem;
    left: 16.75rem;
    font-size: 50px;
    color: goldenrod;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.vertical-subtitle2 p {
  display: inline-block;
  margin-bottom: -0.5em;
  opacity: 0; /* 初期状態では透明に */
  animation: fadeIn 2s ease-in-out forwards; /* フェードインアニメーションの適用 */
}

/* 各文字に適用するアニメーションの遅延を指定 */
.vertical-subtitle2 p:nth-child(1) {
  animation-delay: 0.3s;
}

.vertical-subtitle2 p:nth-child(2) {
  animation-delay: 0.6s;
}

.vertical-subtitle2 p:nth-child(3) {
  animation-delay: 0.9s;
}

.vertical-subtitle2 p:nth-child(4) {
  animation-delay: 1.2s;
}

.vertical-subtitle2 p:nth-child(5) {
  animation-delay: 1.5s;
}

.vertical-subtitle2 p:nth-child(6) {
  animation-delay: 1.8s;
}

.vertical-subtitle2 p:nth-child(7) {
  animation-delay: 2.1s;
}

.wp-image-1623 {
  transition: transform 0.3s ease-in-out; /* 0.3秒での滑らかな遷移 */
}

.wp-image-1623:hover {
  transform: scale(1.1); /* 画像を110%の大きさに拡大する */
}

.wp-image-1616 {
  transition: transform 0.3s ease-in-out; /* 0.3秒での滑らかな遷移 */
}

.wp-image-1616:hover {
  transform: scale(1.1); /* 画像を110%の大きさに拡大する */
}

.wp-image-1578 {
  transition: transform 0.3s ease-in-out; /* 0.3秒での滑らかな遷移 */
}

.wp-image-1578:hover {
  transform: scale(1.1); /* 画像を110%の大きさに拡大する */
}

.line-none a {
  text-decoration: none; /* 下線を削除 */
  color: gold;
}

.vertical-subtitle3 {
  position: absolute;
  z-index: 10;
  top: 100px;
  left: 1500px;
  writing-mode: vertical-lr; /* 縦書きの指定 */
  text-orientation: upright; /* 文字の向きを上向きに */
  color: white;
  font-weight: bolder;
  font-size: 50px;
  font-family: "Zen Antique", serif;
}

.vertical-subtitle3 p {
  display: inline-block; /* 縦に並べるための設定 */
  margin-bottom: 0.2em; /* 文字間隔の調整（この値は好みに応じて変更可） */
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.vertical-subtitle3 p {
  display: inline-block;
  margin-bottom: 0.2em;
  opacity: 0; /* 初期状態では透明に */
  animation: fadeIn 2s ease-in-out forwards; /* フェードインアニメーションの適用 */
}

/* 各文字に適用するアニメーションの遅延を指定 */
.vertical-subtitle3 p:nth-child(1) {
  animation-delay: 0.3s;
}

.vertical-subtitle3 p:nth-child(2) {
  animation-delay: 0.6s;
}

.vertical-subtitle3 p:nth-child(3) {
  animation-delay: 0.9s;
}

.hero .swiper-slide .main-visual {
  width: 100%;
  padding: 0;
  height: auto;
}

.text-container .letter {
  color: gold;
  font-size: 70px;
  margin-left: 1100px;
  margin-top: 1600px;
  background-color: red;
}

.my-background {
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: "Times New Roman", Times, serif;
}

.is-style-smb-section-undecorated-title {
  padding-top: 0;
}

.kannon-button {
  position: absolute;
  padding-top: 180px;
  /* iPadデバイスの場合 */
  /* モバイルデバイスの場合 */
}
@media (max-width: 47.75rem) {
  .kannon-button {
    top: 4.25rem;
    font-size: 4rem;
  }
}
@media (max-width: 30rem) {
  .kannon-button {
    top: 5rem;
    left: 18.75rem;
    font-size: 50px;
    color: goldenrod;
  }
}

.image1 .image3 {
  cursor: pointer;
  max-width: 500px;
  overflow: hidden; /* これが無いと枠ごと大きくなる */
  width: 100%;
}

.image1 .image3 img {
  height: auto;
  transition: transform 0.6s ease; /* ゆっくり変化させる */
  width: 100%;
}

.image1 .image3 :hover img {
  transform: scale(1.2); /* 拡大 */
}

.access_to_temple {
  width: 100%;
  max-width: 100%; /* これはあなたのデザインに応じて調整してください */
  margin: 0 auto; /* 中央に配置 */
  padding: 20px; /* 内側の余白 */
}

.c-entry__content.p-entry-content.data-home-page-container\= {
  padding-top: 0;
  padding-bottom: 0;
}

.tategaki {
  writing-mode: vertical-rl;
  text-orientation: upright;
  /* 他のスタイル調整が必要な場合はこちらに追加 */
}

.image-1 {
  padding-left: 300px;
}

.image-2 {
  padding-right: 300px;
}

.image-3 {
  padding-left: 200px;
  padding-left: 300px;
}

.image-4 {
  padding-right: 300px;
  padding-left: 200px;
}

.tategaki {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.tategaki.style1 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin-left: 300px;
}

.tategaki.style2 {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.tategaki.style3 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin-right: 300px;
}

.tategaki.style4 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin-left: 200px;
}

.event1 {
  margin-left: 20px;
}

.table_line1 td {
  border-right: 300px dotted; /* 右側のボーダーの幅を2ピクセルに設定 */
}

.wpcf7-form {
  width: 100%;
}

.footer_left {
  margin-left: 45vh !important;
}

.footer-menu {
  margin-left: 10vh !important;
  padding-right: 10vh !important;
}

.footer_right {
  margin-left: 15vh !important;
}

.footer-menu-letters {
  padding-right: 5vw;
}

.footer_menu_top_right {
  margin: 0 auto;
}

figure.wp-block-image.size-large.is-resized.aragyou-img {
  padding-left: 100px;
  margin-top: -1000px;
}

.form-design {
  color: aquamarine;
}

/* コンテナー */
.container {
  max-width: 900px;
  margin: 0 auto;
}

/* スライダーのwrapper */
.infinite-slider .swiper-wrapper {
  transition-timing-function: linear;
}

/* スライド */
.infinite-slider .swiper-slide {
  height: 320px !important; /* 高さを指定 */
  width: 400px !important;
}

/* スライド内の画像 */
.infinite-slider .swiper-slide img {
  width: 380px;
  height: 100%;
}

.vertical-text {
  display: inline-block;
  padding-left: 50px;
  padding-top: 50px;
  text-orientation: upright;
  font-size: 20px;
  line-height: 3;
  color: yellow;
}

.vertical-subtitle-noukotudou2 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin-top: -400px !important;
  padding-left: 1000px;
  font-weight: bold;
  font-size: 130px;
  z-index: 30;
  font-family: "Noto Sans JP", "Noto Serif JP:", serif;
  color: goldenrod;
}

.eidai-kuyo {
  margin-top: -350px !important;
  z-index: 100;
  padding-left: 160px !important;
}

.vertical-subtitle-noukotudou3 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 18px;
  z-index: 30;
  font-family: "Noto Sans JP", "Noto Serif JP:", serif;
}

.noukotudou {
  padding-top: 0;
  padding-bottom: 0;
}

.l-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

/* Desktopスタイル */
.main-visual.desktop {
  display: block; /* デスクトップでは表示 */
}

.hero .main-visual.tablet,
.main-visual.mobile {
  display: none; /* タブレットとモバイルでは非表示 */
}

/* Tabletスタイル (768px以下の画面サイズ) */
@media screen and (max-width: 768px) {
  .main-visual.tablet {
    display: block; /* タブレットでは表示 */
  }
  .main-visual.desktop,
  .main-visual.mobile {
    display: none; /* デスクトップとモバイルでは非表示 */
  }
  /* その他タブレット用のスタイル調整 */
}
/* Mobileスタイル (480px以下の画面サイズ) */
@media screen and (max-width: 480px) {
  .main-visual.mobile {
    display: block; /* モバイルでは表示 */
  }
  .main-visual.desktop,
  .main-visual.tablet {
    display: none; /* デスクトップとタブレットでは非表示 */
  }
  /* その他モバイル用のスタイル調整 */
}
.buddy-hands {
  width: 2000px;
  height: 900px;
  object-fit: cover;
  object-position: center;
  background-color: red;
}

.buddy-hands-mobile {
  display: none;
}

@media screen and (max-width: 480px) {
  .buddy-hands {
    display: none;
  }
  .buddy-hands-mobile {
    display: block;
    width: 100%;
    height: auto;
  }
}
.kuyou {
  position: relative;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: white;
}
.kuyou a {
  text-decoration: none;
  color: black;
}

.eidai-button {
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  z-index: 20;
}

.span.sme-text-color.has-sm-text-alt-color {
  color: white;
  text-decoration: none;
  border: none;
  background-color: transparent;
}

.sme-text-color.has-sm-text-alt-color {
  text-decoration: none;
  border: none;
  background-color: transparent;
}

#vertical_text5 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

#vertical_text5 span {
  display: inline-block;
  opacity: 0;
  transform: translateY(100vh);
}

.c-section.p-section-front-page-content {
  padding-bottom: 0;
}

.houanden-third-letters {
  margin-right: 150px;
}

.houanden-fourth-paragragh {
  padding-left: 300px;
}

.houanden-second-img {
  padding-left: 150px;
  background-color: red;
}

.houanden-second-letters {
  padding-left: 150px;
  background-color: red;
}

.year-gyouji {
  max-width: 100%;
  width: calc(100% - 40px);
  margin: 0 auto;
  font-size: 40px;
  /* ipad pro 12インチの場合 */
  /*ipad pro 10.5インチの場合 */
  /*iphone8 414インチの場合 */
}
@media (max-width: 64rem) {
  .year-gyouji {
    font-size: 20px;
    background-color: red;
  }
}
@media (max-width: 834px) {
  .year-gyouji {
    font-size: 10px;
    background-color: chartreuse;
  }
}
@media (max-width: 414px) {
  .year-gyouji {
    font-size: 5px;
    background-color: chartreuse;
  }
}

.button-eidai {
  padding-left: 1300px;
  position: absolute;
  padding-top: 600px;
  /* ipad mini の場合 */
  /* iphone pro12の場合 */
}
@media (max-width: 768px) {
  .button-eidai {
    padding-left: 90%;
    position: absolute;
    padding-top: 800px;
  }
}
@media (max-width: 390px) {
  .button-eidai {
    padding-left: 90%;
    position: absolute;
    padding-top: 1000px;
  }
}/*# sourceMappingURL=style.css.map */