@charset "UTF-8";
/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box;
}

/**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
  * 1. Use the default cursor in all browsers (opinionated).
  * 2. Change the line height in all browsers (opinionated).
  * 3. Use a 4-space tab width in all browsers (opinionated).
  * 4. Remove the grey highlight on links in iOS (opinionated).
  * 5. Prevent adjustments of font size after orientation changes in
  *    IE on Windows Phone and in iOS.
  * 6. Breaks words to prevent overflow in all browsers (opinionated).
  */
html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
  * ========================================================================== */
/**
  * Remove the margin in all browsers (opinionated).
  */
body {
  margin: 0;
}

/**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Edge, Firefox, and Safari.
  */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
  * ========================================================================== */
/**
  * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
  */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
  * Remove the margin on nested lists in Edge 18- and IE.
  */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
  * 1. Correct the inheritance of border color in Firefox.
  * 2. Add the correct box sizing in Firefox.
  * 3. Show the overflow in Edge 18- and IE.
  */
hr {
  color: inherit; /* 1 */
  height: 0; /* 2 */
  overflow: visible; /* 3 */
}

/**
  * Add the correct display in IE.
  */
main {
  display: block;
}

/**
  * Remove the list style on navigation lists in all browsers (opinionated).
  */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
  * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
  */
nav li::before {
  content: "​";
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  * 3. Prevent overflow of the container in all browsers (opinionated).
  */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
  -ms-overflow-style: scrollbar; /* 3 */
}

/* Text-level semantics
  * ========================================================================== */
/**
  * Remove the gray background on active links in IE 10.
  */
a {
  background-color: transparent;
}

/**
  * Add the correct text decoration in Edge 18-, IE, and Safari.
  */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
b,
strong {
  font-weight: bolder;
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
  * Add the correct font size in all browsers.
  */
small {
  font-size: 80%;
}

/* Embedded content
  * ========================================================================== */
/*
  * Change the alignment on media elements in all browsers (opinionated).
  */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
  * Add the correct display in IE 9-.
  */
audio,
video {
  display: inline-block;
}

/**
  * Add the correct display in iOS 4-7.
  */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
  * Remove the border on iframes in all browsers (opinionated).
  */
iframe {
  border-style: none;
}

/**
  * Remove the border on images within links in IE 10-.
  */
img {
  border-style: none;
}

/**
  * Change the fill color to match the text color in all browsers (opinionated).
  */
svg:not([fill]) {
  fill: currentColor;
}

/**
  * Hide the overflow in IE.
  */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
  * ========================================================================== */
/**
  * 1. Collapse border spacing in all browsers (opinionated).
  * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
  * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
  */
table {
  border-collapse: collapse; /* 1 */
  border-color: inherit; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
  * ========================================================================== */
/**
  * Remove the margin on controls in Safari.
  */
button,
input,
select {
  margin: 0;
}

/**
  * 1. Show the overflow in IE.
  * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
  */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
  * Correct the inability to style buttons in iOS and Safari.
  */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
  * 1. Change the inconsistent appearance in all browsers (opinionated).
  * 2. Correct the padding in Firefox.
  */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
  * Show the overflow in Edge 18- and IE.
  */
input {
  overflow: visible;
}

/**
  * 1. Correct the text wrapping in Edge 18- and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
  * 1. Add the correct display in Edge 18- and IE.
  * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
  */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
  * Remove the inheritance of text transform in Firefox.
  */
select {
  text-transform: none;
}

/**
  * 1. Remove the margin in Firefox and Safari.
  * 2. Remove the default vertical scrollbar in IE.
  * 3. Change the resize direction in all browsers (opinionated).
  */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
  resize: block; /* 3 */
}

/**
  * Remove the padding in IE 10-.
  */
[type=checkbox],
[type=radio] {
  padding: 0;
}

/**
  * 1. Correct the odd appearance in Chrome, Edge, and Safari.
  * 2. Correct the outline style in Safari.
  */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
  * Correct the cursor style of increment and decrement buttons in Safari.
  */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
  * Remove the inner padding in Chrome, Edge, and Safari on macOS.
  */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
  * 1. Correct the inability to style upload buttons in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
  * Remove the inner border and padding of focus outlines in Firefox.
  */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
  * Restore the focus outline styles unset by the previous rule in Firefox.
  */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
  * Remove the additional :invalid styles in Firefox.
  */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
  * ========================================================================== */
/*
  * Add the correct display in Edge 18- and IE.
  */
details {
  display: block;
}

/*
  * Add the correct styles in Edge 18-, IE, and Safari.
  */
dialog {
  background-color: #fff;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
  * Add the correct display in all browsers.
  */
summary {
  display: list-item;
}

/* Scripting
  * ========================================================================== */
/**
  * Add the correct display in IE 9-.
  */
canvas {
  display: inline-block;
}

/**
  * Add the correct display in IE.
  */
template {
  display: none;
}

/* User interaction
  * ========================================================================== */
/*
  * Remove the tapping delay in IE 10.
  */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
}

/**
  * Add the correct display in IE 10-.
  */
[hidden] {
  display: none;
}

/* Accessibility
  * ========================================================================== */
/**
  * Change the cursor on busy elements in all browsers (opinionated).
  */
[aria-busy=true] {
  cursor: progress;
}

/*
  * Change the cursor on control elements in all browsers (opinionated).
  */
[aria-controls] {
  cursor: pointer;
}

/*
  * Change the cursor on disabled, not-editable, or otherwise
  * inoperable elements in all browsers (opinionated).
  */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
  * Change the display on visually hidden accessible elements
  * in all browsers (opinionated).
  */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* sanitize overwrite */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dd,
dt {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ol,
ul,
li {
  list-style: none;
}

a {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:focus {
  outline: none;
}

main {
  display: block;
}

button {
  background: none;
  border: none;
  cursor: pointer;
  font-family: initial;
  margin: 0;
  outline: none;
  padding: 0;
}

nav li:before {
  content: "";
  display: none;
}

:root {
  --screenHeight: 0px;
  --pageHeight: 0px;
}

@media (min-width: 561px) {
  html {
    font-size: 11.4871794872px;
  }
}
@media (max-width: 560px) {
  html {
    font-size: 2.0512820513vw;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  color: #000000;
  font-family: "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  -webkit-text-size-adjust: 100%;
}

img {
  display: block;
  height: auto;
  width: 100%;
}

iframe[name=google_conversion_frame] {
  height: 0;
  position: absolute;
}

@media (min-width: 1361px) {
  .l-unibirth-aside {
    position: fixed;
    top: 50%;
    left: 11.3%;
    transform: translateY(-50%);
    width: 32.2%;
  }
}
@media (max-width: 1450px) {
  .l-unibirth-aside {
    display: none;
  }
}

@media (min-width: 561px) {
  .l-unibirth-wide {
    background-image: url("/event/smilealive/unibirth/assets/img/bg_pattern.svg"), url("/event/smilealive/unibirth/assets/img/bg_pc.webp");
    background-position: top 0 left 0, center;
    background-repeat: repeat, no-repeat;
    background-size: 34px, cover;
    height: 100svh;
    left: 0;
    min-height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
  }
}

.l-unibirth-main {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 561px) {
  .l-unibirth-main {
    box-shadow: 0 0 8px #100033, 0 0 30px rgba(16, 0, 51, 0.5);
    margin-left: auto;
    margin-right: 18.2%;
    max-width: 560px;
  }
}
@media (max-width: 1450px) {
  .l-unibirth-main {
    margin: 0 auto;
  }
}

.l-unibirth-contents {
  padding-bottom: 5rem;
}

.l-footer {
  background-color: #28174c;
  padding: 3.875rem 6rem 3.4375rem;
}

.l-share {
  mix-blend-mode: exclusion;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}
@media (min-width: 561px) {
  .l-share {
    position: fixed;
    top: unset;
    left: unset;
    bottom: 1.25rem;
    right: 19.2%;
  }
}
@media (max-width: 1450px) {
  .l-share {
    position: fixed;
    top: unset;
    left: calc(50% + 20.5rem);
    bottom: 1.25rem;
    right: unset;
  }
}
@media (max-width: 560px) {
  .l-share {
    position: fixed;
    top: unset;
    left: unset;
    bottom: 1.25rem;
    right: 1.25rem;
  }
}
.l-share.-active {
  -webkit-animation: opaIn 0.3s ease-out forwards;
          animation: opaIn 0.3s ease-out forwards;
  pointer-events: auto;
}
.l-share.-off {
  -webkit-animation: opaOut 0.3s ease-out forwards;
          animation: opaOut 0.3s ease-out forwards;
  pointer-events: none;
}

@-webkit-keyframes opaIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes opaIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opaOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opaOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media (min-width: 561px) {
  .l-snsLinks {
    position: fixed;
    top: 50%;
    left: unset;
    bottom: unset;
    right: 1.25rem;
    transform: translateY(-50%);
  }
}
@media (max-width: 560px) {
  .l-snsLinks {
    display: none;
  }
}

.l-bg {
  height: 100lvh;
  overflow: hidden;
  width: 100%;
}
.l-bg.--main {
  background-image: url("/event/smilealive/unibirth/assets/img/bg_pattern.svg"), url("/event/smilealive/unibirth/assets/img/bg_sp.webp");
  background-position: top 0 left 0, top 0 left 50%;
  background-repeat: repeat, no-repeat;
  background-size: 4.1875rem, cover;
}
@media (min-width: 561px) {
  .l-bg {
    position: fixed;
    top: 0;
    right: 18.2%;
    max-width: 560px;
  }
}
@media (max-width: 1450px) {
  .l-bg {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.l-lines-wide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.l-lines-wide__item {
  background-size: cover;
}
.l-lines-wide__item.-ptn1 {
  background-image: url("/event/smilealive/unibirth/assets/img/bg_line_wide.webp");
  height: 198px;
  width: 176px;
}
.l-lines-wide__item.-ptn2 {
  background-image: url("/event/smilealive/unibirth/assets/img/bg_line_thin.webp");
  height: 198px;
  width: 144px;
}

.l-lines-wide__item--1 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% - 320px);
  left: calc(50% - 840px);
}

.l-lines-wide__item--2 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 30px);
}

.l-lines-wide__item--3 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% + 558px);
  left: calc(50% - 590px);
}

.l-lines-wide__item--4 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% - 540px);
  left: calc(50% + 930px);
}

.l-lines-wide__item--5 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% - 530px);
  left: calc(50% - 390px);
}

.l-lines-wide__item--6 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% - 420px);
  left: calc(50% + 10px);
}

.l-lines-wide__item--7 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% + 420px);
  left: calc(50% - 950px);
}

.l-lines-wide__item--8 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% + 618px);
  left: calc(50% - 78px);
}

.l-lines-wide__item--9 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% - 202px);
  left: calc(50% + 656px);
}

.l-lines-wide__item--10 {
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% + 438px);
  left: calc(50% + 866px);
}

.l-lines-nrw {
  position: absolute;
  top: 1.125rem;
  left: -3.5rem;
  width: 54.4375rem;
}

.l-lines-nrw__item--1 {
  fill: url("#grad1");
}

.l-lines-nrw__item--2 {
  fill: url("#grad2");
}

.l-lines-nrw__item--3 {
  fill: url("#grad3");
}

.l-lines-nrw__item--4 {
  fill: url("#grad4");
}

.l-lines-nrw__item--5 {
  fill: url("#grad5");
}

.l-lines-nrw__item--6 {
  fill: url("#grad6");
}

@media (min-width: 835px) {
  .c-visible_nrw {
    display: none;
  }
}

@media (min-width: 560px) {
  .c-visible_under_560 {
    display: none;
  }
}

@media (max-width: 560px) {
  .c-visible_over_560 {
    display: none;
  }
}

@media (max-width: 834px) {
  .c-visible_wide {
    display: none;
  }
}

.about__item {
  display: flex;
  gap: 0.5rem;
}
.about__item + .about__item {
  margin-top: 1.75rem;
}

.about__head {
  background-color: #232332;
  -webkit-clip-path: polygon(0 0, 100% 0%, 85.79% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 85.79% 100%, 0% 100%);
  height: 3rem;
  position: relative;
  width: 8.5rem;
}
.-date .about__head {
  margin-top: 1.5625rem;
}

.about__head__img {
  position: absolute;
  top: 0.9375rem;
  left: 0.9375rem;
  width: 4.25rem;
}
.-venue .about__head__img {
  width: 5.75rem;
}

.about__body {
  margin-left: 0.4375rem;
  position: relative;
  width: 26.375rem;
}
.about__body:before {
  background-color: #000;
  content: "";
  height: 0.125rem;
  width: 100%;
  position: absolute;
  top: 5.5rem;
  left: 0;
}
.-venue .about__body:before {
  content: none;
}
.-date .about__body:before {
  bottom: 7.5rem;
}

.about__detail.-title {
  padding-bottom: 0.4375rem;
  width: 22.125rem;
}
.about__detail.-date {
  padding-bottom: 1.0625rem;
  width: 24.1875rem;
}
.about__detail.-venue {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.2941176471;
  padding-bottom: 1.0625rem;
}

.about__detail__sub {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.3333333333;
  margin-top: 0.1875rem;
}

@-webkit-keyframes logoIn {
  0% {
    filter: brightness(1) saturate(100%);
    opacity: 0;
  }
  50% {
    filter: brightness(1.8) saturate(180%) drop-shadow(0 0 10px rgba(235, 235, 235, 0.6));
    opacity: 1;
  }
  100% {
    filter: brightness(1) saturate(100%);
    opacity: 1;
  }
}

@keyframes logoIn {
  0% {
    filter: brightness(1) saturate(100%);
    opacity: 0;
  }
  50% {
    filter: brightness(1.8) saturate(180%) drop-shadow(0 0 10px rgba(235, 235, 235, 0.6));
    opacity: 1;
  }
  100% {
    filter: brightness(1) saturate(100%);
    opacity: 1;
  }
}
@-webkit-keyframes logoLight {
  0% {
    filter: brightness(1) saturate(100%);
  }
  40% {
    filter: brightness(1.8) saturate(180%) drop-shadow(0 0 10px rgba(235, 235, 235, 0.6));
  }
  80% {
    filter: brightness(1) saturate(100%);
  }
}
@keyframes logoLight {
  0% {
    filter: brightness(1) saturate(100%);
  }
  40% {
    filter: brightness(1.8) saturate(180%) drop-shadow(0 0 10px rgba(235, 235, 235, 0.6));
  }
  80% {
    filter: brightness(1) saturate(100%);
  }
}
.p-anime-logo {
  filter: brightness(1) saturate(100%);
  opacity: 0;
  will-change: filter;
}
.-visible .p-anime-logo {
  -webkit-animation: logoIn 1.5s 0.2s forwards ease;
          animation: logoIn 1.5s 0.2s forwards ease;
}
.p-anime-logo.-loop {
  -webkit-animation: logoLight 2.9s 1.3s infinite ease;
          animation: logoLight 2.9s 1.3s infinite ease;
  opacity: 1;
}

.p-anime-text-in {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 0.5s ease;
  transition: clip-path 0.5s ease;
  transition: clip-path 0.5s ease, -webkit-clip-path 0.5s ease;
}
.p-anime-text-in.-mv {
  transition-delay: 0.2s;
}
.-visible .p-anime-text-in {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

@-webkit-keyframes lineLight {
  0% {
    filter: brightness(1) saturate(100%);
    opacity: 0;
  }
  50% {
    filter: brightness(1) saturate(180%);
    opacity: 1;
  }
  100% {
    filter: brightness(1) saturate(100%);
    opacity: 0;
  }
}

@keyframes lineLight {
  0% {
    filter: brightness(1) saturate(100%);
    opacity: 0;
  }
  50% {
    filter: brightness(1) saturate(180%);
    opacity: 1;
  }
  100% {
    filter: brightness(1) saturate(100%);
    opacity: 0;
  }
}
@-webkit-keyframes lineFlow {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  15% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  30% {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
}
@keyframes lineFlow {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  15% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  30% {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
}
.p-anime-line {
  -webkit-animation: lineFlow 2.7s 1.5s ease-out infinite;
          animation: lineFlow 2.7s 1.5s ease-out infinite;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  transition: -webkit-clip-path 0.2s ease;
  transition: clip-path 0.2s ease;
  transition: clip-path 0.2s ease, -webkit-clip-path 0.2s ease;
  will-change: filter;
}
.p-anime-line--1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  transition-delay: 0.8s;
}
.p-anime-line--2 {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  transition-delay: 1s;
}
.p-anime-line--3 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  transition-delay: 0.8s;
}
.p-anime-line--4 {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
  transition-delay: 1s;
}
.p-anime-line--5 {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
  transition-delay: 1.2s;
}
.p-anime-line--6 {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  transition-delay: 1.2s;
}
.p-anime-line--7 {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
  transition-delay: 1.2s;
}
.p-anime-line--pc1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  transition-delay: 0.8s;
}
.p-anime-line--pc2 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  transition-delay: 1s;
}
.p-anime-line--pc3 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  transition-delay: 0.8s;
}
.p-anime-line--pc4 {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
  transition-delay: 1s;
}
.p-anime-line.l-lines-wide__item {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}

.p-anime-chara {
  opacity: 0;
  transition: transform 0.4s ease-out, opacity 0.3s ease;
}
.p-anime-chara.-st {
  transition-delay: 0.8s;
}
.p-anime-chara.-nd {
  transition-delay: 0.95s;
}
.p-anime-chara.-rd {
  transition-delay: 1.1s;
}
.p-anime-chara.-to-up {
  transform: translate(-10.9%, 16.62%);
}
.p-anime-chara.-to-down {
  transform: translate(10%, -16.62%);
}
.-visible .p-anime-chara {
  opacity: 1;
  transform: translate(0, 0);
}

@-webkit-keyframes brightIn {
  0% {
    filter: brightness(1) saturate(100%);
  }
  50% {
    filter: brightness(1.4) saturate(180%);
  }
  100% {
    filter: brightness(1) saturate(100%);
  }
}

@keyframes brightIn {
  0% {
    filter: brightness(1) saturate(100%);
  }
  50% {
    filter: brightness(1.4) saturate(180%);
  }
  100% {
    filter: brightness(1) saturate(100%);
  }
}
.-visible .p-anime-bright {
  -webkit-animation: brightIn 1s 0.2s forwards;
          animation: brightIn 1s 0.2s forwards;
}

@-webkit-keyframes blockFadeInUp {
  from {
    opacity: 0;
    transform: translateY(ptr(10));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes blockFadeInUp {
  from {
    opacity: 0;
    transform: translateY(ptr(10));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-anime-block-in {
  opacity: 0;
}
.-visible .p-anime-block-in {
  -webkit-animation: blockFadeInUp 1s 0.2s forwards;
          animation: blockFadeInUp 1s 0.2s forwards;
}

@media (min-width: 1361px) {
  .aside__title {
    width: 100%;
  }
  .aside__title img {
    filter: drop-shadow(0 0 6px #35078c) drop-shadow(0 0 24px rgba(53, 7, 140, 0.6));
  }
}

@media (min-width: 1361px) {
  .aside__logos {
    display: flex;
    filter: drop-shadow(0 0 3px #35078c) drop-shadow(0 0 16px #35078c);
    gap: 3.2%;
    justify-content: center;
  }
}

@media (min-width: 1361px) {
  .aside__logo.-protostar {
    width: 14.1%;
  }
  .aside__logo.-legit {
    width: 11.4%;
  }
  .aside__logo.-jaxxjaxx {
    width: 13.2%;
  }
}

@media (min-width: 1361px) {
  .aside__date {
    filter: drop-shadow(0 0 3px #35078c) drop-shadow(0 0 16px #35078c);
    margin: 53px auto 0;
    width: 69.3%;
  }
}

.attention {
  color: #fff;
  filter: drop-shadow(0 0 3px black) drop-shadow(0 0 3px black) drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
  position: relative;
}
.attention .item {
  margin-top: 4rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 561px) {
  .attention .item {
    margin-top: 40px;
  }
}
.attention .ttl {
  font-size: 1.75rem;
}
.attention .subttl {
  font-size: 1.5rem;
  margin-top: 0.3125rem;
}
@media (min-width: 561px) {
  .attention .subttl {
    margin-top: 10px;
  }
}
.attention .txt {
  font-size: 1.375rem;
  padding-left: 1.75rem;
  position: relative;
}
@media (min-width: 561px) {
  .attention .txt {
    padding-left: 18px;
  }
}
.attention .txt + .attention .txt {
  margin-top: 0.5rem;
}
@media (min-width: 561px) {
  .attention .txt + .attention .txt {
    margin-top: 5px;
  }
}
.attention .txt::before {
  position: absolute;
  top: 1.4vw;
  left: 0.7vw;
  background: #fff;
  border-radius: 999px;
  content: "";
  height: 0.8125rem;
  width: 0.8125rem;
}
@media (min-width: 561px) {
  .attention .txt::before {
    height: 8px;
    left: 3px;
    top: 7px;
    width: 8px;
  }
}
.attention .txt.-noitem {
  padding-left: 0;
}
.attention .txt.-noitem::before {
  content: none;
}
.attention .txt.-access {
  margin-top: 0.3125rem;
}
@media (min-width: 561px) {
  .attention .txt.-access {
    margin-top: 10px;
  }
}
.attention .txt.-flower-head {
  margin-top: 0.9375rem;
}
.attention .txt a {
  text-decoration: underline;
}

.p-block {
  background-image: url("/event/smilealive/unibirth/assets/img/bg_parallelogram.webp");
  background-position: top 1px left 50%;
  background-repeat: no-repeat;
  background-size: auto 52.625rem;
  height: 52.625rem;
  margin-top: 7.125rem;
  padding-top: 7.125rem;
  position: relative;
}
.p-block + .p-block {
  margin-top: 4.5rem;
}
.p-block.-cast {
  background-image: url("/event/smilealive/unibirth/assets/img/bg_parallelogram_large.webp");
  height: 64.125rem;
  background-size: auto 64.125rem;
  padding-top: 7.25rem;
  background-position: top 1px left 55%;
}
.p-block.-ticket, .p-block.-goods {
  height: auto;
}
.p-block::before {
  position: absolute;
  top: 1.875rem;
  left: 10.4375rem;
  background-image: url("/event/smilealive/unibirth/assets/img/deco_ring.svg");
  background-position: top 0 left 0;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 15.6875rem;
  opacity: 0;
  transform: translateY(-15%);
  width: 21.125rem;
}
.p-block.-visible::before {
  -webkit-animation: ringDown 0.4s ease-out forwards;
          animation: ringDown 0.4s ease-out forwards;
}

@-webkit-keyframes ringDown {
  0% {
    opacity: 0;
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ringDown {
  0% {
    opacity: 0;
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-block__items {
  padding-left: 7.5rem;
  position: relative;
  z-index: 3;
}
.-ticket .p-block__items, .-goods .p-block__items {
  padding: 0 5rem;
}
.p-block__items.-attention {
  padding: 0 5rem;
}

.cast__item {
  display: flex;
  gap: 0.75rem;
  position: relative;
}
.cast__item + .cast__item {
  margin-top: 2.75rem;
}
.cast__item.-anela {
  margin-top: 4.25rem;
}

.cast__special {
  width: 21.8125rem;
  position: absolute;
  top: 0;
  left: 1.25rem;
}

.cast__deco {
  width: 4rem;
  background-size: contain;
  background-position: top 0 left 0;
  background-repeat: no-repeat;
}
.-protostar .cast__deco {
  background-image: url("/event/smilealive/unibirth/assets/img/deco_protostar.webp");
}
.-legit .cast__deco {
  background-image: url("/event/smilealive/unibirth/assets/img/deco_legit.webp");
}
.-jaxxjaxx .cast__deco {
  background-image: url("/event/smilealive/unibirth/assets/img/deco_jaxxjaxx.webp");
}
.-anela .cast__deco {
  background-image: url("/event/smilealive/unibirth/assets/img/deco_anela.webp");
  margin-top: 3.375rem;
}

.-protostar .cast__title {
  width: 19.8125rem;
}
.-legit .cast__title {
  width: 8.9375rem;
}
.-jaxxjaxx .cast__title {
  width: 18.6875rem;
}
.-anela .cast__title {
  width: 8.625rem;
  margin-top: 3.375rem;
}

.cast__names {
  margin-top: 0.9375rem;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 1.5714285714;
}

.foot {
  font-size: 1.5rem;
  line-height: 1.5833333333;
  color: #fff;
}

.foot__note {
  font-size: 1.375rem;
  line-height: 1.5454545455;
}

.foot__dl {
  margin-top: 2.4375rem;
  line-height: 1.75;
}
.foot__dl dt {
  min-width: 7.375rem;
}

.foot__col {
  gap: 1.625rem;
  display: flex;
}

.foot__hr {
  background-color: #505050;
  height: 0.125rem;
  margin-bottom: 0;
  margin-top: 4.0625rem;
  margin-left: -6rem;
  width: 48.75rem;
}

.foot__sns {
  padding-top: 4.125rem;
}

.foot__sns__head {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.foot__sns__icons {
  align-items: center;
  -moz-column-gap: 4.0625rem;
       column-gap: 4.0625rem;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.foot__sns__link {
  display: block;
  width: 2.5rem;
}

.foot__btn {
  margin-top: 3.625rem;
}
.foot__btn a {
  align-items: center;
  border: 0.125rem solid #fff;
  display: flex;
  font-size: 1.875rem;
  height: 5.5rem;
  justify-content: center;
  letter-spacing: 0.12em;
  line-height: 1;
  width: 100%;
}

.foot__copy {
  margin-top: 6.625rem;
  align-items: center;
  display: flex;
  font-size: 1.125rem;
  line-height: 1;
  justify-content: center;
}

.goods__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 5%;
  margin-top: 15px;
}
.goods__list.-scrollin {
  -webkit-animation: smilealiveIn 0.3s 0s forwards;
          animation: smilealiveIn 0.3s 0s forwards;
}

.goods__item {
  width: 47.4%;
}
@media (min-width: 561px) {
  .goods__item {
    cursor: pointer;
  }
}
@media (min-width: 835px) {
  .goods__item:hover .smilealive-goods__ph img {
    transform: scale(1.1);
  }
}
.goods__item.-nowpri {
  pointer-events: none;
}

.goods__ph {
  border: 1px solid #d7d7e6;
  overflow: hidden;
  position: relative;
}
.goods__ph::after {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/anime/1st/assets/img/page/special/contents/smilealive/common/ico/ico_modal.svg) no-repeat top center;
  content: "";
  height: 3rem;
  width: 3rem;
}
.goods__ph img {
  transition: transform 0.2s;
  width: 100%;
}

.goods__ttl {
  background: #232332;
  color: #fff;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3076923077;
  padding: 0.625rem 1.125rem 0.75rem;
}

.goods__offer {
  color: #fff;
  filter: drop-shadow(0 0 3px black) drop-shadow(0 0 3px black) drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
  font-size: 1.625rem;
  margin-top: 0.875rem;
  position: relative;
}

.goods__cont {
  background: rgba(255, 255, 255, 0.85);
  padding: 2.25rem 2.5rem;
}
.goods__cont + .goods__cont {
  margin-top: 5.1vw;
}
@media (min-width: 561px) {
  .goods__cont + .goods__cont {
    margin-top: 23px;
  }
}
.goods__cont.-scrollin {
  -webkit-animation: smilealiveIn 0.3s 0.2s forwards;
          animation: smilealiveIn 0.3s 0.2s forwards;
}
.goods__cont .title {
  font-size: 2rem;
  font-weight: 900;
  padding-left: 3rem;
  position: relative;
}
.goods__cont .title::before {
  position: absolute;
  top: 50%;
  border-color: #000000 transparent transparent transparent;
  border-style: solid;
  border-width: 4.3vw 2.5vw 0 2.5vw;
  content: "";
  height: 0;
  left: 0;
  transform: translateY(-50%);
  width: 0;
}
@media (min-width: 561px) {
  .goods__cont .title::before {
    border-width: 24px 14px 0 14px;
  }
}
.goods__cont .txt {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 1.375rem;
}
.goods__cont .schedule {
  display: flex;
  margin-top: 1.5rem;
  min-height: 7.375rem;
}
.goods__cont .date {
  align-items: center;
  background: #232332;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1.625rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.3461538462;
  text-align: center;
  width: 35%;
}
.goods__cont .time {
  align-items: center;
  border: 1px solid #a8b7bf;
  border-left: none;
  display: flex;
  flex-shrink: 0;
  font-size: 1.75rem;
  font-weight: 600;
  justify-content: center;
  line-height: 1.5;
  padding: 1.25rem 1.5rem;
  width: 64.9%;
}
.goods__cont .offer {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  margin-top: 1.5rem;
}
.goods__cont .offer__txt {
  padding-left: 2.5vw;
  position: relative;
}
.goods__cont .offer__txt.-kome {
  padding-left: 3.2vw;
}
@media (min-width: 561px) {
  .goods__cont .offer__txt.-kome {
    padding-left: 18px;
  }
}
.goods__cont .offer__txt.-kome::before {
  content: "※";
}
.goods__cont .offer__txt::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}
@media (min-width: 561px) {
  .goods__cont .offer__txt::before {
    top: 0px;
  }
}
.goods__cont .link {
  background: #fac000;
  border-radius: 999px;
  color: #000;
  font-size: 1.625rem;
  font-weight: 600;
  margin-top: 1.625rem;
  position: relative;
  text-align: center;
}
.goods__cont .link.-off {
  background: #bdbdc1;
  color: rgba(255, 255, 255, 0.5);
  font-size: 3.2vw;
  pointer-events: none;
}
@media (min-width: 561px) {
  .goods__cont .link.-off {
    font-size: 1rem;
  }
}
.goods__cont .link.-off::after {
  opacity: 0.5;
}
.goods__cont .link a {
  display: block;
  height: 100%;
  padding: 1.75rem 0;
  width: 100%;
}
.goods__cont .link::after {
  position: absolute;
  top: 50%;
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 0.625rem 0 1.2vw 1.0625rem;
  content: "";
  height: 0;
  right: 1.25rem;
  transform: translateY(-50%);
  width: 0;
}
@media (min-width: 561px) {
  .goods__cont .link::after {
    border-width: 7px 0 7px 12px;
    right: 14px;
  }
}

.p-head {
  background-color: #232332;
  -webkit-clip-path: polygon(0 0, 100% 0%, 85.79% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 85.79% 100%, 0% 100%);
  height: 6.4375rem;
  margin-bottom: 5.75rem;
  position: relative;
  width: 23.75rem;
  z-index: 3;
}

.p-head__img {
  position: absolute;
  left: 2.5rem;
  bottom: 0;
}
.p-head__img.-about {
  width: 18.5rem;
}
.p-head__img.-cast {
  width: 13.75rem;
}
.p-head__img.-ticket {
  width: 19.1875rem;
  position: absolute;
  left: 1.5625rem;
  bottom: 0;
}

.unibirth .c-modal.-active {
  z-index: 100;
}

@media (max-width: 834px) {
  .c-modal[data-modalid=detail] {
    padding: 18.4vw 0;
  }
}
@media (min-width: 835px) {
  .c-modal[data-modalid=detail] {
    min-height: 100vh;
    overflow-y: auto;
    padding: 100px 0;
  }
}
@media (max-width: 834px) {
  .c-modal[data-modalid=detail] .c-modal__close {
    right: 8.2vw;
  }
}

.unibirth .goods_modal {
  position: relative;
}
@media (max-width: 834px) {
  .goods_modal .c-modal__close {
    right: 8.2vw;
  }
}

.unibirth .goods_modal__image {
  width: 40.625rem;
}
.unibirth .-seat .goods_modal__image {
  width: 48.75rem;
}
.unibirth .goods_modal__image img {
  display: block;
  height: auto;
  max-width: unset;
  width: 100%;
}

.detail__main {
  color: #fff;
}
@media (min-width: 835px) {
  .detail__main {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 960px;
  }
}

@media (min-width: 835px) {
  .detail__images {
    flex-shrink: 0;
    width: 50%;
  }
}

@media (min-width: 835px) {
  .detail__info {
    width: 41.6%;
  }
}
@media (min-width: 835px) {
  [data-category=ticket] .detail__info {
    margin-top: -80px;
  }
}

.detail__swiper {
  aspect-ratio: 1/1;
  border: 1px solid rgb(235, 235, 235);
  width: 100%;
}
.detail__swiper img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.swiper-slide {
  width: 100% !important;
}

.detail__singleph {
  aspect-ratio: 1/1;
  background: #fff;
  margin-bottom: 6.4vw;
}
@media (min-width: 835px) {
  .detail__singleph {
    margin-bottom: 0;
  }
}
.detail__singleph img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.detail__thumb {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5vw;
  margin-bottom: 6.4vw;
  margin-top: 2.5vw;
}
@media (min-width: 835px) {
  .detail__thumb {
    gap: 10px;
    margin-bottom: 0;
    margin-top: 10px;
  }
}

.detail__thumb__item {
  aspect-ratio: 1/1;
  border: 1px solid rgb(235, 235, 235);
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.2s 0s ease;
  width: calc(25% - 1.9vw);
}
@media (min-width: 835px) {
  .detail__thumb__item {
    width: calc(10% - 9px);
  }
}
.detail__thumb__item.-active, .detail__thumb__item:hover {
  border: 1px solid #fff;
  opacity: 1;
}
.detail__thumb__item img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.detail__header {
  position: relative;
}

.detail__title {
  font-weight: 700;
}
@media (max-width: 834px) {
  .detail__title {
    font-size: 16px;
    line-height: 1.3125;
  }
}
@media (min-width: 835px) {
  .detail__title {
    font-size: 18px;
    line-height: 1.2777777778;
    padding: 0;
  }
  [data-modalid=tokuten_1] .detail__title {
    line-height: 1.4444444444;
  }
}

.detail__subtitle {
  font-size: 13px;
  margin-top: 20px;
  opacity: 0.5;
}
@media (min-width: 835px) {
  .detail__subtitle {
    font-size: 14px;
    margin-bottom: 0.5em;
  }
}

.detail__desc {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7692307692;
}
@media (min-width: 835px) {
  .detail__desc {
    font-size: 14px;
    line-height: 2;
  }
  [data-modalid=tokuten_1] .detail__desc {
    margin-top: 20px;
  }
}
.detail__desc a {
  text-decoration: underline;
}

.detail__pager {
  display: flex;
  justify-content: space-between;
  margin: 0 -2.4vw;
  transform: translate(0, -50%);
  width: calc(100% + 4.6vw);
  position: absolute;
  top: 50%;
  left: 0;
}
@media (min-width: 835px) {
  .detail__pager {
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0;
    width: 100%;
  }
}

.detail__pager__item {
  aspect-ratio: 22/36;
  background: url(/anime/1st/assets/img/common/ico/ico_arw_w.svg) no-repeat 50% 50%/100%;
  opacity: 0;
  pointer-events: none;
  width: 4.6vw;
}
@media (min-width: 835px) {
  .detail__pager__item {
    width: 38px;
  }
}
.detail__pager__item.-active {
  opacity: 0.2;
  pointer-events: initial;
}
.detail__pager__item.-prev {
  transform: rotate(180deg);
}

.detail__limit {
  background: #fff;
  color: #232332;
  display: inline-block;
  font-size: 13px;
  font-weight: 900;
  margin-top: 5px;
  padding: 2px 5px;
}
@media (min-width: 835px) {
  .detail__limit {
    font-size: 14px;
    margin-top: 10px;
    padding: 2px 5px;
  }
}

.tokutenlist {
  color: #fff;
}
@media (max-width: 834px) {
  .tokutenlist {
    padding: 15.3vw 7.6vw;
  }
}
@media (min-width: 835px) {
  .tokutenlist {
    margin: 150px 0;
    max-width: 960px;
    width: 100%;
  }
}

.tokutenlist__title {
  border: 1px solid #505050;
  padding: 15px;
  text-align: center;
}
@media (max-width: 834px) {
  .tokutenlist__title {
    font-size: 1.75rem;
  }
}
@media (min-width: 835px) {
  .tokutenlist__title {
    font-size: 1.4375rem;
    padding: 18px 0;
  }
}
@media (max-width: 834px) {
  .tokutenlist__title.-yoyaku {
    margin-top: 6.25rem;
  }
}
@media (min-width: 835px) {
  .tokutenlist__title.-yoyaku {
    margin-top: 100px;
  }
}

@media (min-width: 835px) {
  .tokutenlist__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8.1%;
    margin-top: 32px;
  }
}

.tokutenlist__item {
  border-bottom: 1px solid #505050;
  font-size: 1.375rem;
  padding: 15px 0;
  width: 100%;
}
@media (min-width: 835px) {
  .tokutenlist__item {
    font-size: 1.125rem;
    padding: 10px 0;
    width: 45.9%;
  }
}
.tokutenlist__item .title {
  color: #b171c3;
  font-weight: 600;
}
@media (max-width: 834px) {
  .tokutenlist__item .title {
    font-size: 1.375rem;
  }
}
@media (min-width: 835px) {
  .tokutenlist__item .title {
    font-size: 1.3125rem;
  }
}

.tokutenlist__offer {
  color: #fff;
  line-height: 1.4444444444;
  opacity: 0.7;
}
@media (max-width: 834px) {
  .tokutenlist__offer {
    font-size: 1.3125rem;
    margin-top: 1.875rem;
  }
}
@media (min-width: 835px) {
  .tokutenlist__offer {
    font-size: 1.125rem;
    margin-top: 20px;
  }
}

.mv {
  height: 101.25rem;
  margin-top: -4.875rem;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 10;
}

.mv__title {
  position: absolute;
  top: 31.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 45rem;
  z-index: 10;
}
@media (max-width: 1450px) {
  .mv__title {
    width: 42.75rem;
  }
}
.mv__title img {
  filter: drop-shadow(0 0 0.1875rem #35078c) drop-shadow(0 0 1.5rem #35078c);
}

.mv__date {
  position: absolute;
  top: 62.9375rem;
  left: 50%;
  filter: drop-shadow(0 0 0.125rem #35078c) drop-shadow(0 0 1rem #35078c);
  transform: translateX(-50%);
  width: 30.5625rem;
}
@media (max-width: 1450px) {
  .mv__date {
    width: 29.0625rem;
    position: absolute;
    top: 61.0625rem;
    left: 50%;
  }
}

.mv__charas {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-40%);
  width: 57.75rem;
  z-index: 5;
}

.mv__chara {
  width: 20.625rem;
}
.mv__chara--01 {
  position: absolute;
  top: 4.75rem;
  left: -6.0625rem;
}
.mv__chara--02 {
  position: absolute;
  top: 11.875rem;
  left: -2rem;
}
.mv__chara--03 {
  position: absolute;
  top: 4.75rem;
  left: 10.375rem;
}
.mv__chara--04 {
  position: absolute;
  top: 11.875rem;
  left: 14.375rem;
}
.mv__chara--05 {
  position: absolute;
  top: 4.75rem;
  left: 26.75rem;
}
.mv__chara--06 {
  position: absolute;
  top: 11.875rem;
  left: 30.9375rem;
}
.mv__chara--07 {
  position: absolute;
  top: 72.625rem;
  left: -4.0625rem;
}
@media (max-width: 1450px) {
  .mv__chara--07 {
    position: absolute;
    top: 70.75rem;
    left: -4.0625rem;
  }
}
.mv__chara--08 {
  position: absolute;
  top: 79.75rem;
  left: 0rem;
}
@media (max-width: 1450px) {
  .mv__chara--08 {
    position: absolute;
    top: 77.875rem;
    left: 0rem;
  }
}
.mv__chara--09 {
  position: absolute;
  top: 72.625rem;
  left: 12.375rem;
}
@media (max-width: 1450px) {
  .mv__chara--09 {
    position: absolute;
    top: 70.75rem;
    left: 12.375rem;
  }
}
.mv__chara--10 {
  position: absolute;
  top: 79.75rem;
  left: 16.5rem;
}
@media (max-width: 1450px) {
  .mv__chara--10 {
    position: absolute;
    top: 77.875rem;
    left: 16.5rem;
  }
}
.mv__chara--11 {
  position: absolute;
  top: 72.625rem;
  left: 28.875rem;
}
@media (max-width: 1450px) {
  .mv__chara--11 {
    position: absolute;
    top: 70.75rem;
    left: 28.875rem;
  }
}

.share {
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.share__head {
  color: #fff;
  flex-shrink: 0;
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: 0.16em;
  line-height: 1;
  text-orientation: mixed;
  writing-mode: vertical-rl;
}

.share__link {
  display: block;
  flex-shrink: 0;
}
.share__link.-x {
  width: 2.1875rem;
}
.share__link.-line {
  width: 2.8125rem;
}

.snsLinks {
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.snsLinks__head {
  color: #fff;
  flex-shrink: 0;
  font-weight: 500;
  letter-spacing: 0.16em;
  line-height: 1;
  text-orientation: mixed;
  writing-mode: vertical-rl;
  font-size: 0.8125rem;
}

.snsLinks__link {
  display: block;
  flex-shrink: 0;
  width: 1.75rem;
}

.ticket__item {
  display: flex;
  gap: 0.75rem;
}
.ticket__item + .ticket__item {
  margin-top: 2.75rem;
}

.ticket__cont .modalph {
  border: 1px solid #d7d7e6;
  height: 34.1875rem;
  margin: 10px 0;
  overflow: hidden;
  position: relative;
}
@media (min-width: 561px) {
  .ticket__cont .modalph {
    cursor: pointer;
    height: 387px;
    margin: 14px 0;
  }
}
.ticket__cont .modalph::after {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/anime/1st/assets/img/page/special/contents/smilealive/common/ico/ico_modal.svg) no-repeat top center;
  content: "";
  height: 3rem;
  width: 3rem;
}
@media (min-width: 561px) {
  .ticket__cont .modalph::after {
    height: 35px;
    width: 35px;
  }
}
.ticket__cont .modalph.-seat {
  border: none;
  cursor: auto;
  height: 51.75rem;
}
.ticket__cont .modalph.-seat:after {
  content: none;
}
@media (min-width: 561px) {
  .ticket__cont .modalph.-seat {
    cursor: pointer;
    height: 594px;
  }
  .ticket__cont .modalph.-seat:after {
    content: "";
  }
}
.ticket__cont .modalph span {
  display: block;
}
.ticket__cont .modalph img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  transform: translate(-50%, -50%);
  width: 100%;
}

.ticket__cont__head {
  position: relative;
  font-size: 2rem;
  font-weight: 900;
  padding-left: 3rem;
}
.ticket__cont__head::before {
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #000;
  -webkit-clip-path: polygon(50% 2.125rem, 0% 0%, 2.5rem 0%);
          clip-path: polygon(50% 2.125rem, 0% 0%, 2.5rem 0%);
  content: "";
  height: 2.125rem;
  transform: translateY(-50%);
  width: 2.5rem;
}
.ticket__cont__head:not(:first-of-type) {
  margin-top: 2.5rem;
}

.ticket__accitem {
  background: rgba(255, 255, 255, 0.85);
  margin-top: 10px;
}
.ticket__accitem .head {
  position: relative;
  background: #232332;
  color: #fff;
  cursor: pointer;
  font-size: 2.25rem;
  font-weight: 700;
  height: 6.125rem;
  letter-spacing: 0.06em;
  line-height: 5.9375rem;
  text-align: center;
}
.ticket__accitem .head::after {
  position: absolute;
  top: 50%;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 0.625rem 0 0.625rem 1.0625rem;
  content: "";
  height: 0;
  right: 1.875rem;
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.2s;
  width: 0;
}
.ticket__accitem .head.-end {
  background-color: #8c8c8c;
  color: #666666;
}
.ticket__accitem .head.-end::after {
  border-color: transparent transparent transparent #666666;
}
.ticket__accitem .head.-official {
  font-size: 1.9375rem;
  padding-left: 1.3125rem;
  text-align: left;
}
.ticket__accitem .head.-famima {
  padding-left: 1.8125rem;
  text-align: left;
}
.ticket__accitem .head.-active::after {
  transform: translateY(-50%) rotate(-90deg);
}
.ticket__accitem .head .end-text {
  background-color: #666666;
  color: #8c8c8c;
  font-size: 1.875rem;
  letter-spacing: 0;
  margin-left: 0.4375rem;
  padding: 0 0.625rem 0.25rem;
  vertical-align: 0.125rem;
}
.ticket__accitem .cont__inner {
  padding: 2rem 2.5rem;
}
.ticket__accitem .cont__inner.-link4 .link a {
  padding: 5px 0;
}
@media (min-width: 561px) {
  .ticket__accitem .cont__inner.-link4 .link a {
    padding: 7px 0;
  }
}
.ticket__accitem .date {
  display: flex;
  font-size: 1.75rem;
  font-weight: 700;
}
.ticket__accitem .date dt {
  flex-shrink: 0;
  width: 8.625rem;
}
.ticket__accitem .date dd {
  border-left: 0.0625rem solid #232332;
  padding-left: 1.5rem;
}
.ticket__accitem .link {
  background: #fac000;
  border-radius: 999px;
  color: #000;
  font-size: 1.75rem;
  font-weight: 700;
  margin-top: 1.625rem;
  position: relative;
  text-align: center;
}
.ticket__accitem .link a {
  display: block;
  height: 100%;
  padding: 13px 0;
  width: 100%;
}
@media (min-width: 561px) {
  .ticket__accitem .link a {
    padding: 15px 0;
  }
}
.ticket__accitem .link::after {
  position: absolute;
  top: 50%;
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 1.2vw 0 1.2vw 2.1vw;
  content: "";
  height: 0;
  right: 3.8vw;
  transform: translateY(-50%);
  width: 0;
}
@media (min-width: 561px) {
  .ticket__accitem .link::after {
    border-width: 7px 0 7px 12px;
    right: 20px;
  }
}
.ticket__accitem .-playguide .link {
  margin-top: 5px;
}
.ticket__accitem .-playguide .link:first-of-type {
  margin-top: 10px;
}
@media (min-width: 561px) {
  .ticket__accitem .-playguide .link {
    margin-top: 10px;
  }
}
.ticket__accitem .-playguide .link a {
  padding: 5px 0;
}
@media (min-width: 561px) {
  .ticket__accitem .-playguide .link a {
    padding: 7px 0;
  }
}
.ticket__accitem .type {
  border: 0.125rem solid #232332;
  color: #232332;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1;
  margin-top: 1.75rem;
  padding: 0.75rem 0;
  text-align: center;
}
.ticket__accitem .price {
  display: flex;
  padding-top: 0.4375rem;
}
.ticket__accitem .price dt {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 1.75rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.3571428571;
  text-align: center;
  width: 15.875rem;
}
.ticket__accitem .price dt small {
  font-size: 1.5rem;
  font-weight: 500;
}
.ticket__accitem .price dd {
  font-size: 3.75rem;
  font-weight: 500;
}
.ticket__accitem .price dd small {
  font-size: 1.5rem;
  font-weight: 500;
}
.ticket__accitem .price + .price {
  border-top: 0.125rem dashed #a4a4a4;
  margin-top: 1rem;
}
.ticket__accitem .offer {
  font-size: 1.625rem;
  margin-top: 0.875rem;
}

.ticket__cont__bottom .offer {
  color: #fff;
  filter: drop-shadow(0 0 3px black) drop-shadow(0 0 3px black) drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
  font-size: 1.375rem;
  margin-top: 2.5rem;
  mix-blend-mode: exclusion;
}

.goods__tokuten__head {
  background: linear-gradient(135deg, rgb(255, 83, 145) 10%, rgb(255, 160, 0) 25%, rgb(255, 230, 0) 40%, rgb(100, 235, 100) 55%, rgb(0, 180, 255) 75%, rgb(193, 77, 225) 92%);
  margin-top: 5rem;
  padding: 1.0625rem;
}
@media (min-width: 561px) {
  .goods__tokuten__head {
    margin-top: 60px;
    padding: 12px;
  }
}
.goods__tokuten__head .title {
  background: #fff;
  color: #ff0000;
  font-size: 2.375rem;
  font-weight: 900;
  line-height: 1.3157894737;
  padding: 2.5rem 0;
  text-align: center;
}

.goods__tokuten__content {
  background: rgba(255, 255, 255, 0.85);
  padding: 2.5rem 2.5rem 2.8125rem;
}
@media (min-width: 561px) {
  .goods__tokuten__content {
    padding: 25px 28px 28px;
  }
}
.goods__tokuten__content .maintxt {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.5357142857;
  text-align: center;
}
.goods__tokuten__content .subtxt {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.6153846154;
  margin-top: 1.0625rem;
}
.goods__tokuten__content .offer {
  font-size: 1.5rem;
  margin-top: 1.125rem;
}
.goods__tokuten__content .offer__txt {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  padding-left: 1.5625rem;
  position: relative;
}
.goods__tokuten__content .offer__txt::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.goods__tokuten__content .present {
  height: auto;
  margin: 0.625rem 0;
  width: 100%;
}
.goods__tokuten__content .present img {
  height: auto;
  width: 100%;
}

.goods__tokuten__btn {
  align-items: center;
  border: 2px solid #000;
  border-radius: 999px;
  color: #000;
  display: flex;
  font-size: 1.625rem;
  font-weight: 600;
  height: 5.25rem;
  justify-content: center;
  line-height: 1;
  margin: 1.4375rem 0;
  position: relative;
  text-align: left;
  width: 100%;
}
.goods__tokuten__btn:after {
  position: absolute;
  top: 50%;
  right: 15px;
  background: url(/anime/1st/assets/img/page/special/contents/re_smilealive/common/ico_plus.svg) no-repeat 0 0/100%;
  content: "";
  height: 13px;
  transform: translate(0, -50%);
  width: 13px;
}

.goods__tokuten__ph {
  cursor: pointer;
}

.goods__tokuten .modalph {
  border: 1px solid #d7d7e6;
  height: 34rem;
  margin: 10px 0;
  overflow: hidden;
  position: relative;
}
.goods__tokuten .modalph::after {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/anime/1st/assets/img/page/special/contents/smilealive/common/ico/ico_modal.svg) no-repeat top center;
  content: "";
  height: 3rem;
  width: 3rem;
}
@media (min-width: 561px) {
  .goods__tokuten .modalph::after {
    height: 35px;
    width: 35px;
  }
}
.goods__tokuten .modalph span {
  display: block;
}
.goods__tokuten .modalph img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  transform: translate(-50%, -50%);
  width: 100%;
}
.goods__tokuten .modalph.-np {
  pointer-events: none;
}
.goods__tokuten .modalph.-np::after {
  display: none;
}