@charset "UTF-8";
:root {
  --noto-sans-font-family: Noto Sans JP, メイリオ, Meiryo, Hiragino Sans, Hiragino Kaku Gothic ProN, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

main {
  overflow-x: hidden;
}
main .jumbotron {
  background: url("./images/jumbotron.jpg") no-repeat center top, linear-gradient(0, #48413b 0%, #a99250 100%);
  height: 474px;
}
main .jumbotron .character-banners > div:nth-child(1) {
  background-color: #f7686a;
}
main .jumbotron .character-banners > div:nth-child(2) {
  background-color: #9b7dd9;
}
main .jumbotron .character-banners > div:nth-child(3) {
  background-color: #eec1db;
}
main .jumbotron .character-banners > div:nth-child(4) {
  background-color: #daaec4;
}
main .jumbotron .character-banners > div:nth-child(5) {
  background-color: #ffe09e;
}
main .jumbotron .character-banners > div:nth-child(6) {
  background-color: #beecfd;
}
main .jumbotron .character-acrylics {
  /** lgサイズ未満に適用 */
}
main .jumbotron .character-acrylics img {
  width: 358px;
}
main .jumbotron .character-acrylics img:nth-child(1) {
  top: -23px;
  left: -80px;
  z-index: 104;
}
main .jumbotron .character-acrylics img:nth-child(2) {
  top: -23px;
  left: 86px;
  z-index: 103;
}
main .jumbotron .character-acrylics img:nth-child(3) {
  top: -33px;
  left: 238px;
  z-index: 100;
}
main .jumbotron .character-acrylics img:nth-child(4) {
  top: -27px;
  left: 376px;
  z-index: 101;
}
main .jumbotron .character-acrylics img:nth-child(5) {
  top: -28px;
  left: 519px;
  z-index: 102;
}
main .jumbotron .character-acrylics img:nth-child(6) {
  top: -23px;
  left: 681px;
  z-index: 103;
}
@media (max-width: 991px) {
  main .jumbotron .character-acrylics img {
    width: 231px;
  }
  main .jumbotron .character-acrylics img:nth-child(1) {
    left: calc(50% - 115.5px - 139px);
    top: -135px;
    z-index: 103;
  }
  main .jumbotron .character-acrylics img:nth-child(2) {
    left: calc(50% - 115.5px + 2px);
    top: -135px;
    z-index: 102;
  }
  main .jumbotron .character-acrylics img:nth-child(3) {
    left: calc(50% - 115.5px + 114px);
    top: -135px;
    z-index: 101;
  }
  main .jumbotron .character-acrylics img:nth-child(4) {
    left: calc(50% - 115.5px - 108px);
    top: -58px;
    z-index: 104;
  }
  main .jumbotron .character-acrylics img:nth-child(5) {
    left: calc(50% - 115.5px - 4px);
    top: -58px;
    z-index: 105;
  }
  main .jumbotron .character-acrylics img:nth-child(6) {
    left: calc(50% - 115.5px + 103px);
    top: -58px;
    z-index: 106;
  }
}
@media (max-width: 400px) {
  main .jumbotron .character-acrylics img:nth-child(1) {
    left: calc(50% - 115.5px - 139px + 20px);
  }
  main .jumbotron .character-acrylics img:nth-child(3) {
    left: calc(50% - 115.5px + 114px - 20px);
  }
  main .jumbotron .character-acrylics img:nth-child(4) {
    left: calc(50% - 115.5px - 108px + 20px);
  }
  main .jumbotron .character-acrylics img:nth-child(6) {
    left: calc(50% - 115.5px + 103px - 20px);
  }
}
main .content-background {
  background: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(31, 41, 51, 0) 50%, rgb(118, 106, 68) 100%) no-repeat, url("../../images/item-1st/background-pattern.png") repeat, linear-gradient(0, #000000 0%, #766a44 100%) no-repeat, #000000;
  /** lgサイズ未満に適用 */
}
@media (max-width: 991px) {
  main .content-background {
    padding-top: 95px;
  }
}
main .campaign-background {
  background: url("./images/campaign-header.png") no-repeat top center, linear-gradient(90deg, rgba(12, 109, 183, 0) 0%, rgba(12, 109, 183, 0) 50%, rgb(169, 146, 80) 50%, rgb(169, 146, 80) 100%) no-repeat center top, linear-gradient(-90deg, rgba(12, 109, 183, 0) 0%, rgba(12, 109, 183, 0) 50%, rgb(169, 146, 80) 50%, rgb(169, 146, 80) 100%) no-repeat center 218px;
  background-size: auto, 100% 220px, 100% 220px;
}
main .campaign-container {
  background: linear-gradient(-25deg, rgba(182, 208, 255, 0.9) 0%, rgba(225, 235, 255, 0.9) 51%, rgba(251, 232, 253, 0.9) 100%);
}
main .campaign-container .showcase {
  display: flex;
  justify-content: center;
  align-items: center;
}
main .campaign-container .showcase.orange {
  max-width: 100%;
  width: 236px;
  aspect-ratio: 236/229;
}
main .campaign-container .showcase img {
  max-width: 100%;
  width: 100%;
}
main .campaign-container .reservation-text {
  width: max-content;
}
main .campaign-container .campaign-title {
  text-shadow: 3px 3px 0px #4043a9;
}
main .ticket-campaign {
  border: 1px solid #4d66d4;
  padding: 6px 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
  background: #ffffff;
  text-decoration: none;
  color: #3ea8ff;
  box-shadow: 3px 3px #5e78e9;
  font-family: var(--noto-sans-font-family);
}
main .ticket-campaign:hover {
  filter: brightness(1.2);
}
main .character-innerlinks .legend {
  padding-bottom: 0.5em;
}
main .character-innerlinks .legend .text-small-1 {
  font-size: 0.7em;
  line-height: 1.1;
}
main .character-innerlinks .legend .text-small-2 {
  font-size: 0.75em;
}