@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, #483b3b 0%, #834e4e 100%);
  height: 474px;
}
main .jumbotron .character-banners > div:nth-child(1) {
  background-color: #ff6f73;
}
main .jumbotron .character-banners > div:nth-child(2) {
  background-color: #a7bbe8;
}
main .jumbotron .character-banners > div:nth-child(3) {
  background-color: #fb6055;
}
main .jumbotron .character-banners > div:nth-child(4) {
  background-color: #fffb8c;
}
main .jumbotron .character-banners > div:nth-child(5) {
  background-color: #ffddb0;
}
main .jumbotron .character-banners > div:nth-child(6) {
  background-color: #f8d0ae;
}
main .jumbotron .character-acrylics {
  /** lgサイズ未満に適用 */
}
main .jumbotron .character-acrylics img {
  width: 358px;
}
main .jumbotron .character-acrylics img:nth-child(1) {
  top: -15px;
  left: -90px;
  z-index: 104;
}
main .jumbotron .character-acrylics img:nth-child(2) {
  top: -40px;
  left: 90px;
  z-index: 103;
}
main .jumbotron .character-acrylics img:nth-child(3) {
  top: -31px;
  left: 244px;
  z-index: 104;
}
main .jumbotron .character-acrylics img:nth-child(4) {
  top: -33px;
  left: 399px;
  z-index: 105;
}
main .jumbotron .character-acrylics img:nth-child(5) {
  top: -31px;
  left: 546px;
  z-index: 106;
}
main .jumbotron .character-acrylics img:nth-child(6) {
  top: -28px;
  left: 691px;
  z-index: 107;
}
@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 - 7px);
    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(133, 79, 79, 0) 70%, rgb(133, 79, 79) 100%) no-repeat, url("../../images/item-1st/background-pattern.png") repeat, linear-gradient(0, #000000 0%, #854f4f 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(160, 88, 88) 50%, rgb(160, 88, 88) 100%) no-repeat center top, linear-gradient(-90deg, rgba(12, 109, 183, 0) 0%, rgba(12, 109, 183, 0) 50%, rgb(160, 88, 88) 50%, rgb(160, 88, 88) 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%);
  padding-bottom: 200px;
}
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 {
  background: url(../../images/item-1st/campaign/title-pattern.png) repeat, linear-gradient(-25deg, rgb(78, 123, 225) 0%, rgb(132, 143, 223) 100%);
  text-shadow: 3px 3px 0px #4043a9;
}
main .campaign-container .campaign-title-noname {
  padding: 1em 0;
}
main .campaign-container .burst-card {
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1em;
}
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 {
  font-size: 0.7em;
  line-height: 1.1;
}