@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 default
==================================================================================*/
/* -------------------------------------------
 * initialize
 */
main div, main span, main object, main iframe, main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre, main abbr, main address, main cite, main code, main del, main dfn, main em, main img, main ins, main kbd, main q, main samp, main small, main strong, main sub, main sup, main var, main b, main i, main dl, main dt, main dd, main ol, main ul, main li, main fieldset, main form, main label, main legend, main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td, main article, main aside, main dialog, main figure, main footer, main header, main hgroup, main menu, main nav, main section, main time, main mark, main audio, main video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEI1MzY2NTA1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEI1MzY2NTE1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjUzNjY0RTVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQjUzNjY0RjVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj3ggHcAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC");
}

main * {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

main {
  display: block;
}
main article, main aside, main dialog, main figure, main footer, main header, main hgroup, main nav, main section {
  display: block;
}
main sup {
  font-size: 10px;
  vertical-align: super;
}
main sub {
  font-size: 10px;
  vertical-align: sub;
}
main div,
main figure {
  line-height: 0;
}
main ul li, main ol li {
  list-style: none;
}
main input, main select {
  vertical-align: middle;
}
main .hide {
  display: none;
}
main img {
  ms-interpolation-mode: bicubic;
}
main a {
  text-decoration: none;
}
@media (min-width: 1025px) {
  main a:hover {
    opacity: .7;
  }
}
main .clearfix {
  zoom: 1;
}
main .clearfix:before, main .clearfix:after {
  content: "";
  display: table;
}
main .clearfix:after {
  clear: both;
}
main iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
main video {
  width: 100%;
  height: auto;
}
main .serif {
  font-family: YuMincho, Yu Mincho, "游明朝", serif;
}
main .sansSerif {
  font-family: YuGothic, Yu Gothic, "游ゴシック", sans-serif;
}
main .Inter {
  font-family: "Inter", YuMincho, Yu Mincho, "游明朝", serif;
}
main .bold {
  font-weight: bold !important;
}
main .weightNormal {
  font-weight: normal !important;
}
main .colorBlack {
  color: #333 !important;
}
main .colorWhite {
  color: #fff !important;
}
main .colorBlue01 {
  color: #0068B7 !important;
}
main .colorOrange01 {
  color: #F05B2D !important;
}
main .colorYellow01 {
  color: #FFE410 !important;
}
main .wrap {
  margin: 0 auto;
  width: min(94%, 1200px);
}
main .inlineBlock {
  display: inline-block;
}
main .noBreaks {
  word-break: keep-all;
}
main .alignCenter {
  text-align: center;
}
main .alignLeft {
  text-align: left;
}
main .alignRight {
  text-align: right;
}
@media (min-width: 768px) {
  main a.tel {
    pointer-events: none;
  }
}
main img,
main header img,
main footer img {
  max-width: 100%;
  height: auto;
}
main .fontSize50 {
  font-size: 50%;
}
main .fontSize55 {
  font-size: 55%;
}
main .fontSize60 {
  font-size: 60%;
}
main .fontSize65 {
  font-size: 65%;
}
main .fontSize70 {
  font-size: 70%;
}
main .fontSize75 {
  font-size: 75%;
}
main .fontSize80 {
  font-size: 80%;
}
main .fontSize85 {
  font-size: 85%;
}
main .fontSize90 {
  font-size: 90%;
}
main .fontSize95 {
  font-size: 95%;
}
main .fontSize100 {
  font-size: 100%;
}
main .fontSize105 {
  font-size: 105%;
}
main .fontSize110 {
  font-size: 110%;
}
main .fontSize115 {
  font-size: 115%;
}
main .fontSize120 {
  font-size: 120%;
}
main .fontSize125 {
  font-size: 125%;
}
main .fontSize130 {
  font-size: 130%;
}
main .fontSize135 {
  font-size: 135%;
}
main .fontSize140 {
  font-size: 140%;
}
main .fontSize145 {
  font-size: 145%;
}
main .fontSize150 {
  font-size: 150%;
}
main .fontSize155 {
  font-size: 155%;
}
main .fontSize160 {
  font-size: 160%;
}
main .fontSize165 {
  font-size: 165%;
}
main .fontSize170 {
  font-size: 170%;
}
main .fontSize175 {
  font-size: 175%;
}
main .fontSize180 {
  font-size: 180%;
}
main .fontSize185 {
  font-size: 185%;
}
main .fontSize190 {
  font-size: 190%;
}
main .fontSize195 {
  font-size: 195%;
}
main .fontSize200 {
  font-size: 200%;
}
main .fontSize205 {
  font-size: 205%;
}
main .fontSize210 {
  font-size: 210%;
}
main .fontSize215 {
  font-size: 215%;
}
main .fontSize220 {
  font-size: 220%;
}
main .fontSize225 {
  font-size: 225%;
}
main .fontSize230 {
  font-size: 230%;
}
main .fontSize235 {
  font-size: 235%;
}
main .fontSize240 {
  font-size: 240%;
}
main .fontSize245 {
  font-size: 245%;
}
main .fontSize250 {
  font-size: 250%;
}
main .fontSize255 {
  font-size: 255%;
}
main .fontSize260 {
  font-size: 260%;
}
main .fontSize265 {
  font-size: 265%;
}
main .fontSize270 {
  font-size: 270%;
}
main .fontSize275 {
  font-size: 275%;
}
main .fontSize280 {
  font-size: 280%;
}
main .fontSize285 {
  font-size: 285%;
}
main .fontSize290 {
  font-size: 290%;
}
main .fontSize295 {
  font-size: 295%;
}
main .fontSize300 {
  font-size: 300%;
}

@media (min-width: 1025px) {
  main .sp {
    display: none !important;
  }
}
@media (min-width: 768px) {
  main .sp {
    display: none !important;
  }
}
@media (max-width: 767px) {
  main sup,
  main sub {
    font-size: 8px;
  }
  main .pc {
    display: none !important;
  }
}
/*==================================================================================
 animations
==================================================================================*/
/*==================================================================================
 common style
==================================================================================*/
#group_footer {
  margin-top: 0;
}

main {
  padding-bottom: 11.11111vw;
  text-align: center;
  font-family: YuMincho, Yu Mincho, "游明朝", serif;
  color: #fff;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/content-bg.webp) no-repeat center 58vw;
  background-size: 100% auto;
  background-color: #1a4287;
}
main a {
  color: #fff;
}
main .commonText01 {
  line-height: 1;
  font-size: 5.55556vw;
}
main .commonText02 {
  line-height: 1;
  font-size: 3.88889vw;
}
main .commonText03 {
  line-height: 1;
  font-size: 2.22222vw;
}
main .commonText04 {
  line-height: 1;
  font-size: 2.08333vw;
}
main .commonText05 {
  line-height: 1;
  font-size: 1.94444vw;
}
main .commonText06 {
  line-height: 1;
  font-size: 1.80556vw;
}
main .commonText07 {
  line-height: 1;
  font-size: 1.66667vw;
}
main .commonText08 {
  line-height: 1;
  font-size: 1.52778vw;
}
main .commonText09 {
  line-height: 1;
  font-size: 1.38889vw;
}
main .commonText10 {
  line-height: 1;
  font-size: 1.25vw;
}
main .commonText11 {
  line-height: 1;
  font-size: 1.11111vw;
}
main .commonText12 {
  line-height: 1;
  font-size: 1.04167vw;
}
main .commonText13 {
  line-height: 1;
  font-size: 0.97222vw;
}
main .commonText14 {
  line-height: 1;
  font-size: 0.83333vw;
}
main .commonText15 {
  line-height: 1;
  font-size: 0.69444vw;
}
main .lineHeight10 {
  line-height: 1 !important;
}
main .lineHeight11 {
  line-height: 1.1 !important;
}
main .lineHeight12 {
  line-height: 1.2 !important;
}
main .lineHeight13 {
  line-height: 1.3 !important;
}
main .lineHeight14 {
  line-height: 1.4 !important;
}
main .lineHeight15 {
  line-height: 1.5 !important;
}
main .lineHeight16 {
  line-height: 1.6 !important;
}
main .lineHeight17 {
  line-height: 1.7 !important;
}
main .lineHeight18 {
  line-height: 1.8 !important;
}
main .lineHeight19 {
  line-height: 1.9 !important;
}
main .lineHeight20 {
  line-height: 2 !important;
}
main .lineHeight21 {
  line-height: 2.1 !important;
}
main .lineHeight22 {
  line-height: 2.2 !important;
}
main .lineHeight23 {
  line-height: 2.3 !important;
}
main .lineHeight24 {
  line-height: 2.4 !important;
}
main .lineHeight25 {
  line-height: 2.5 !important;
}
main .lineHeight26 {
  line-height: 2.6 !important;
}
main .lineHeight27 {
  line-height: 2.7 !important;
}
main .lineHeight28 {
  line-height: 2.8 !important;
}
main .lineHeight29 {
  line-height: 2.9 !important;
}
main .lineHeight30 {
  line-height: 3 !important;
}
main .underLine {
  text-decoration: underline;
}
main a.underLine:hover {
  opacity: 1;
}
@media (min-width: 1025px) {
  main a.underLine:hover {
    text-decoration: none;
  }
}
main .indent01 {
  font-feature-settings: normal;
  padding-left: 1em;
  text-indent: -1em;
}
main .indent02 {
  font-feature-settings: normal;
  padding-left: 2em;
  text-indent: -2em;
}
main .indent03 {
  font-feature-settings: normal;
  padding-left: 3em;
  text-indent: -3em;
}
main .indent04 {
  font-feature-settings: normal;
  padding-left: 4em;
  text-indent: -4em;
}
main .indent05 {
  font-feature-settings: normal;
  padding-left: 5em;
  text-indent: -5em;
}
main .indent06 {
  font-feature-settings: normal;
  padding-left: 6em;
  text-indent: -6em;
}
main .indent07 {
  font-feature-settings: normal;
  padding-left: 7em;
  text-indent: -7em;
}
main .commonButton01 a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.90278vw;
  height: 5.55556vw;
  border-radius: 2.77778vw;
  font-size: 1.38889vw;
  background: linear-gradient(0deg, #A5852E, #DDC688);
}
main .commonButton01 a:before {
  content: '';
  display: block;
  position: relative;
  width: 2.08333vw;
  height: 1.59722vw;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/icon-ornament01.svg) no-repeat center center;
  background-size: 100% 100%;
}
main .commonButton01.color02 a {
  background: linear-gradient(0deg, #6D491A, #FFB065);
}
main .commonButton02 a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 1.25vw;
  height: 7.22222vw;
  border-radius: 3.61111vw;
  font-size: 1.38889vw;
  background: #A07C52;
}
main .commonButton02 a:before {
  content: '';
  display: block;
  position: relative;
  width: 1.38889vw;
  height: 2.08333vw;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/icon-travel.svg) no-repeat center center;
  background-size: 100% 100%;
}
main .commonOrnament01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.11111vw 0;
}
main .commonOrnament01:before {
  content: '';
  display: block;
  position: relative;
  width: 15.06944vw;
  height: 1.73611vw;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/ornament01.svg) no-repeat center center;
  background-size: 100% 100%;
}
main .commonOrnament02 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 2.22222vw;
}
main .commonOrnament02:before, main .commonOrnament02:after {
  content: '';
  display: block;
  position: relative;
  width: 9.65278vw;
  height: 3.47222vw;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/ornament02.svg) no-repeat center center;
  background-size: 100% 100%;
}
main .commonOrnament02:after {
  transform: rotate(180deg);
}
main .modalContents {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
}
main .modalContents .modalWrapper {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: auto;
  /*padding: 3.47222vw 0;*/
  padding: 1.5vw 0;
  width: 100%;
  max-width: 69.44444vw;
  height: 100dvh;
  overflow: auto;
}
main .modalContents .modalWrapper.centerMode {
  align-items: center;
  justify-content: center;
}
main .modalContents .inner {
  display: flex;
  justify-content: space-between;
  gap: 0 2.22222vw;
  box-sizing: border-box;
  position: relative;
  padding: 3.88889vw 2.22222vw 2.77778vw;
  width: 100%;
  border-radius: 1.11111vw;
  background: #0A1A35;
  overflow: hidden;
}
main .modalContents .closeButton {
  cursor: pointer;
  position: absolute;
  top: 1.59722vw;
  right: 1.59722vw;
  width: 1.25vw;
  height: 1.25vw;
}
@media (min-width: 1025px) {
  main .modalContents .closeButton:hover {
    opacity: .7;
  }
}
main .modalContents .image {
  flex: 0 0 19.44444vw;
}
main .modalContents .textArea {
  flex: 1 1 auto;
  position: relative;
  text-align: left;
}
main .modalContents .textArea .name {
  padding-bottom: 0.55556vw;
}
main .modalContents .textArea .category {
  display: inline-block;
  margin-bottom: 1.38889vw;
  padding: 0.34722vw 0.55556vw;
  border-radius: 0.83333vw;
  line-height: 1;
  font-size: 0.90278vw;
  color: #041430;
  background: #7286A9;
}
main .modalContents .textArea .categorys {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw 1vw;
  margin-bottom: 1.38889vw;
}
main .modalContents .textArea .categorys li {
  padding: 0.34722vw 0.55556vw;
  border-radius: 0.83333vw;
  line-height: 1;
  font-size: 0.90278vw;
  color: #041430;
  background: #7286A9;
}
main .modalContents .textArea .lead {
  padding-bottom: 1.38889vw;
}
main .modalContents .textArea .scheduleText {
  display: block;
  padding-bottom: .8vw;
}
main .modalContents .textArea .linkButtons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1vw 2%;
  padding-bottom: 1.11111vw;
}
main .modalContents .textArea .linkButtons.center {justify-content: center;}
main .modalContents .textArea .linkButtons li {flex: 0 0 49%;}
main .modalContents .textArea .linkButtons li.hidden {display: none !important;}
main .modalContents .textArea .linkButtons li a {
  height: 4.44444vw;
  border-radius: 2.22222vw;
  text-align: center;
  line-height: 1.2;
  font-size: 0.97222vw;
}
main .modalContents .textArea .linkButtons li a:before {
  width: 1.66667vw;
  height: 1.31944vw;
}
main .modalContents .textArea .annotation {line-height: 1.4;}
main .modalContents .textArea .otherLinks {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: .5vw 3.9vw;
  padding-top: 2.08333vw;
}
main .modalContents .textArea .otherLinks li a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.55556vw;
  font-size: 1.11111vw;
}
main .modalContents .textArea .otherLinks li a img {
  width: 2.22222vw;
}
main li.modalTrigger,
main img.modalTrigger {
  cursor: pointer;
}
@media (min-width: 1025px) {
  main li.modalTrigger:hover,
  main img.modalTrigger:hover {
    opacity: .7;
  }
}
main .sections,
main .wrapper {
  position: relative;
  z-index: 1;
}



@media (max-width: 767px) {
  main {
    padding-bottom: 16vw;
    background-repeat: no-repeat;
    background-position: center 110vw;
     /*background-size: 100% 100%;*/
    background-color: #1a4287;
  }
  .performance main {
    background-image: url(https://img.dormy-hotels.com/information/tokyobay_musicevent/img/sp/content-bg.webp);
  }
  .staging main {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/sp/content-bg.webp);
  }
  .develop main {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/sp/content-bg.webp);
  }
  main .wrap {width: 90%;}
  main .commonText01 {
    line-height: 1;
    font-size: 16vw;
  }
  main .commonText02 {
    line-height: 1;
    font-size: 11.2vw;
  }
  main .commonText03 {
    line-height: 1;
    font-size: 6.4vw;
  }
  main .commonText04 {
    line-height: 1;
    font-size: 6vw;
  }
  main .commonText05 {
    line-height: 1;
    font-size: 5.6vw;
  }
  main .commonText06 {
    line-height: 1;
    font-size: 5.2vw;
  }
  main .commonText07 {
    line-height: 1;
    font-size: 4.8vw;
  }
  main .commonText08 {
    line-height: 1;
    font-size: 4.4vw;
  }
  main .commonText09 {
    line-height: 1;
    font-size: 4vw;
  }
  main .commonText10 {
    line-height: 1;
    font-size: 3.6vw;
  }
  main .commonText11 {
    line-height: 1;
    font-size: 3.2vw;
  }
  main .commonText12 {
    line-height: 1;
    font-size: 3vw;
  }
  main .commonText13 {
    line-height: 1;
    font-size: 2.8vw;
  }
  main .commonText14 {
    line-height: 1;
    font-size: 2.4vw;
  }
  main .commonText15 {
    line-height: 1;
    font-size: 2vw;
  }
  main .commonButton01 a {
    gap: 0 2.6vw;
    height: 16vw;
    border-radius: 8vw;
    font-size: 4vw;
  }
  main .commonButton01 a:before {
    width: 6vw;
    height: 4.6vw;
  }
  main .commonButton02 a {
    gap: 0 3.6vw;
    height: 20.8vw;
    border-radius: 10.4vw;
    font-size: 4vw;
  }
  main .commonButton02 a:before {
    width: 4vw;
    height: 6vw;
  }
  main .commonOrnament01 {
    gap: 3.2vw 0;
  }
  main .commonOrnament01:before {
    width: 43.4vw;
    height: 5vw;
  }
  main .commonOrnament02 {
    gap: 0 6.4vw;
  }
  main .commonOrnament02:before, main .commonOrnament02:after {
    width: 20vw;
    height: 8vw;
  }
  main .modalContents .modalWrapper {
    padding: 10vw 0;
    max-width: 90%;
  }
  main .modalContents .inner {
    flex-direction: column;
    justify-content: normal;
    gap: 4vw 0;
    margin: auto;
    padding: 8vw 4.8vw;
    border-radius: 3.2vw;
    overflow: auto;
  }
  main .modalContents .closeButton {
    top: 4vw;
    right: 4vw;
    width: 4.8vw;
    height: 4.8vw;
  }
  main .modalContents .image {
    flex: 0 0 auto;
    margin: auto;
    width: 70%;
  }
  main .modalContents .textArea {
    flex: 0 0 auto;
  }
  main .modalContents .textArea .name {
    padding-bottom: 1.6vw;
  }
  main .modalContents .textArea .category {
    margin-bottom: 4vw;
    padding: 1vw 1.6vw;
    border-radius: 2.4vw;
    font-size: 2.6vw;
  }
  main .modalContents .textArea .categorys {
    gap: .2vw .25vw;
    margin-bottom: 4vw;
  }
  main .modalContents .textArea .categorys li {
    padding: 1vw 1.6vw;
    border-radius: 2.4vw;
    font-size: 2.6vw;
  }
  main .modalContents .textArea .lead {
    padding-bottom: 4vw;
  }
  main .modalContents .textArea .scheduleText {
    padding-bottom: 3vw;
    font-size: 2.8vw;
  }
  main .modalContents .textArea .linkButtons {
    flex-direction: column;
    justify-content: normal;
    gap: 3vw 0;
    padding-bottom: 3.2vw;
  }
  main .modalContents .textArea .linkButtons li {
    flex: 0 0 auto;
  }
  main .modalContents .textArea .linkButtons li a {
    height: 12.8vw;
    border-radius: 6.4vw;
    font-size: 2.8vw;
  }
  main .modalContents .textArea .linkButtons li a:before {
    width: 4.8vw;
    height: 3.8vw;
  }
  main .modalContents .textArea .otherLinks {
    gap: 2vw 10vw;
    padding-top: 6vw;
  }
  main .modalContents .textArea .otherLinks li a {
    gap: 0 1.6vw;
    font-size: 3.2vw;
  }
  main .modalContents .textArea .otherLinks li a img {
    width: 6.4vw;
  }
  main .wrapper {
    box-sizing: border-box;
    padding: 15.38461vw 2.5641vw 12.82051vw;
    border-radius: 6.15384vw;
    box-shadow: 1.53846vw 1.53846vw 0 0 #1F70C3;
  }
}
/*==================================================================================
 contents style
==================================================================================*/
main section.intro {
  padding: 5vw 0 5.55556vw;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/mv.webp) no-repeat center top;
  background-size: 100% auto;
}
main section.intro h1 {
  padding-bottom: 2.22222vw;
}
main section.intro h1 .small {
  display: block;
  line-height: 1;
  padding-top: 0.55556vw;
}
main section.intro .term {
  padding-bottom: 1.38889vw;
}
main section.intro .term .annotation {
  display: block;
  padding-top: 0.34722vw;
}
main section.intro .term + .lead {
  padding-bottom: 1.38889vw;
}
main section.intro .informations {
  display: flex;
  flex-direction: column;
  gap: 0.55556vw 0;
  margin: 0 auto 2.77778vw;
  text-align: left;
  width: 66.66667vw;
}
main section.intro .informations .small {
  display: block;
}
main section.intro .informations .annotation {
  padding-top: 0.34722vw;
}
main section.intro .informations .rounded {
  padding: 0.34722vw 0.83333vw;
  border-radius: 1.11111vw;
  background: linear-gradient(0deg, #A5852E, #DDC688);
}
main section.intro .informations .rounded.color02 {
  background: linear-gradient(0deg, #6D491A, #FFB065);
}
main section.intro .informations .rounded.color03 {
  background: #1E335C;
}
main section.intro .informations .rounded.alignNormal {
  display: flex;
  align-items: center;
  align-self: normal;
}
main section.intro .informations dl {
  display: flex;
  align-items: center;
  gap: 0 1.11111vw;
  padding: 1.04167vw 2.77778vw;
  border-radius: 0.55556vw;
  background: rgba(4, 20, 48, 0.7);
}
main section.intro .informations dt {
  min-width: 11.80556vw;
}
main section.intro .informations dt .small {
  padding-top: 0.55556vw;
}
main section.intro .informations dd {
  flex: 1 1 auto;
}
main section.intro .informations dd .small {
  padding-top: 0.20833vw;
}
main section.intro .informations dd > ul {
  display: flex;
  align-items: center;
  gap: 0.34722vw 1.66667vw;
}
main section.intro .informations dd > ul.column {
  flex-direction: column;
  align-items: flex-start;
}
main section.intro .informations dd > ul > li {
  display: flex;
  align-items: center;
  gap: 0 0.27778vw;
}
main section.intro .informations dd > ul .schedules {
  flex: 0 0 13.88889vw;
  display: flex;
  flex-direction: column;
  gap: 0.69444vw 0;
  margin-left: 0.41667vw;
}
main section.intro .informations dd > ul .schedules li {
  display: flex;
  align-items: center;
  gap: 0 0.55556vw;
  width: 13.88889vw;
}
main section.intro .informations dd > ul .schedules .time {
  flex: 0 0 5.97222vw;
}
main section.intro .informationsImage {
  margin: auto;
  padding-bottom: 2.77778vw;
  width: 63.88889vw;
}
main section.intro .linkButtons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.11111vw 0;
  margin: auto;
  padding-bottom: 1.11111vw;
  max-width: 60.83333vw;
}
main section.intro .linkButtons li {
  flex: 0 0 49%;
}
main section.intro .linkButtons li a {
  line-height: 1.2;
}
main section.intro .phoneReserve {
  padding-bottom: 5.55556vw;
}
main section.intro .phoneReserve .text {
  padding-bottom: 0.55556vw;
}
main section.intro .phoneReserve .number {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.34722vw;
}
main section.intro .phoneReserve .number:before {
  content: '';
  display: block;
  position: relative;
  width: 1.18056vw;
  height: 1.18056vw;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/icon-phone.svg) no-repeat center center;
  background-size: 100% 100%;
}
main section.intro .lead {
  gap: 1.66667vw 0;
}
main section.calendar {
  box-sizing: border-box;
  margin: auto;
  padding: 2.77777vw 2.77777vw 6.94444vw;
  width: 83.33333vw;
  border-radius: 1.66666vw;
  background: rgba(4, 20, 46, .7);
}
main section.calendar h2 {
  padding-bottom: 0.83333vw;
}
main section.calendar h2 + .lead {
  padding-bottom: 1.66667vw;
}
main section.calendar .calendarContents {
  margin: auto;
  width: 81.18056vw;
}
main section.calendar .calendarContents:not(.content05) {
  display: none;
}
main section.calendar .calendarContents .month {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 5vw;
  padding-bottom: 1.11111vw;
}
main section.calendar .calendarContents .month .textArea {
  min-width: 6em;
}
main section.calendar .calendarContents .month .buttons {
  cursor: pointer;
  width: 2.29167vw;
  height: 2.29167vw;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/icon-arrow01.svg) no-repeat center center;
  background-size: 100% 100%;
}
main section.calendar .calendarContents .month .buttons.prev {
  transform: rotate(180deg);
}
@media (min-width: 1025px) {
  main section.calendar .calendarContents .month .buttons:hover {
    opacity: .7;
  }
}
main section.calendar .calendarContents .month .buttons.disabled {
  pointer-events: none;
  opacity: .3;
}
main section.calendar .calendarContents .weeks {
  display: flex;
  justify-content: space-between;
  gap: 0 1.11111vw;
  padding: 0 0.55556vw 1.66667vw;
}
main section.calendar .calendarContents .weeks span {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.94444vw;
  border-radius: 0.97222vw;
  color: #041430;
  background: #D6E5FF;
}
main section.calendar .calendarContents .weeks span:first-child {
  color: #fff;
  background: #772527;
}
main section.calendar .calendarContents .weeks span:last-child {
  color: #fff;
  background: #0368B8;
}
main section.calendar .calendarContents .days {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.03472vw 0;
}
main section.calendar .calendarContents .days li {
  flex: 0 0 14.2%;
  padding-bottom: 0.97222vw;
  background: rgba(10, 26, 53, 0.8);
}
main section.calendar .calendarContents .days li:nth-child(7n+1) .number, main section.calendar .calendarContents .days li.holiday .number {
  color: #fff;
  background: #772527;
}
main section.calendar .calendarContents .days li:nth-child(7n) .number {
  color: #fff;
  background: #0368B8;
}
main section.calendar .calendarContents .days li.noEvent .number {
  background: #7286A9;
}
main section.calendar .calendarContents .days li.noEvent:nth-child(7n+1) .number, main section.calendar .calendarContents .days li.noEvent.holiday .number {
  background: #461516;
}
main section.calendar .calendarContents .days li.noEvent:nth-child(7n) .number {
  background: #003762;
}
main section.calendar .calendarContents .days li.empty .number {
  opacity: 0;
}
main section.calendar .calendarContents .days .number {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.69444vw;
  height: 1.94444vw;
  color: #041430;
  background: #D6E5FF;
}
main section.calendar .calendarContents .days .image {
  margin: 0 auto 1.11111vw;
  border-radius: 0.55556vw;
  width: 7.22222vw;
  overflow: hidden;
}
main section.calendar .calendarContents .days .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0.83333vw;
  padding: 0 1.11111vw;
  height: 5.55556vw;
}
main section.calendar .calendarContents .days .text.twoLineName {
  margin-top: -.55vw;
  height: 6.1vw;
}
main section.calendar .calendarContents .days .text.twoLineName .category {margin-top: .3vw;}
main section.calendar .calendarContents .days .text .category {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.55556vw;
  padding-top: 0.55556vw;
  height: 3.47222vw;
  border-top: 1px solid #fff;
}
main section.calendar .calendarContents .days .text .annotation {
  display: block;
  padding-top: 0.55556vw;
  line-height: 1;
  font-size: 0.625vw;
}
main section.calendar .calendarContents .days .moreButton,
main section.calendar .calendarContents02 .days .moreButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.55556vw;
  box-sizing: border-box;
  cursor: pointer;
  margin: auto;
  width: 6.11111vw;
  height: 1.94444vw;
  border: 1px solid #fff;
  border-radius: 0.97222vw;
  color: #D6E5FF;
  font-size: 0.83333vw;
  letter-spacing: .1em;
}
main section.calendar .calendarContents .days .moreButton:after,
main section.calendar .calendarContents02 .days .moreButton:after {
  content: '';
  display: block;
  position: relative;
  top: 0.03472vw;
  width: 0.69444vw;
  height: 0.69444vw;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/icon-arrow02.svg) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 1025px) {
  main section.calendar .calendarContents .days .moreButton:hover,
  main section.calendar .calendarContents02 .days .moreButton:hover {
    opacity: .7;
  }
}

main section.calendar .calendarChangeButtonArea {
  margin-bottom: 2.56944vw;
  padding-bottom: .75vw;
  border-bottom: 2px solid #fff;
  text-align: center;
  font-weight: bold;
}
main section.calendar .calendarChangeButtonArea .year {
  padding-bottom: .27777vw;
  line-height: 1;
  font-size: 1.11111vw;
}
main section.calendar .calendarChangeButtons {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0 2.1vw;
  font-size: 1.18055vw;
}
main section.calendar .calendarChangeButtons li {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
main section.calendar .calendarChangeButtons li:not(.current) {
  padding: 0 1.3125vw .35vw;
}
@media (min-width:1025px){
  main section.calendar .calendarChangeButtons li:not(.current) {
    transition: transform .3s;
  }
  main section.calendar .calendarChangeButtons li:not(.current):hover {
    /*padding-bottom: .5vw;*/
    transform: scale(1.2) translateY(-.2vw);
  }
}
main section.calendar .calendarChangeButtons .number {
  font-size: 3.125vw;
}
main section.calendar .calendarChangeButtons .current {
  pointer-events: none;
  padding: .8335vw .861vw;
  border-radius: 50%;
  font-size: 1.66666vw;
  color: #041430;
  background: #fff;
}
main section.calendar .calendarChangeButtons .current:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(100% + .75vw - .5vw);
  left: calc(50% - .5vw);
  pointer-events: none;
  width: 1vw;
  height: 1vw;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  background: #041430;
  z-index: -1;
}
main section.calendar .calendarChangeButtons .current .number {
  font-size: 3.88888vw;
}

main section.calendar .calendarContents02 {
  margin: auto;
  width: 70vw;
}

main section.calendar .calendarContents02:not(.content04){display: none;}

main section.calendar .calendarContents02 .days li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 1.73611vw;
  padding: 2.22222vw 0;
  border-bottom: 1px solid #7286A9;
}

main section.calendar .calendarContents02 .days li:not(:first-child) {
  border-top: 1px solid #7286A9;
}

main section.calendar .calendarContents02 .days .day {
  flex: 0 0 8vw;
  font-size: 1.1vw;
}

main section.calendar .calendarContents02 .days .day .number {
  font-size: 2.77777vw;
}

main section.calendar .calendarContents02 .days .saturday .day {
  color: #4FB1FF;
}
main section.calendar .calendarContents02 .days .holiday .day {
  color: #F2484C;
}

main section.calendar .calendarContents02 .days .content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 0 1.66666vw;
}

main section.calendar .calendarContents02 .days .content .image {
  flex: 0 0 7.77777vw;
}

main section.calendar .calendarContents02 .days .content .text {
  flex: 1 1 auto;
  line-height: 1;
  text-align: left;
  font-size: 1.527777vw;
  font-weight: bold;
}

main section.calendar .calendarContents02 .days .content .text .category {
  display: inline-flex;
  align-items: center;
  margin-top: 1.11111vw;
  padding: 0 .55555vw;
  height: 1.25vw;
  border-radius: 6.25vw;
  line-height: 1;
  color: #041430;
  font-size: .69444vw;
  background: #7286A9;
}

main section.calendar .calendarContents02 .days .content .text .category + .category {
  margin-left: .25vw;
}

main section.calendar .calendarContents02 .days .moreButton {
  flex: 0 0 7.22222vw;
  width: auto;
}

main section.calendar .calendarContents02 .days .multipleContents {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0 1.73611vw;
  width: auto;
}

main section.calendar .calendarContents02 .days .multipleContents .content + .content {
  margin-top: 2.22222vw;
  padding-top: 2.22222vw;
  border-top: 1px dashed #7286A9;
}

main section.calendar .calendarContents02 .days .multipleContents .content .text {line-height: 1.5;}

main section.calendar .calendarContents02 .days .multipleContents .content .category {margin-top: .7vw;}

main section.calendar + .linksArea {
  display: flex;
  padding: 5.55556vw 0;
}
main section.calendar + .linksArea > li {
  /*flex: 0 0 50%;*/
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.33333vw 0;
  height: 41.66667vw;
  background: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/links-bg01.webp) no-repeat center center;
  background-size: cover;
}
main section.calendar + .linksArea > li:last-child {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/links-bg02.webp);
}
main section.calendar + .linksArea > li .linkButtons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.11111vw 0;
  width: 61.11111vw;
}
main section.calendar + .linksArea > li .linkButtons li {
  flex: 0 0 49%;
}
main section.calendar + .linksArea > li .linkButtons li a {
  line-height: 1.2;
}
main section.calendar + .linksArea > li .button {
  width: 27.77778vw;
}
main section.calendar + .linksArea > li .annotation {
  margin-top: -1.38889vw;
}
main section.attentions {
  margin: auto;
  padding: 2.77778vw;
  width: 55.55556vw;
  background: rgba(255, 255, 255, 0.08);
}
main section.attentions h3 {
  padding-bottom: 2.08333vw;
}
main section.attentions li {
  font-feature-settings: normal;
}
main section.attentions + .button {
  margin: auto;
  padding-top: 5vw;
  width: 30vw;
}

main section.attentions + .button a:before {display: none;}



@media (max-width: 767px) {
  main section.intro {
    padding: 18vw 0 16vw;
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/tokyobay_musicevent/img/sp/mv.webp);
  }
  main section.intro h1 {
    padding-bottom: 5.2vw;
    line-height: 1.2;
  }
  main section.intro h1 .small {
    padding-top: 1.6vw;
  }
  main section.intro .term {
    gap: 0 3.6vw;
    padding-bottom: 4vw;
    line-height: 1.2;
  }
  main section.intro .term .inner {
    line-height: 1.5;
  }
  main section.intro .term .annotation {
    padding-top: 1vw;
  }
  main section.intro .term + .lead {
    padding-bottom: 4vw;
  }
  main section.intro .informations {
    gap: 1.6vw 0;
    margin: 0 auto 8vw;
    width: 94%;
  }
  main section.intro .informations .annotation {
    padding-top: 1vw;
  }
  main section.intro .informations .rounded {
    padding: 1vw 2.4vw;
    border-radius: 3.2vw;
  }
  main section.intro .informations dl {
    flex-direction: column;
    gap: 4vw 0;
    padding: 5vw 6vw;
    border-radius: 1.6vw;
  }
  main section.intro .informations dt {
    min-width: 0;
    text-align: center;
  }
  main section.intro .informations dt .small {
    padding-top: 1.6vw;
  }
  main section.intro .informations dd {
    flex: 0 0 auto;
  }
  main section.intro .informations dd .small {
    padding-top: 0.6vw;
  }
  main section.intro .informations dd > ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 3vw 4.8vw;
  }
  main section.intro .informations dd > ul.column {
    flex-direction: column;
    align-items: flex-start;
  }
  main section.intro .informations dd > ul > li {
    display: flex;
    align-items: center;
    gap: 0 0.8vw;
  }
  main section.intro .informations dd > ul .schedules {
    flex: 0 0 40vw;
    display: flex;
    flex-direction: column;
    gap: 2vw 0;
    margin-left: 1.2vw;
  }
  main section.intro .informations dd > ul .schedules li {
    display: flex;
    align-items: center;
    gap: 0 1.6vw;
    width: 40vw;
  }
  main section.intro .informations dd > ul .schedules .time {
    flex: 0 0 17.2vw;
  }
  main section.intro .informationsImage {
    padding-bottom: 8vw;
    width: 90%;
  }
  main section.intro .linkButtons {
    flex-direction: column;
    justify-content: normal;
    gap: 4vw 0;
    margin: auto;
    padding-bottom: 3.2vw;
    width: 86%;
    max-width: 175.2vw;
  }
  main section.intro .linkButtons li {
    flex: 0 0 auto;
  }
  main section.intro .phoneReserve {
    padding-bottom: 16vw;
  }
  main section.intro .phoneReserve .text {
    padding-bottom: 1.6vw;
  }
  main section.intro .phoneReserve .number {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 1vw;
  }
  main section.intro .phoneReserve .number:before {
    width: 3.4vw;
    height: 3.4vw;
  }
  main section.intro .lead {
    gap: 4.8vw 0;
    margin: auto;
    width: 90%;
  }
  main section.calendar {
    padding-bottom: 16vw;
    width: 94vw;
  }
  main section.calendar h2 {
    padding-bottom: 2.4vw;
  }
  main section.calendar h2 span {
    line-height: 1.3;
  }
  main section.calendar h2 + .lead {
    padding-bottom: 4.8vw;
  }
  main section.calendar .calendarContents {
    width: auto;
  }
  main section.calendar .calendarContents .swipeIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 3vw;
    padding: 2vw 0 4vw;
    font-size: 4vw;
  }
  main section.calendar .calendarContents .swipeIcon img {
    width: 10vw;
  }
  main section.calendar .calendarContents .scrollArea {
    box-sizing: border-box;
    padding: 0 3vw;
    width: 100vw;
    overflow: auto;
  }
  main section.calendar .calendarContents .weeks,
  main section.calendar .calendarContents .days {
    width: 233.8vw;
  }
  main section.calendar .calendarContents .month {
    gap: 0 14.4vw;
    padding-bottom: 3.2vw;
  }
  main section.calendar .calendarContents .month .buttons {
    cursor: pointer;
    width: 6.6vw;
    height: 6.6vw;
  }
  main section.calendar .calendarContents .weeks {
    gap: 0 3.2vw;
    padding: 0 1.6vw 4.8vw;
  }
  main section.calendar .calendarContents .weeks span {
    height: 5.6vw;
    border-radius: 2.8vw;
  }
  main section.calendar .calendarContents .days {
    gap: 0.1vw 0;
  }
  main section.calendar .calendarContents .days li {
    padding-bottom: 2.8vw;
  }
  main section.calendar .calendarContents .days .number {
    margin-bottom: 2vw;
    height: 5.6vw;
  }
  main section.calendar .calendarContents .days .image {
    margin: 0 auto 3.2vw;
    border-radius: 1.6vw;
    width: 20.8vw;
  }
  main section.calendar .calendarContents .days .text {
    margin-bottom: 2.4vw;
    padding: 0 3.2vw;
    height: 16vw;
  }
  main section.calendar .calendarContents .days .text.twoLineName {
    margin-top: -2.2vw;
    height: 18.3vw;
  }
  main section.calendar .calendarContents .days .text.twoLineName .category {margin-top: .9vw;}
  main section.calendar .calendarContents .days .text .category {
    margin-top: 1.6vw;
    padding-top: 1.6vw;
    height: 12vw;
  }
  main section.calendar .calendarContents .days .text .annotation {
    padding-top: 1.6vw;
    font-size: 1.8vw;
  }
  main section.calendar .calendarContents .days .moreButton,
  main section.calendar .calendarContents02 .days .moreButton {
    gap: 0 1.6vw;
    width: 17.6vw;
    height: 5.6vw;
    border-radius: 2.8vw;
    font-size: 2.4vw;
  }
  main section.calendar .calendarContents .days .moreButton:after,
  main section.calendar .calendarContents02 .days .moreButton:after {
    top: 0.1vw;
    width: 2vw;
    height: 2vw;
  }

  main section.calendar .calendarContents02 .days .multipleContents {
    flex: 0 0 auto;
    gap: 0 1.73611vw;
    width: auto;
  }

  main section.calendar .calendarContents02 .days .multipleContents .content {position: relative;}

  main section.calendar .calendarContents02 .days .multipleContents .content + .content {
    margin-top: 6.31578vw;
    padding-top: 6.31578vw;
  }

  main section.calendar .calendarContents02 .days .multipleContents .content .text {line-height: 1.2;}

  main section.calendar .calendarContents02 .days .multipleContents .content .text .category {margin-top: 1.5vw;}

  main section.calendar .calendarContents02 .days .multipleContents .content .moreButton {bottom: 0;}

  main section.calendar .calendarContents02 .days .multipleContents .content.spBottomSpace01 {padding-bottom: 6vw;}
  main section.calendar .calendarContents02 .days .multipleContents .content.spBottomSpace02 {padding-bottom: 12vw;}
  main section.calendar .calendarContents02 .days .multipleContents .content.spBottomSpace03 {padding-bottom: 18vw;}

main section.calendar .calendarChangeButtonArea {
  margin-bottom: 2.10526vw;
  padding-bottom: 2vw;
}
main section.calendar .calendarChangeButtonArea .year {
  padding-bottom: 1.31578vw;
  line-height: 1;
  font-size: 3.15789vw;
}
main section.calendar .calendarChangeButtons {
  gap: 0 6.5vw;
  font-size: 3.15789vw;
}
main section.calendar .calendarChangeButtons li:not(.current) {
  padding: 0 4.095vw .35vw;
  transition: none;
}

main section.calendar .calendarChangeButtons .number {
  font-size: 8.42105vw;
}
main section.calendar .calendarChangeButtons .current {
  padding: 1.7vw 2vw;
  font-size: 5vw;
}
main section.calendar .calendarChangeButtons .current:after {
  top: calc(100% + 2.2vw - 1.25vw);
  left: calc(50% - 1.25vw);
  width: 2.5vw;
  height: 2.5vw;
}
main section.calendar .calendarChangeButtons .current .number {
  font-size: 12.63157vw;
}

main section.calendar .calendarContents02 {
  width: 88vw;
}

main section.calendar .calendarContents02 .days li {
  flex-direction: column;
  align-items: normal;
  justify-content: normal;
  gap: 1vw 0;
  position: relative;
  padding: 6.31578vw 0;
}

main section.calendar .calendarContents02 .days .day {
  flex: 0 0 auto;
  font-size: 3.68421vw;
  width: 25.26315vw;
}

main section.calendar .calendarContents02 .days .day .number {
  font-size: 8.42105vw;
}

main section.calendar .calendarContents02 .days .content {
  flex: 0 0 auto;
  align-items: flex-start;
  gap: 0 2.10526vw;
}

main section.calendar .calendarContents02 .days .content .image {
  flex: 0 0 25.26315vw;
}

main section.calendar .calendarContents02 .days .content .text {
  /*font-size: 4.5vw;*/
  font-size: 3.4vw;
}

main section.calendar .calendarContents02 .days .content .text .category {
  margin-top: 2.10526vw;
  padding: 0 2.10526vw;
  height: 4.47368vw;
  border-radius: 6.25vw;
  font-size: 2.36842vw;
}

main section.calendar .calendarContents02 .days .moreButton {
  flex: 0 0 auto;
  position: absolute;
  right: 6%;
  bottom: calc(50% - 17vw);
  width: 50vw;
}
main section.calendar + .linksArea {
    flex-direction: column;
    padding: 16vw 0;
  }
  main section.calendar + .linksArea > li {
    flex: 0 0 auto;
    gap: 6vw 0;
    padding: 10vw 0;
    height: auto;
  }
  main section.calendar + .linksArea > li .linkButtons {
    flex-direction: column;
    justify-content: normal;
    gap: 4vw 0;
    margin: auto;
    width: 86%;
    max-width: 175.2vw;
  }
  main section.calendar + .linksArea > li .button {
    width: 80vw;
  }
  main section.calendar + .linksArea > li .annotation {
    margin-top: -4vw;
  }
  main section.calendar + .linksArea > li .logo {
    width: 80%;
  }
  main section.attentions {
    padding: 8vw;
    width: 90%;
  }
  main section.attentions h3 {
    padding-bottom: 6vw;
  }
  main section.attentions + .button {width: 60vw;}
}