@charset "utf-8";
@import url("normalize.css");

html,
body {
  padding: 0;
  margin: 0;
  line-height: 1.6;
  font-size: 16px;
  font-family: "Noto Serif JP", "YuMincho", "游明朝体", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  opacity: 0.7;
}

a:visited {
  text-decoration: none;
  color: #000;
}

h3,
h4,
h5 {
  margin-block-start: 0;
  margin-block-end: 0;
}

rt {
  font-size: 0.2em;
}
@media screen and (max-width: 768px) {
  rt {
    font-size: 0.15em;
  }
}
/* @media screen and (max-width: 480px){
	rt {
		font-size: 0.7em;
	}
} */
/* color info
springColor: #9e3b3b rgb(158,59,59)
  background: rgba(201, 154, 5, 0.2) -- 透過背景 --

autumnColor: #b1750d rgb(201, 154, 5)
    background: rgba(158,59,59,0.2) -- 透過背景 --

ColorBK: #2b0f0f
White: #fff
  background: rgba(255,255,255,0.33) -- 透過背景 --

-----------------------------------------------*/

/* レイアウト -----------------------------------------------*/

.l-content-fixed {
  max-width: 1366px;
  margin: 0 11.1% 0 12.6%;
}
@media screen and (min-width: 1920px) {
  .l-content-fixed {
    margin: 0 auto;
  }
  .Houe {
    margin: 0 auto;
    max-width: initial;
  }
}
@media screen and (max-width: 768px) {
  .l-content-fixed {
    margin: 0 4%;
  }
}

.l-content-expanded {
  width: auto;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .l-content-expanded {
    width: 100%;
  }
}

/* .l-content-fixed.event__Spring {
	padding-top: 10vh;
} */

.top-content {
  width: 100%;
  display: flex;
}
.l-main {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-left: 50px;
}
.l-sidebar {
  width: 70%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #fff;
  margin-left: 90px;
}
@media screen and (max-width: 1280px) {
  .l-main {
    width: auto;
    padding-left: 2em;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  .top-content {
    display: block;
  }
  .l-main {
    width: 100%;
    padding-left: 2em;
    align-items: flex-start;
  }
  .l-sidebar {
    width: 100%;
  }
  .content {
    margin-left: 0;
  }
}
.l-multicolumn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 50px -20px;
}
.l-3column > .l-column {
  width: calc(100% / 3);
  padding: 0 20px;
}
.l-2column > .l-column {
  width: 50%;
}
.l-2column .l-column:first-child {
  border-right: #333 1px solid;
}
@media screen and (max-width: 1024px) {
  .l-multicolumn {
    display: block; /* 縦並びに */
  }
  .l-2column > .l-column {
    width: 100%;
    border: none;
  }
  .l-2column .l-column:first-child {
    border-right: none;
  }
}

/* 画像周り -----------------------------------------------*/
.l-sidebar img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.l-column img {
  width: 100%;
  padding: 0 2em;
}
.l-column .imgTate {
  width: 66%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img#manjushri_Ad {
  width: 100%;
}

/* サイドバー -----------------------------------------------*/
.menu {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 90px;
  height: 100vh;
  background: #fff;
  z-index: 50;
}
.icon-list {
  position: absolute;
  bottom: 25px;
  left: 35px;
}
.menu li {
  list-style: none;
}
.menu li img {
  padding: 10px 0;
  width: 20px;
}
.logoPC {
  position: absolute;
}
.logoPC img {
  padding: 0px 20px;
  width: 100%;
}
.logoSP {
  display: none;
}
.title1300Div {
  position: relative;
}
.title1300 {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: -1;
}
.title1300 img {
  width: 200%;
}
@media screen and (max-width: 1024px) {
  .menu {
    width: 100%;
    height: 70px;
  }
  .logoPC {
    display: none;
  }
  .logoSP {
    display: block;
    position: absolute;
    top: -0.3em;
    left: 10px;
  }
  .logoSP img {
    width: 100%;
    height: 45px;
  }
  .title1300 {
    top: 0;
    left: 140px;
    z-index: 1;
  }
  .title1300 img {
    width: 35%;
  }
  .icon-list {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .logoSP img {
    width: 80%;
  }
}
@media screen and (max-width: 390px) {
  .logoSP img {
    width: 65%;
  }
}

/* ハンバーガー -----------------------------------------------*/
.wrapper {
  height: 100%;
  overflow-x: hidden;
  position: relative;
}
.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
}
main {
  height: 100%;
  min-height: 100vh;
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 90px;
}
@media screen and (max-width: 1024px) {
  main {
    margin-left: 0;
    height: 25%;
    min-height: 25vh;
    margin-top: 70px;
  }
}

main.open {
  transform: translateX(340px);
}
.logoPC {
  text-align: center;
  font-weight: 500;
}
main p {
  text-align: center;
}
.menu-trigger {
  display: inline-block;
  width: 36px;
  height: 28px;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: 48%;
  left: 27px;
  z-index: 100;
  /*   transform: translateX(0);
  transition: transform .5s;
 */
}
/* .menu-trigger.active {
  transform: translateX(340px);
}
 */
.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  transition: all 0.5s;
}
.menu-trigger.active span {
  background-color: #333;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(14px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
  top: 12px;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-12px) rotate(45deg);
}
.sp-menu {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sp-menu {
    display: block;
  }
  .menu-trigger {
    top: 21px;
    left: auto;
    right: 21px;
  }
}
nav {
  width: 440px;
  height: 100%;
  background-color: rgb(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  transform: translate(-440px);
  transition: all 0.5s;
  display: flex;
  align-items: center;
  padding-left: 210px;
}
nav.open {
  transform: translateZ(0);
}
nav li {
  color: #333;
  text-align: center;
  padding: 10px 0;
}
.sp-nav-li,
.sp-nav-li-2nd {
  display: none;
}

#block {
  overflow: hidden;
  height: 100vh;
}
@media screen and (max-width: 1024px) {
  nav {
    padding-left: 0;
    background-color: rgb(255, 255, 255, 0.95);
  }
  nav ul {
    margin: auto;
  }
  .sp-nav-li,
  .sp-nav-li-2nd {
    display: block;
  }
  .sp-nav-li {
    margin-top: 30px;
    border-top: 1px dotted #333;
    padding-top: 40px;
  }
}
@media screen and (max-width: 425px) {
  nav {
    width: 100vw;
  }
}

/* 文字周り -----------------------------------------------*/
.br-sp {
  display: none;
}
@media screen and (max-width: 600px) {
  .br-sp {
    display: block;
  }
}
.br__sp--425 {
  display: none;
}
@media screen and (max-width: 425px) {
  .br__sp--425 {
    display: block;
  }
}
.br__sp--488 {
  display: none;
}
@media screen and (max-width: 488px) {
  .br__sp--488 {
    display: block;
  }
}
.none--over562 {
  display: none;
}
@media screen and (max-width: 562px) {
  .none--over562 {
    display: block;
  }
}
.display--over562 {
  display: inline-block;
}
@media screen and (max-width: 562px) {
  .display--over562 {
    display: none;
  }
}

.br__sp--768 {
  display: none;
}
@media screen and (max-width: 768px) {
  .br__sp--768 {
    display: block;
  }
}

.none--sp {
  display: none;
}
/* 768pxまでは非表示、769px以上は表示 */
@media screen and (min-width: 769px) {
  .none--sp {
    display: flex;
  }
}

.none--Tab {
  display: block;
}
@media screen and (max-width: 1024px) {
  .none--Tab {
    display: none;
  }
}
.none--PC {
  display: none;
}
@media screen and (max-width: 1024px) {
  .none--PC {
    display: inline-block;
  }
}
.none--1000 {
  display: none;
}
@media screen and (max-width: 1000px) {
  .none--1000 {
    display: inline-block;
  }
}
@media screen and (max-width: 425px) {
  .reNone--SP {
    display: none;
  }
}
@media screen and (max-width: 425px) {
  .reDisplay--SP {
    display: inline-block;
  }
}
.none--over348 {
  display: none;
}
@media screen and (max-width: 348px) {
  .none--over348 {
    display: inline-block;
  }
}
.none--under348 {
  display: inline-block;
}
@media screen and (max-width: 348px) {
  .none--under348 {
    display: none;
  }
}

.text--flex {
  display: flex;
}

.hero-title {
  top: 50%;
  left: 50%;
  /* font-size: 3em; */
  font-size: clamp(24px, 22.4px + 0.75vw, 32px);
  text-align: center;
  color: #fff;
  /* color: rgb(226,177,7); */
  /* color: rgb(202,159,32); */
  text-shadow: 0px 0px 1px rgba(20, 20, 20, 0.7), 0px 0px 2px rgba(20, 20, 20, 0.7), 0px 0px 3px rgba(20, 20, 20, 0.7), 0px 0px 4px rgba(20, 20, 20, 0.7), 0px 0px 5px rgba(20, 20, 20, 0.7), 0px 0px 6px rgba(20, 20, 20, 0.7),
    0px 0px 7px rgba(20, 20, 20, 0.7), 0px 0px 8px rgba(20, 20, 20, 0.7);
  font-family: YuMincho, "游明朝体", serif;
  font-weight: normal;
}

.chikurinji1300_str {
  color: rgb(189, 156, 23);
  /* font-weight: bold; */
  font-size: 8vw;
  font-family: YuMincho, "游明朝体", serif;
}

@media screen and (min-width: 320px) {
  .chikurinji1300_str {
    font-size: 6vw;
  }
}

@media screen and (min-width: 896px) {
  .chikurinji1300_str {
    font-size: 4vw;
  }
}

@media screen and (min-width: 1024px) {
  .chikurinji1300_str {
    font-size: 3vw;
  }
}

.scale {
  animation-name: ScaleAnimetion;
  animation-duration: 6s;
  opacity: 1;
}

@keyframes ScaleAnimetion {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 1024px) {
  .hero-title {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .hero-title {
    font-size: 1.5em;
  }
}

.hero-box {
  position: absolute;
  left: 50%;
  top: 50vh;
  margin-top: -90px;
  width: 600px;
  margin-left: -255px;
}
@media screen and (max-width: 1024px) {
  .hero-box {
    width: 35%;
    margin-left: -17.5%;
    top: 330px;
  }
}
@media screen and (max-width: 600px) {
  .hero-box {
    width: 50%;
    margin-left: -25%;
  }
}
.hero-box h2 {
  text-align: center;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.55);
}
.hero-box img {
  width: 90%;
  vertical-align: middle;
}
.hero-2-sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .hero-2 {
    display: none;
  }
  .hero-2-sp {
    display: block;
  }
}
.h2title-img {
  text-align: center;
}
.h2title-img img {
  width: clamp(120px, 18vw, 200px);
  margin-left: 1%;
}
.h2title {
  position: relative;
  margin-bottom: 3em;
  margin-top: 3em;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  color: #be9e17;
}
/* .h2title::before {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	color: rgb(245, 245, 245);
	font-size: 90px;
	content: "1300th";
	font-family: "Noto Serif JP","YuMincho", "游明朝体", serif;;
	z-index: -2;
} */
.titleSpring {
  background: #9e3b3b;
  text-align: center;
  letter-spacing: 0.25em;
  width: 100%;
  padding: 0.8% 0 1.4% 0;
}
.titleAutumn {
  background: #b1750d;
  text-align: center;
  letter-spacing: 0.25em;
  width: 100%;
  padding: 1.6% 0 0.8% 0;
}

.__detailPanel h3 {
  line-height: 1.4;
}

.l-column h3 {
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-column h3 {
    font-size: 1.5em;
  }
}
.l-column p {
  padding: 0 2em;
  margin-bottom: 2em;
}
.pSchedule {
  font-family: "Noto Sans JP", Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}
.pic-container {
  position: relative;
  z-index: 1;
  margin-top: 50px;
}

.l-main-title {
  display: block;
  font-size: 2em;
  font-weight: bold;
  padding-bottom: 0.5em;
}
.imgCaption {
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif;
}
.p-caption {
  font-size: 70%;
}

.event_container {
  font-weight: 700;
}

.event__Spring {
  color: #9e3b3b;
}
.relatedEvent__Spring {
  color: #9e3b3b;
}
.event__Autumn {
  color: #b1750d;
}
.text__normal {
  color: #2b0f0f;
}
.__springcolor {
  color: #9e3b3b;
}
.__autumncolor {
  color: #b1750d;
}

.title--ll {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 22 - 46px */
  font-size: clamp(1.375em, calc(22px + 24 * (100vw - 390px) / 1530), 2.875em);
  color: #fff;
}
.title--ll-bk {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 32 - 46px */
  font-size: clamp(2em, calc(32px + 14 * (100vw - 390px) / 1530), 2.875em);
  color: #000;
  font-weight: 600;
}

.title--l {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 18 - 36px */
  font-size: clamp(1.125em, calc(18px + 18 * (100vw - 390px) / 1530), 2.25em);
}

.title--m {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 16 - 28px */
  font-size: clamp(1em, calc(16px + 12 * (100vw - 390px) / 1530), 1.75em);
}

.title--mm {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 16 - 24px */
  font-size: clamp(1em, calc(16px + 8 * (100vw - 390px) / 1530), 1.5em);
}

.title--ss {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 12 - 18px */
  font-size: clamp(0.75em, calc(12px + 6 * (100vw - 390px) / 1530), 1.125em);
}

.__text--ll {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 22 - 46px */
  font-size: clamp(1.375em, calc(22px + 24 * (100vw - 390px) / 1530), 2.875em);
}
.__text--l {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 18 - 36px */
  font-size: clamp(1.125em, calc(18px + 18 * (100vw - 390px) / 1530), 2.25em);
}

.__text--m {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 16 - 28px */
  font-size: clamp(1em, calc(16px + 12 * (100vw - 390px) / 1530), 1.75em);
}

.__text--mm {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 14 - 22px */
  font-size: clamp(0.875em, calc(14px + 8 * (100vw - 390px) / 1530), 1.375em);
}

.__text--ms {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 14 - 18px */
  font-size: clamp(0.875em, calc(14px + 4 * (100vw - 390px) / 1530), 1.125em);
}

.__text--s {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 14 - 16px */
  font-size: clamp(0.875em, calc(14px + 2 * (100vw - 390px) / 1530), 1em);
}

.__text--ss {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 11 - 14px */
  font-size: clamp(0.6875em, calc(11px + 3 * (100vw - 390px) / 1530), 0.875em);
}

.__text--sss {
  /* font-size: 画面幅 390px - 1920px, レスポンシブ 10 - 12px */
  font-size: clamp(0.625em, calc(10px + 2 * (100vw - 390px) / 1530), 0.75em);
}

.__text--cap {
  font-size: 10px;
}

.Gothic__text {
  font-family: "Noto Sans JP", "游ゴシック", sans-serif;
}
.Gothic__text--700 {
  font-family: "Noto Sans JP", "游ゴシック", sans-serif;
  font-weight: 700;
}
.Gothic__text--500 {
  font-family: "Noto Sans JP", "游ゴシック", sans-serif;
  font-weight: 500;
}
.__text--nightEvent {
  letter-spacing: 0.2em;
  padding: 0 8px;
  margin-top: 24px;
  border: 0.75px solid #9e3b3b;
}

/* コンテンツ -----------------------------------------------*/
/* ご開帳イベント--キャッチエリア */
.manjushri_Catch {
  margin-top: 30px;
}
.manjushri_Ad {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.manjushri_Catch .clear__box {
  content: "";
  display: flex;
  justify-content: center;
  /* height: clamp(328.9px, calc(328.9px + 56.7 * (100vw - 1024px) / 896), 385.6px); */
  height: 300px;
  width: 100%;
}
@media screen and (max-width: 878px) {
  .manjushri_Catch .clear__box {
    height: clamp(360px, calc(360px + 40 * (100vw - 109px) / 109), 400px);
  }
}
@media screen and (max-width: 768px) {
  .manjushri_Catch .clear__box {
    /* height: clamp(386px, calc(695px - 309 * (100vw - 390px) / 378), 695px); */
    height: clamp(386px, calc(530px - 114 * (100vw - 390px) / 378), 530px);
  }
}

@media screen and (max-width: 399px) {
  .manjushri_Catch .clear__box {
    height: clamp(530px, calc(530px + 70 * (100vw - 120px) / 119), 600px);
  }
  .l-content-fixed.flexbox.flexbox--manjushri {
    margin: 0;
  }
}
.__innerbox--row {
  display: flex;
  justify-content: space-between;
  border-top: 3px solid #b1750d;
  border-bottom: 3px solid #b1750d;
  padding-left: 8px;
}
.flexbox {
  display: flex;
}
.flexbox--manjushri {
  justify-content: space-between;
  max-width: 1366px;
  position: absolute;
  /* top: clamp(88.3%, calc(88.3% - 8.8*(100vw - 768px) / 1152), 79.54%); */
  top: clamp(85%, calc(85% - 7 * (100vw - 878px) / 1042), 78%);
}
@media screen and (max-width: 878px) {
  .flexbox--manjushri {
    top: 78%;
  }
}
@media screen and (max-width: 768px) {
  .flexbox--manjushri {
    /* top: clamp(78%, calc(78% - 5*(100vw - 390px) / 378), 83%); */
    top: clamp(84%, calc(84% - 4 * (100vw - 390px) / 378), 80%);
  }
}

@media screen and (max-width: 390px) {
  .flexbox--manjushri {
    top: 89.56%;
  }
}
@media screen and (max-width: 878px) {
  .flexbox--manjushri {
    flex-direction: column;
    align-items: center;
  }
}

.detailText--innerbox {
  width: 53%;
  max-width: 650px;
  min-width: 453px;
}
.box--smaller {
  width: 45%;
  min-width: initial;
  padding-left: 1%;
}

@media screen and (max-width: 1024px) {
  .detailText--innerbox {
    width: 62%;
  }
  .box--smaller {
    width: 36%;
  }
}
@media screen and (max-width: 878px) {
  .detailText--innerbox {
    width: 90%;
    min-width: initial;
  }
  .box--smaller {
    margin-top: 24px;
  }
}

.priceWithMakino {
  margin-bottom: 8px;
}
.message {
  margin: 40px 0;
  padding: 0 2vw;
  position: relative;
  text-align: center;
}

.positionAbsolute {
  position: absolute;
  right: 0;
  bottom: 5%;
  font-family: "Noto Sans Serif", "Yu Gothic", sans-serif;
  font-weight: 600;
}

.circle__container {
  width: 160px;
  height: 160px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .positionAbsolute {
    right: -5%;
  }
}
.arrow__box {
  position: absolute;
  bottom: 35%;
  left: 35%;
}
.arrow {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 25px;
  height: 1px;
  background-color: #9e3b3b;
  position: relative;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.arrow__box .arrow:before,
.arrow__box .arrow:after {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background-color: #9e3b3b;
  position: absolute;
  right: -2.5px;
}
.arrow__box .arrow:before {
  top: -2.5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.arrow__box .arrow:after {
  bottom: -2.5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.circle__text {
  width: 160px;
  height: 160px;
  font-size: 18px;
  text-align: center;
  position: relative;
  color: #9e3b3b;
  animation: 13s linear infinite rotation;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.circle__text span {
  display: block;
  width: 18px;
  height: 80px;
  transform-origin: center bottom;
  position: absolute;
  top: 0;
  left: calc(50% - 8px);
}
.circle__text span:nth-child(1) {
  transform: rotate(10deg);
}
.circle__text span:nth-child(2) {
  transform: rotate(23.75deg);
}
.circle__text span:nth-child(3) {
  transform: rotate(37.5deg);
}
.circle__text span:nth-child(4) {
  transform: rotate(51.25deg);
}
.circle__text span:nth-child(5) {
  transform: rotate(65deg);
}
.circle__text span:nth-child(6) {
  transform: rotate(83.75deg);
}
.circle__text span:nth-child(7) {
  transform: rotate(97.5deg);
}
.circle__text span:nth-child(8) {
  transform: rotate(111.25deg);
}
.circle__text span:nth-child(9) {
  transform: rotate(125deg);
}
.circle__text span:nth-child(10) {
  transform: rotate(138.75deg);
}
.circle__text span:nth-child(11) {
  transform: rotate(152.5deg);
}

.circle__text span:nth-child(12) {
  transform: rotate(166.25deg);
}
.circle__text span:nth-child(13) {
  transform: rotate(190deg);
}
.circle__text span:nth-child(14) {
  transform: rotate(203.75deg);
}
.circle__text span:nth-child(15) {
  transform: rotate(217.5deg);
}
.circle__text span:nth-child(16) {
  transform: rotate(231.25deg);
}
.circle__text span:nth-child(17) {
  transform: rotate(245deg);
}
.circle__text span:nth-child(18) {
  transform: rotate(263.75deg);
}
.circle__text span:nth-child(19) {
  transform: rotate(277.5deg);
}
.circle__text span:nth-child(20) {
  transform: rotate(291.25deg);
}
.circle__text span:nth-child(21) {
  transform: rotate(305deg);
}
.circle__text span:nth-child(22) {
  transform: rotate(318.75deg);
}
.circle__text span:nth-child(23) {
  transform: rotate(332.5deg);
}
.circle__text span:nth-child(24) {
  transform: rotate(346.25deg);
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
  .message {
    margin: 24px 0;
    padding: 0 2vw;
  }
}
@media screen and (max-width: 375px) {
  .manjushri_Ad .l-content-fixed.flexbox.flexbox--manjushri.Gothic__text {
    font-size: 80%;
  }
}
@media screen and (max-width: 320px) {
  .manjushri_Ad .l-content-fixed.flexbox.flexbox--manjushri.Gothic__text {
    font-size: 74%;
  }
}

/* ----- 春期・秋期イベント--詳細エリア -----*/
/* --- 共通 --- */
.scheduleArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Noto Sans JP", "游ゴシック", sans-serif;
  margin-top: 40px;
}
.schedule__detail {
  display: flex;
  align-items: baseline;
  width: 100%;
  justify-content: center;
}
.schedule__date--start {
  min-width: 50%;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.schedule__date--period {
  width: 45%;
  display: flex;
  align-items: baseline;
}

.schedule__date--year {
  padding-right: 1.5%;
}
.scheduleNote {
  align-self: flex-end;
  font-weight: 400;
  padding-top: 16px;
}
.event__Maintitle {
  position: relative;
  text-align: center;
  color: #2b0f0f;
  margin: 96px 0;
}
/*上線*/
.event__Maintitle::before {
  content: "";
  position: absolute;
  right: 0;
  top: -32px; /*線の上下位置*/
  display: inline-block;
  width: 45%; /*線の長さ*/
  height: 3px; /*線の太さ*/
  background-color: #9e3b3b; /*線の色*/
  border-radius: 1px; /*線の丸み*/
}
/*下線*/
.event__Maintitle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -32px; /*線の上下位置*/
  display: inline-block;
  width: 45%; /*線の長さ*/
  height: 3px; /*線の太さ*/
  background-color: #9e3b3b; /*線の色*/
  border-radius: 1px; /*線の丸み*/
}
.event__container {
  margin-top: 64px;
}
.__container--Innerframe {
  /* max-width: 1366px; */
  margin: 0 11.1% 0 12.6%;
  padding: 32px 0;
}
@media screen and (max-width: 768px) {
  .__container--Innerframe {
    margin: 0 7.2%;
  }
}
@media screen and (max-width: 390px) {
  .__container--Innerframe {
    margin: 0 4.1%;
  }
}
.__box--flex {
  display: flex;
  justify-content: space-between;
}
.__box--flex picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.__detailPanel {
  background: rgba(255, 255, 255, 0.33);
  /* backdrop-filter: blur(1px); */
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  /* -webkit-backdrop-filter: blur(1px); */
}

#main_event_content_wrapper {
  display: block;
}
#main_event_content {
  flex-direction: column;
}
@media screen and (min-width: 1290px) {
  #main_event_content_wrapper {
    display: flex;
    justify-content: space-between;
  }
  #main_event_content {
    width: 49%;
    flex-direction: row;
  }
  #hoshiotoya {
    width: 49% !important;
    margin-top: 0 !important;
  }
}
.__boxCase--flex {
  display: flex;
  justify-content: space-between;
}
.__1inbox picture {
  width: 56.8%;
}
.__2inbox--S {
  width: 41%;
  margin-top: 24px;
}
.__2inbox--S picture {
  width: 45.7%;
}
.__2inbox--M {
  width: 57%;
  margin-top: 24px;
}
.__2inbox--M picture {
  width: 32.86%;
}
.title__block {
  min-height: 28%;
  max-height: 78px;
}
.title__block--flex {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1340px) {
  .title__block--flex {
    flex-direction: row;
  }
}
.__panel--L {
  width: 41.36%;
  padding: 5% 6%;
}
.__panel--L p {
  margin-top: 5%;
  margin-bottom: 16px;
}
.__panel--S {
  width: 51.43%;
  padding: 6% 6%;
}
.__panel--S .title__block {
  margin-top: 9.8%;
}
.__panel--S p {
  margin-top: 3%;
  margin-bottom: 16px;
}
.__panel--M {
  width: 65.08%;
  padding: 6%;
}
.__panel--M p {
  margin-top: 3%;
  margin-bottom: 16px;
}
.__panel--M h3.align-end {
  text-align: end;
}
.event__place--Tag {
  color: #fff;
  display: inline;
  padding: 4px 10px;
  letter-spacing: 0.2em;
}

/* --------- 春期のみ --------- */
.event__Spring .message {
  margin: 40px 0;
  text-align: center;
  padding: 0;
  position: initial;
}
.Spring__top {
  margin-top: 48px;
}
.frameSpring {
  background: rgba(201, 154, 5, 0.2);
}
.__tag--Spring {
  background-color: #9e3b3b;
}
.event__Spring .detailText {
  display: flex;
  margin-top: 48px;
  max-width: 960px;
  justify-content: center;
  font-family: "Noto Serif JP", "游明朝", serif;
}
.event__Spring .detailText--title {
  padding-right: 7.45%;
  width: 16%;
}
.event__Spring .__innerbox--row {
  border-top: none;
  border-bottom: none;
  border-left: 2px solid #9e3b3b;
  padding-left: 24px;
  width: 65%;
  display: flex;
  justify-content: flex-start;
}
.event__Spring .detailText--class {
  padding-right: 32px;
  min-width: 83.08px;
}
.event__Spring .__innerbox--column {
  border-top: none;
  border-bottom: none;
  border-left: 2px solid #9e3b3b;
  padding-left: 24px;
  width: 65%;
  flex-direction: column;
}
.event__Spring .detailText--inner {
  display: flex;
}
.event__Spring .detailText--class {
  padding-right: 32px;
  min-width: 83.08px;
  font-weight: 600;
}
.event__Spring .span__underline {
  border-bottom: dashed 2px #9e3b3b;
}

/* --------- 秋期のみ --------- */
.event__Autumn .event__Maintitle::before,
.event__Autumn .event__Maintitle::after {
  background-color: #b1750d; /*線の色*/
}
.frameAutumn {
  background: rgba(158, 59, 59, 0.2);
}
/* .event__Autumn .schedule__date--start {
	justify-content: center;
} */
.event__Autumn .__panel--Irreguler {
  width: 48%;
}
.event__Autumn .__panel--Irreguler .title__block {
  margin-top: 0;
  min-height: 20%;
}
.event__Autumn .__panel--Irreguler .title--ms {
  line-height: 1.1;
}
.event__Autumn .__panel--Irreguler-S {
  background: rgba(158, 59, 59, 0.2);
}
.__tag--Autumn {
  background-color: #b1750d;
}
.event__Autumn .detailText--class {
  padding-right: 0;
}
.event__Autumn .detail__caption {
  text-align: center;
  margin-top: 24px;
}
#botaishinmandara {
  width: 100%;
}
#hoshiotoya {
  width: 100%;
  margin-top: 2%;
}
.event__Autumn .__detailPanel.__panel--S.__panel--Irreguler {
  width: 50%;
  padding: 4%;
}
.event__Autumn .__detailPanel.__panel--S.__panel--Irreguler.Hoshiotoya__detail {
  width: 48%;
}
.__panel--S.Hoshiotoya__detail p {
  margin-bottom: 8px;
}
.flexbox.siteLink--box {
  align-items: center;
  margin-bottom: 8px;
}
.siteLink a {
  color: #b1750d;
}
.siteLink span {
  display: inline-block;
  vertical-align: middle;
}
.link__img {
  margin-left: 4px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.__container--Innerframe.talkLive__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.__container--Innerframe.talkLive__container h3 {
  text-align: center;
}
.talkLive__container.__1inbox picture {
  width: 40%;
}
.talkLive__container .__box--flex {
  margin-top: 40px;
}
.talkLive__textBox {
  width: 55%;
  flex-direction: column;
}
.talkLive__container p {
  margin: 32px 0;
}
.event__Autumn .detailText {
  display: flex;
  margin-top: 48px;
  /* max-width: 960px; */
  justify-content: center;
  font-family: "Noto Serif JP", "游明朝", serif;
}
.event__Autumn .detailText--title {
  padding-right: 4%;
  min-width: 10%;
}
.event__Autumn .__innerbox--row {
  border-top: none;
  border-bottom: none;
  border-left: 2px solid #b1750d;
  padding-left: 24px;
  display: flex;
  justify-content: flex-start;
}
.event__Autumn .detailText--class {
  padding-right: 0;
  min-width: 100px;
  font-weight: 600;
}
.event__Autumn .__innerbox--column {
  border-top: none;
  border-bottom: none;
  border-left: 2px solid #b1750d;
  padding-left: 24px;
  flex-direction: column;
}
.event__Autumn .detailText--inner {
  display: flex;
}
.event__Autumn .detailText--detail span.strikethrough {
  text-decoration: line-through;
}
.event__Autumn .detailText--detail span.spanRed {
  color: red;
  font-weight: 500;
}
.event__Autumn .span__underline {
  border-bottom: dashed 2px #b1750d;
}

/* -----  イベントエリア レスポンシブ  -----*/
@media screen and (max-width: 1280px) {
  .talkLive__container .__box--flex {
    flex-direction: column;
  }
  .talkLive__container.__1inbox picture {
    width: 100%;
  }
  .talkLive__textBox {
    width: 100%;
  }
  .event__Autumn .detailText {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .event__Autumn .__panel--Irreguler-S {
    padding: 5% 4.5%;
  }
}
@media screen and (max-width: 524px) {
  .detail--SPcolumn {
    flex-direction: column;
    max-width: 290px;
  }
  .schedule__date--start {
    width: 100%;
    justify-content: flex-start;
  }
  .schedule__date--period {
    width: 100%;
    justify-content: flex-end;
  }
  .event__Autumn .schedule__date--start,
  .event__Autumn .schedule__date--period {
    justify-content: center;
  }
}

/* -----  法会  ------- */
#display--under925 {
  display: none;
}
@media screen and (max-width: 925px) {
  #display--under925 {
    display: flex;
    margin: 0 -15% 0 0%;
  }
}
@media screen and (max-width: 768px) {
  #display--under925 {
    margin: 0 -4% 0 0%;
  }
}

#display--over925 {
  display: flex;
}
@media screen and (max-width: 925px) {
  #display--over925 {
    display: none;
  }
}

.slider__wrapper {
  width: 90%;
  transition-timing-function: linear;
}
.Houe {
  max-width: 1366px;
}
.Houe .event__Maintitle {
  margin: 96px auto;
}
.swiper.Houe__Contents,
.Houe__Contents {
  display: flex;
  justify-content: space-between;
}
.swiper.Houe__Contents {
  margin: 0 0 0 -12.6%;
  flex-direction: column;
}
.swiper-slide {
  background-color: #9e3b3b;
  color: #fff;
  height: auto;
}
.swiper-controller {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  justify-content: flex-end;
  margin-top: 3.2rem;
}
.swiper-pagination {
  position: static;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 4px;
  justify-content: flex-start;
  margin-top: 24px;
}
.swiper-pagination-bullet {
  width: 1.6rem;
  height: 3px;
  cursor: pointer;
  vertical-align: top;
  background-color: #666;
  border-radius: 0;
}
.swiper-pagination-bullet-active {
  width: 4rem;
  background-color: #9e3b3b;
}

.Houe__Panel {
  width: 32%;
  background-color: #9e3b3b;
  color: #fff;
}
.Houe__Img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  background-size: contain;
}
.houe01 {
  background-image: url(../images/Spring_Houkai01.png);
}
.houe02 {
  background-image: url(../images/Spring_Houkai02.png);
}
.houe03 {
  background-image: url(../images/Spring_Houkai03.png);
}
.Houe__detail {
  padding: 8.08% 13.7%;
}
.Houe__detail h4 {
  margin-bottom: 8%;
}
.Houe__detail .date {
  margin-bottom: 8%;
}
.Houe__text {
  height: 59%;
}
.Houe__caption {
  padding-top: 8px;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .Houe {
    margin: 0 4%;
  }
}
/* --------------  春期－関連開催－エリア  --------------- */
/* -----  堂本印象襖絵と
　　　　　　宿り音サウンドインスタレーション  ---- */
.relatedEvent__Spring {
  margin-top: 160px;
}
.schedulePreSpring {
  margin-top: 80px;
  padding-bottom: 0;
}
.preEvent__Spring h3,
h4 {
  text-align: center;
}
.preEvent__Spring h4 {
  margin-bottom: 24px;
}
.preEvent__Spring {
  padding-bottom: 48px;
  margin-bottom: 24px;
}
.preEvent__Spring .__1inbox {
  flex-direction: row-reverse;
}

@media screen and (max-width: 1024px) {
  .preEvent__Spring .__1inbox {
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .preEvent__Spring .__detailPanel {
    position: absolute;
    top: clamp(54%, calc(54% - 6 * (100vw - 838px) / 186), 48%);
    width: 90%;
  }
}
@media screen and (max-width: 838px) {
  .preEvent__Spring .__detailPanel {
    top: clamp(48%, calc(48% - 8 * (100vw - 390px) / 448), 40%);
  }
}
@media screen and (max-width: 648px) {
  .preEvent__Spring .__detailPanel {
    top: clamp(43%, calc(43% - 18 * (100vw - 390px) / 258), 25%);
  }
}
@media screen and (max-width: 491px) {
  .preEvent__Spring .__detailPanel {
    top: 40%;
  }
}
@media screen and (max-width: 445px) {
  .preEvent__Spring .__detailPanel {
    top: 35%;
  }
}
@media screen and (max-width: 370px) {
  .preEvent__Spring .__detailPanel {
    top: 30%;
  }
}

/* ------------ フライヤー  ------------ */
.Flyer__Area {
  display: flex;
  font-family: "Cormorant Garamond", "Noto Serif JP", "YuMincho", "游明朝体", serif;
  justify-content: space-between;
  max-width: 1366px;
  margin: 0 11.1% 0 12.6%;
  padding: 32px 0;
}
.flyerPDF__download {
  width: 32%;
  max-width: 330px;
  text-align: center;
  vertical-align: center;
  display: flex;
  flex-direction: column;
}
.flyerPDF__download--tag {
  border: solid 1px #9e3b3b;
  background-color: #fff;
  max-height: 80px;
  padding: 24px;
}
.flyerPDF__download--btn {
  background-color: #9e3b3b;
  max-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 24px 12px 24px;
}
.flyerPDF__download--btn span {
  color: #fff;
  display: inline-block;
}
.flyerPDF__download--btn img {
  width: 24px;
}
.flyer__gallery {
  width: 66%;
}
.flyer__img {
  display: flex;
  justify-content: space-around;
}
.flyer__img--list {
  display: flex;
  justify-content: center;
}
.flyer__img--list a {
  aspect-ratio: 5/7;
  display: block;
}
.flyer__title {
  min-width: 32%;
  height: 50%;
  border: 1px solid #9e3b3b;
  border-right: none;
  padding-left: 8px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1440px) {
  .flyerPDF__download {
    width: 25%;
  }
  .flyer__gallery {
    width: 75%;
  }
}
@media screen and (max-width: 1280px) {
  .Flyer__Area {
    flex-direction: column;
  }
  .flyerPDF__download {
    flex-direction: row;
    width: 100%;
    max-width: initial;
    margin-bottom: 24px;
  }
  .flyerPDF__download--tag,
  a.flyerPDF__download--btn {
    width: 50%;
  }
  .flyer__img {
    justify-content: space-around;
  }
  .flyerPDF__download {
    width: 90%;
    align-self: center;
  }
  .flyer__gallery {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .flyer__img {
    flex-direction: column;
    align-self: center;
  }
  .flyer__title {
    height: 150px;
  }
}
@media screen and (max-width: 768px) {
  .flyer__img--list {
    padding-left: 0;
    width: 49%;
    align-self: center;
  }
  .flyer__title {
    width: 43%;
    justify-content: center;
  }
  .flyer__img--list a {
    width: 55%;
  }
}
@media screen and (max-width: 390px) {
  .flyerPDF__download {
    flex-direction: column;
    width: 90%;
    align-self: center;
  }
  .flyerPDF__download--tag,
  a.flyerPDF__download--btn {
    width: 100%;
  }
  .flyer__gallery {
    width: 90%;
    align-self: center;
  }
}
@media screen and (max-width: 375px) {
  .flyer__img {
    flex-direction: column;
    align-items: center;
  }
  .flyer__img--list {
    width: 75%;
    padding-bottom: 8px;
  }
}

/* ---------  宿り音  ----------- */
.__Panel--yadorine {
  padding: 24px 40px;
}
.__Panel--yadorine h4 {
  text-align: start;
}
.Oikawa-shi__yadorine {
  display: flex;
  align-items: flex-start;
}
.portrait {
  width: 33%;
  aspect-ratio: 3/2;
  background-image: url(../images/OikawaJunya.jpg);
  background-size: contain;
}
.__text--yadorine {
  padding-left: 2%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.__Tag-plural {
  display: flex;
  margin-top: 16px;
}
.__Tag-plural div:first-child {
  margin-right: 8px;
}
.links {
  font-family: "Cormorant Garamond", "Noto Serif JP", "YuMincho", "游明朝体", serif;
  /* width: 75%; */
  display: flex;
  /* align-self: flex-end; */
  justify-content: flex-end;
  margin-top: 16px;
}
.link__banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 52%;
  max-width: 240px;
}
.banner--Oikawa {
  width: 43%;
  padding-left: 16px;
  max-width: 210px;
}
.link__circle--width {
  /* position:absolute; */
  /* right: -15%; */
  width: 48px;
  border: 1px solid #9e3b3b;
  border-radius: 50%; /* ←円 */
}
.link__circle--height {
  position: relative; /* 内包する要素の基準にする */
  padding-top: 100%;
  height: 0; /*要素自体の高さがあるとずれるので高さを０にする */
}
.arrow-area {
  position: absolute;
  bottom: 25%;
  left: 15%;
}
.link__circle--width:hover .arrow-area {
  bottom: 35%;
  left: 25%;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.arrow-area .link__arrow {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 10px;
  height: 1px;
  background-color: #9e3b3b;
  position: relative;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.arrow-area .link__arrow:before,
.arrow-area .link__arrow:after {
  content: "";
  display: block;
  width: 5px;
  height: 1px;
  background-color: #9e3b3b;
  position: absolute;
  right: -1.5px;
}
.arrow-area .link__arrow:before {
  top: -1.5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.arrow-area .link__arrow:after {
  bottom: -1.5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
@media screen and (max-width: 1280px) {
  .link__banner {
    max-width: 220px;
  }
  .banner--Oikawa {
    max-width: 190px;
  }
}
@media screen and (max-width: 1024px) {
  .link__banner {
    width: 53%;
  }
  .banner--Oikawa {
    width: 46%;
  }
}
@media screen and (max-width: 698px) {
  .links {
    flex-direction: column;
    align-items: flex-end;
  }
  .link__banner {
    padding-left: 0;
    width: 60%;
    justify-content: flex-end;
  }
  .banner--Oikawa {
    margin-top: 8px;
  }
  .linkText__yadorine span {
    float: right;
  }
}

/* --------------  秋期－関連開催－エリア  --------------- */
.l-content-fixed.contentsTop__message {
  padding-top: 80px;
}
/* ----- イベント詳細コンテンツ周りのレスポンシブまとめて----- */
@media screen and (max-width: 1440px) {
  .frameAutumn .__box--flex.__1inbox {
    flex-direction: column;
  }
  .frameAutumn .__1inbox .__panel--L,
  .frameAutumn .__1inbox picture {
    width: 100%;
  }
  .frameAutumn .__box--flex.__1inbox.box--Hoshiotoya {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 1280px) {
  .__panel--L {
    padding: 4% 5%;
  }
  .event__Spring .detailText--title {
    padding-right: 4%;
    width: 13%;
    min-width: 89px;
  }
  .event__Spring .__innerbox--column {
    width: 75%;
  }
  .event__Autumn .boxCase--flex {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .__boxCase--flex {
    flex-direction: column;
  }
  .__1inbox {
    flex-direction: column;
  }
  .__1inbox picture {
    width: 100%;
  }
  .__panel--L {
    width: 100%;
    padding: 8%;
  }
  .__panel--L p {
    margin-top: 24px;
  }
  .__2inbox--S {
    width: 100%;
  }
  .__2inbox--M {
    width: 100%;
    flex-direction: column-reverse;
  }
  .__2inbox--M picture {
    width: 100%;
  }
  .__panel--M {
    width: 100%;
    padding: 8%;
  }
  .__panel--M h3.align-end {
    text-align: inherit;
  }
  .preEvent__Spring .__detailPanel.__Panel--yadorine {
    position: static;
    width: auto;
  }
  .portrait {
    width: 55%;
    min-width: 180px;
  }
}
@media screen and (max-width: 845px) {
  .event__Spring .detailText--title,
  .event__Autumn .detailText--title {
    width: 100%;
    margin-bottom: 8px;
  }

  .event__Spring .detailText,
  .event__Autumn .detailText {
    flex-direction: column;
  }
  .event__Spring .__innerbox--column,
  .event__Autumn .__innerbox--column {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .event__Autumn .__boxCase--flex {
    flex-direction: column;
  }
  .event__Autumn .__panel--Irreguler {
    width: 100%;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 698px) {
  .Oikawa-shi__yadorine {
    flex-direction: column;
  }
  .portrait {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 492px) {
  .event__Spring .__innerbox--column {
    padding-left: 8px;
  }
}
@media screen and (max-width: 425px) {
  .__panel--M h3.align-end {
    text-align: end;
  }
  .__panel--M p {
    padding-top: 24px;
  }
  .event__Spring .detailText--inner,
  .event__Autumn .detailText--inner {
    flex-direction: column;
    margin-bottom: 8px;
  }
  .detailText--detail {
    padding-left: 8px;
  }
  .event__Spring .detailText {
    font-size: 85%;
  }
  .link__banner {
    width: 100%;
    max-width: 200px;
    height: 60px;
    text-align: end;
    justify-content: flex-end;
  }
  .__Panel--yadorine h4 {
    text-align: center;
  }
  .banner--Oikawa {
    padding-left: 0;
  }
  .portrait {
    width: 100%;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 324px) {
  .__Panel--yadorine h4 {
    width: 105%;
    margin-left: -5%;
  }
}
/*------------- Twitter, map エリア -----------------------------------------------*/
.l-content-fixed.access__wrapper {
  padding-top: 96px;
}
.access__title {
  position: relative;
  margin-bottom: 96px;
}
.access__title .title--l {
  color: #2b0f0f;
  letter-spacing: 0.25em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
img.access__title--bg {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.googlemap {
  position: relative;
  width: clamp(65%, calc(65% - 10 * (100vw - 900px) / 1020), 55%);
  /* aspect-ratio: 16/9; */
  overflow: hidden;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.FreeShuttleBus {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.FreeShuttleBus img {
  width: 100%;
}
img.shuttleBus__timetable {
  max-width: 800px;
  margin-top: 32px;
}
.shuttleBus__index {
  margin-top: 40px;
  text-align: center;
}
.shuttleBus__index h2 {
  margin-block-start: 0;
  margin-block-end: 0;
}
.FreeShuttleBus img.point__img {
  width: 25px;
}
.__index--attention {
  margin-top: 24px;
  background: linear-gradient(transparent 10%, #c3e477 80%);
  background: -moz-linear-gradient(transparent 10%, #c3e477 80%);
  background: -webkit-linear-gradient(transparent 10%, #c3e477 80%);
  padding: 32px 24px 18px;
}
.__index--attention a {
  display: flex;
}
.irregularTimetable--link {
  margin: 8px 0;
  background: #00a37e;
  padding: 18px;
}
.access__wrapper .__container--Innerframe {
  margin: 0 auto;
}
.access__wrapper .flyer__gallery {
  width: 80%;
  margin: 0 auto;
}
.Shinko__map--annotation {
  margin: 16px 0;
  letter-spacing: 0.1em;
}
.underline {
  background: linear-gradient(transparent 10%, #c3e477 80%);
  background: -moz-linear-gradient(transparent 10%, #c3e477 80%);
  background: -webkit-linear-gradient(transparent 10%, #c3e477 80%);
}
@media screen and (max-width: 1024px) {
  .access__wrapper .__boxCase--flex {
    flex-direction: row;
  }
  .googlemap {
    height: 500px;
  }
}
@media screen and (max-width: 900px) {
  .access__wrapper .__boxCase--flex {
    flex-direction: column;
    align-items: center;
  }
  .googlemap {
    width: 100%;
  }
  .twitter_wrap {
    width: auto;
    align-self: center;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .access__wrapper .flyer__img--list a {
    width: auto;
  }
}
@media screen and (max-width: 415px) {
  .shuttleBus__index h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 375px) {
  .__index--attention.__text--l {
    display: block;
  }
}

/* footer -----------------------------------------------*/
.footer {
  background-color: #be9e17;
  margin-top: 50px;
}
.footer-content {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1rem;
  line-height: 1;
  color: white;
  justify-content: center;
}

/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #fff;
  text-align: center;
  color: #fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  transform: translate(-50%, -50%);
}

#splash_logo video {
  width: 100%;
  max-width: 1080px;
}

/* @media screen and (min-width: 768px) {
	#splash_logo {
		width: 80%!important;
	}
} */

@media screen and (min-width: 1px) {
  #splash_logo {
    width: 100%;
  }
  #splash_logo video {
    width: 90%;
  }
}

/* Loading アイコンの大きさ設定　*/
#splash_logo svg {
  width: 100%;
}
@media screen and (min-width: 320px) {
  #splash_logo svg {
    width: 300px;
  }
}
@media screen and (min-width: 375px) {
  #splash_logo svg {
    width: 350px;
  }
}
@media screen and (min-width: 425px) {
  #splash_logo svg {
    width: 410px;
  }
}
@media screen and (min-width: 768px) {
  #splash_logo svg {
    width: 600px;
  }
}

/*========= SVG操作手書き風にするためのCSS ===============*/

#mask .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 90; /*線の太さを指定する*/
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 10; /* 線の間隔を指定する */
  stroke-dashoffset: 1500; /* 線の位置を指定する */
}

.animate1 {
  letter-spacing: 0.1em;
}
.animate1,
.animate2,
.animate3,
.animate4 {
  visibility: hidden;
}

/*========= *Modaal フライヤー拡大のためのCSS / modaal.js /===============*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area {
  display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before {
  background: #ccc;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #666;
}