@charset "UTF-8";
:root {
  --inner:700px;
  --wrap:990px;
  --box:1080px;
  --container:1280px;
  --maxWidth:1440px;
  --spHeaderHeight:50px;
  --pcHeaderHeight:80px;
  --baseColor:#ffffff;
  --mainColor:#450369;
  --subColor:#EAE8FA;
  --accentColor:#FF55DD;
  --whiteColor:#ffffff;
  --blackColor:#262626;
  --grayColor:#707070;
  --darkGrayColor:#383546;
  --beigeColor:#eadfcd;
  --beigeLightColor:#F7F6F3;
  --textColor:var(--blackColor);
  --textHoverColor:var(--mainColor);
  --blogPurple:#BE9AD1;
  --blogOrange:#D29826;
  --blogYellow:#BEC23F;
  --blogBlue:#9BC4C4;
  --blogRed:#CB4042;
  --blogPurpleBg:#F9F5FC;
  --blogOrangeBg:#FBF5E9;
  --blogYellowBg:#F9F9EB;
  --blogBlueBg:#F7F9F9;
  --blogRedBg:#FCF6F5;
  --animationSpeed:0.4s;
  --ioAnimationSpeed:1s;
  --spMargin:100px;
  --pcMargin:130px;
  --fontSerif:"Shippori Mincho","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  --fontGothic:"Noto Sans JP","游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  --fontFamily:var(--fontGothic);
  --fontTitle:var(--fontSerif);
  --fontEn:"Lusitana", serif;
}

/* ==========================================================================

	saiten

========================================================================== */
/*--------------------------------
	calendar
--------------------------------*/
#calendar {
  --calendarColor:#F2EFFD;
}
#calendar > dl > div {
  padding-top: 1em;
  padding-bottom: 1em;
}
#calendar > dl > div > dd > dl {
  margin-bottom: 0;
}
#calendar > dl > div > dd > dl > div > dd ul {
  margin-bottom: 0;
}
#calendar > dl > div > dd > dl > div > dd ul .link_btn a {
  min-width: initial;
  color: var(--blackColor);
  border-color: var(--blackColor);
}
#calendar > dl > div > dd > dl > div > dd ul .link_btn a > span:after {
  background-color: var(--blackColor);
}
#calendar > dl > div:nth-child(odd) {
  background-color: var(--calendarColor);
}
@media print, screen and (max-width: 812px) {
  #calendar {
    padding-top: calc(var(--spMargin) / 1);
  }
  #calendar > dl {
    max-width: initial;
    padding: 0;
  }
  #calendar > dl > div {
    display: flex;
    gap: 0 1em;
    font-size: 1.2rem;
    padding-left: 5%;
    padding-right: 2.5%;
  }
  #calendar > dl > div > dt {
    flex-shrink: 0;
    width: calc(4em + 6%);
    padding: calc(0.3em + 1px) 0 0 6%;
  }
  #calendar > dl > div > dd {
    width: calc(100% - (4em + 6%) - 1em);
  }
  #calendar > dl > div > dd > dl > div {
    display: flex;
    gap: 0 1em;
    padding: 0.7em 0;
    border-bottom: solid 1px var(--calendarColor);
  }
  #calendar > dl > div > dd > dl > div:first-child {
    padding-top: 0;
  }
  #calendar > dl > div > dd > dl > div:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  #calendar > dl > div > dd > dl > div > dt {
    width: 32%;
    padding: calc(0.3em + 1px) 0 0;
  }
  #calendar > dl > div > dd > dl > div > dd {
    width: calc(68% - 1em);
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn {
    margin-bottom: 0.5em;
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn:last-child {
    margin-bottom: 0;
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn a {
    width: 100%;
    padding: 0.3em 0.3em 0.3em 0.6em;
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn a > span:after {
    right: 2.5%;
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn a[data-arrow*=doglegged] > span {
    --arrowDogleggedWidth:1em;
    padding-right: calc(var(--arrowDogleggedWidth) + var(--arrowDogleggedHoverMove));
  }
  #calendar > dl > div:nth-child(odd) > dd > dl > div {
    border-bottom-color: var(--whiteColor);
  }
}
@media print, screen and (min-width: 813px) {
  #calendar {
    --calendarPadding:2.3%;
  }
  #calendar dl {
    line-height: 1;
  }
  #calendar dl dt {
    padding: 0 calc(0.5em + 2px);
  }
  #calendar > dl {
    margin: 0 auto;
  }
  #calendar > dl > div {
    display: flex;
    gap: 0 1em;
    padding-right: var(--calendarPadding);
    padding-bottom: 0;
    padding-left: var(--calendarPadding);
  }
  #calendar > dl > div > dt {
    height: 3.5em;
  }
  #calendar > dl > div > dd {
    height: calc(100% - 3.5em);
  }
  #calendar > dl > div > dd > dl > div {
    display: flex;
    gap: 1em;
    padding-right: var(--calendarPadding);
    padding-left: var(--calendarPadding);
    border-left: solid 1px var(--calendarColor);
  }
  #calendar > dl > div > dd > dl > div:first-child {
    padding-right: 0;
  }
  #calendar > dl > div > dd > dl > div:last-child {
    padding-left: 0;
    border-left: none;
  }
  #calendar > dl > div > dd > dl > div > dt {
    height: 6em;
  }
  #calendar > dl > div > dd > dl > div > dd {
    padding-bottom: 1em;
  }
  #calendar > dl > div > dd > dl > div > dd ul {
    display: flex;
    gap: 1em;
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn a {
    padding: 0.5em 0.5em calc(0.2em + 1px);
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn a[data-arrow*=doglegged] {
    --arrowDogleggedWidth:1em;
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn a > span {
    padding-right: 0;
    padding-bottom: calc(var(--arrowDogleggedWidth) / 2 + 1em);
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn a > span:after {
    top: auto;
    bottom: var(--arrowDogleggedHoverMove);
    right: calc(50% - var(--arrowDogleggedWidth) / 2);
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn a:hover {
    color: var(--whiteColor);
    border-color: var(--mainColor);
    background-color: var(--mainColor);
  }
  #calendar > dl > div > dd > dl > div > dd ul .link_btn a:hover > span:after {
    background-color: var(--whiteColor);
  }
  #calendar > dl > div:nth-child(odd) > dd > dl > div {
    border-left-color: var(--whiteColor);
  }
}

/*--------------------------------
	saiten_cnt
--------------------------------*/
.saiten_cnt > * {
  margin-top: 3em;
}
.saiten_cnt > *:first-child {
  margin-top: 0;
}
.saiten_cnt .information.column {
  row-gap: 0;
}
.saiten_cnt .information > div {
  display: flex;
  gap: 0 1.2em;
  padding: 1em 0;
  margin-bottom: 0;
  border-top: solid 1px var(--grayColor);
}
.saiten_cnt .information > div > dt {
  flex-shrink: 0;
}
@media print, screen and (max-width: 812px) {
  .saiten_cnt .flow figure {
    display: flex;
    gap: 4%;
  }
  .saiten_cnt .flow figure picture {
    width: 40%;
  }
  .saiten_cnt .flow figure figcaption {
    width: 56%;
  }
  .saiten_cnt .information > div:nth-child(n+4) {
    display: block;
  }
  .saiten_cnt .information > div:nth-child(n+4) > dt {
    margin-bottom: 0.5em;
  }
}
@media print, screen and (min-width: 813px) {
  .saiten_cnt .flow figcaption {
    font-size: min(1.4rem, 14px);
    margin-top: 0.5em;
  }
  .saiten_cnt .information > div {
    gap: 0 2em;
    padding: 1.6em 1em;
  }
  .saiten_cnt .information > div:nth-child(-n+3) > dt {
    width: 3.5em;
  }
  .saiten_cnt .information > div:nth-child(-n+3) > dd {
    width: calc(100% - 3.5em - 1.6em);
  }
  .saiten_cnt .information > div:nth-child(n+4) > dt {
    width: 10em;
  }
  .saiten_cnt .information > div:nth-child(n+4) > dd {
    width: calc(100% - 10em - 1.6em);
  }
  .saiten_cnt .information > div:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .saiten_cnt .information > div:nth-child(3) {
    grid-column: 2;
    grid-row: 1/3;
    align-items: center;
  }
  .saiten_cnt .information > div:nth-child(n+4) {
    grid-column: 1/-1;
  }
}

/*--------------------------------
	月華祭
--------------------------------*/
@media print, screen and (min-width: 813px) {
  #gekkasai .information[data-info="2"] > div {
    border-bottom: solid 1px var(--grayColor);
  }
  #gekkasai .information[data-info="2"] > div:last-child {
    grid-column: auto;
    grid-row: auto;
  }
}

/*--------------------------------
	元旦祭
--------------------------------*/
#gantansai {
  border-top: solid 1px var(--grayColor);
}
@media print, screen and (max-width: 812px) {
  #gantansai {
    padding-top: var(--spMargin);
  }
}
@media print, screen and (min-width: 813px) {
  #gantansai {
    padding-top: var(--pcMargin);
  }
}

/*# sourceMappingURL=style.css.map */