@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
.m-pc-hidden {
  display: none;
}
@media screen and (max-width: 640px) {
  .m-pc-hidden {
    display: inline-block;
  }
}

.m-sp-hidden {
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .m-sp-hidden {
    display: none;
  }
}

.visually-hidden {
  /**
   * a11y-css-resetから引用
   * https://github.com/mike-engel/a11y-css-reset
  **/
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.pane-contents > .container {
  width: 100%;
}

.pane-main {
  position: relative;
}

.block-event-page {
  margin-top: 0;
  padding-bottom: 50px;
  background: #f5f5f5;
}
@media screen and (max-width: 640px) {
  .block-event-page {
    padding-bottom: 0;
  }
}

.block-event-page--accessory {
  max-width: 550px;
  margin: 0 auto;
}
.block-event-page--accessory .block-pickup-list-p--items {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
.block-event-page--accessory .block-pickup-list-p--items > li {
  width: calc((100% - 25px) / 2);
  margin-left: 25px;
}
@media screen and (max-width: 640px) {
  .block-event-page--accessory .block-pickup-list-p--items > li {
    width: calc((100% - 20px) / 2);
    margin-left: 20px;
  }
}
.block-event-page--accessory .block-pickup-list-p--items > li:nth-child(2) ~ li {
  margin-top: 45px;
}
.block-event-page--accessory .block-pickup-list-p--items > li:nth-child(2n+1) {
  margin-left: 0;
}

.block-topic-path {
  margin: 0;
}

.pane-right-menu {
  width: 1200px;
  margin: 0 auto;
}

.event-fix-wrap {
  max-width: 550px;
  margin: 0 auto;
}
.event-fix-wrap .m-wrapper {
  padding: 0 30px;
}
@media screen and (max-width: 640px) {
  .event-fix-wrap .m-wrapper {
    padding: 0 20px;
  }
}
.event-fix-wrap .fix-contents {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
  width: calc((100% - 550px) / 2);
  height: 450px;
}
@media screen and (max-width: 1000px) {
  .event-fix-wrap .fix-contents {
    display: none;
  }
}
.event-fix-wrap .fix-contents.right {
  left: auto;
  right: 0;
}
.event-fix-wrap .fix-contents.is-fixed {
  position: fixed;
  transform: translateY(-50%);
}
.event-fix-wrap .fix-contents.is-end {
  top: auto;
}/*# sourceMappingURL=s-event_fix.css.map */