@charset "UTF-8";
/* ==============================================================
*  base
* ============================================================ */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: inherit;
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

body {
  word-wrap: break-word;
}

section, main {
  display: block;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

i, em {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  line-height: 0;
}

* {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

:root {
  --base-color: #FFF;
  --sub-color: #FFF0EB;
  --primary-color: #FF5D29;
  --secondary-color: #290A00;
  --error-color: #ff2919;
  --text-color: #342117;
  --text-sub-color: #FFF;
  --radius-sm: 16px;
  --radius-md: 24px;
  --radius-lg: 40px;
  --layout-side-pc: 3vw;
  --layout-side-sp: 4vw;
  --member-blue: #1538ff;
  --member-green: #2bad00;
  --member-purple: #cf1bee;
  --member-pink: #ff9cb5;
  --member-yellow: #ffc107;
  --member-light-blue: #2dbeff;
  --member-white: #fff;
  --member-red: #ff2919;
}

.font-en {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
}

.font-jp {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
}

.txt_emoji {
  font-family: apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol;
}

/* 2.3 form
------------------------------ */
.form {
  width: 100%;
  margin: 0 auto;
}
.form dt {
  margin: 2em 0 0.75em;
}
.form dd {
  margin: 0 0 1em;
}

/* placeholder */
::-webkit-input-placeholder {
  color: var(--placeholder-color);
}

::-moz-placeholder {
  color: var(--placeholder-color);
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--placeholder-color);
}

:-moz-placeholder {
  color: var(--placeholder-color);
}

/* autofill */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset;
}

/* icon--required */
.icon--required {
  position: relative;
}
.icon--required:before {
  position: absolute;
  content: "必須";
  font-size: 10px;
  text-align: center;
  line-height: 1;
  padding: 2px 4px;
  margin-left: 4px;
  position: relative;
  background: var(--error-color);
  border-radius: 2px;
  letter-spacing: 0.01em;
  color: #fff;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .icon--required:before {
    padding: 3px 6px 3px;
    padding-left: 5px;
    font-size: 11px;
    vertical-align: inherit;
  }
}

.form--post dt:not(:has(.icon--required)) {
  position: relative;
}
.form--post dt:not(:has(.icon--required))::after {
  content: "任意";
  display: inline-block;
  font-size: 11px;
  text-align: center;
  line-height: 1;
  padding: 4px;
  margin-left: 4px;
  background: #b1b1b1;
  border-radius: 2px;
  letter-spacing: 0.01em;
  color: #fff;
  vertical-align: middle;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .form--post dt:not(:has(.icon--required))::after {
    padding: 3px 6px 3px;
    padding-left: 5px;
    font-size: 11px;
    vertical-align: inherit;
  }
}

/* input */
@media screen and (min-width: 961px) {
  input[type=text],
  input[type=tel],
  input[type=email],
  input[type=password],
  input[type=number],
  input[type=time],
  input[type=date] {
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  input[type=text],
  input[type=tel],
  input[type=email],
  input[type=password],
  input[type=number],
  input[type=time],
  input[type=date] {
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
input[type=time],
input[type=date] {
  -webkit-appearance: none;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  border-radius: 0.3em;
  border: none;
  padding: 0.6em;
  color: #000;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=time]:focus,
input[type=date]:focus {
  border-color: inherit;
}
input[type=text].form__error,
input[type=tel].form__error,
input[type=email].form__error,
input[type=password].form__error,
input[type=number].form__error,
input[type=time].form__error,
input[type=date].form__error {
  background: #fff0ea;
  color: var(--error-color);
  border-color: var(--error-color);
}
input[type=text].form__error:focus,
input[type=tel].form__error:focus,
input[type=email].form__error:focus,
input[type=password].form__error:focus,
input[type=number].form__error:focus,
input[type=time].form__error:focus,
input[type=date].form__error:focus {
  background: transparent;
  color: inherit;
  border-color: inherit;
}
input[type=text][disabled],
input[type=tel][disabled],
input[type=email][disabled],
input[type=password][disabled],
input[type=number][disabled],
input[type=time][disabled],
input[type=date][disabled] {
  background: #ddd;
  border: none;
  opacity: 0.5;
}
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
input[type=time],
input[type=date] {
  background: #fff;
  color: #000;
}

.input--half {
  width: 50% !important;
}

.input--quarter {
  width: 25% !important;
}

/* textarea */
@media screen and (min-width: 961px) {
  textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
textarea {
  -webkit-appearance: none;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  border-radius: 0.3em;
  border: none;
  padding: 0.6em;
  color: #000;
}
textarea:focus {
  border-color: inherit;
}
textarea.form__error {
  background: #fff0ea;
  color: var(--error-color);
  border-color: var(--error-color);
}
textarea.form__error:focus {
  background: transparent;
  color: inherit;
  border-color: inherit;
}
textarea[disabled] {
  background: #ddd;
  border: none;
  opacity: 0.5;
}
textarea {
  resize: none;
  height: auto;
  line-height: 1.6;
}

/* select */
.form__select {
  display: inline-block;
}
.form__select::after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid var(--base-color);
  border-top: none;
  border-right: none;
  transform: rotate(-135deg);
  transition: 0.3s;
  vertical-align: middle;
}
.form__select {
  position: relative;
}
.form__select:after {
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%) rotate(-45deg);
}
@media screen and (min-width: 961px) {
  .form__select select {
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .form__select select {
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
.form__select select {
  -webkit-appearance: none;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  border-radius: 0.3em;
  border: none;
  padding: 0.6em;
  color: #000;
}
.form__select select:focus {
  border-color: inherit;
}
.form__select select.form__error {
  background: #fff0ea;
  color: var(--error-color);
  border-color: var(--error-color);
}
.form__select select.form__error:focus {
  background: transparent;
  color: inherit;
  border-color: inherit;
}
.form__select select[disabled] {
  background: #ddd;
  border: none;
  opacity: 0.5;
}
.form__select select {
  padding-right: 2.5em;
}

.form__checkbox label p {
  display: inline-block;
  padding: 0.5em;
  position: relative;
  cursor: pointer;
  padding-left: 1.8em;
}
.form__checkbox input[type=checkbox],
.form__checkbox input[type=radio],
.form__checkbox input[type=file] {
  -webkit-appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.form__checkbox.form__error {
  color: var(--error-color);
}
.form__checkbox label p::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 0.3em;
  border: 1px solid rgba(52, 33, 23, 0.4);
  margin: -0.6em 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}
.form__checkbox label p::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.4em;
  border: 2px solid rgba(52, 33, 23, 0.4);
  border-top: none;
  border-right: none;
  margin: -0.25em 0 0;
  position: absolute;
  top: 70%;
  left: 0.2em;
  transform: rotate(-45deg);
  opacity: 0;
}
.form__checkbox :checked ~ p::after {
  border-color: #342117;
  top: 50%;
  opacity: 1;
}

.form__radio label p {
  display: inline-block;
  padding: 0.5em;
  position: relative;
  cursor: pointer;
  padding-left: 1.8em;
}
.form__radio input[type=checkbox],
.form__radio input[type=radio],
.form__radio input[type=file] {
  -webkit-appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.form__radio.form__error {
  color: var(--error-color);
}
.form__radio label p::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  border: 1px solid rgba(52, 33, 23, 0.4);
  margin: -0.6em 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}
.form__radio :checked ~ p::before {
  border-color: #342117;
  border-width: 0.3em;
}

.form__toggle label p {
  display: inline-block;
  padding: 0.5em;
  position: relative;
  cursor: pointer;
  padding-left: 1.8em;
}
.form__toggle input[type=checkbox],
.form__toggle input[type=radio],
.form__toggle input[type=file] {
  -webkit-appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.form__toggle.form__error {
  color: var(--error-color);
}
.form__toggle label p {
  padding-left: 0;
  position: relative;
}

.searchBox {
  position: relative;
  margin: 4em auto 2em;
}
.searchBox form {
  position: relative;
}
.searchBox input[type=text] {
  background: var(--sub-color);
  border-radius: 8px;
  width: 100%;
  padding: 1em 2.4em 1em 1em;
  color: #000;
  border: unset;
}
.searchBox input[type=submit] {
  position: absolute;
  top: 50%;
  right: 0.8em;
  transform: translateY(-50%);
  z-index: 2;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--text-sub-color);
  font-family: FontAwesome;
  cursor: pointer;
  font-size: 2rem;
}

/* horizontal */
.form--horizontal li {
  display: inline-block;
}
.form--horizontal li .form__selectbox {
  display: inline-block !important;
}

.form--horizontal label {
  display: inline-block;
  margin: 0 0.3em 0 0;
}

/* error-list */
/*   ==============================================================
*  contents
*  ============================================================ */
/* common.scss
============================== */
html {
  visibility: visible;
  scroll-behavior: smooth;
}

html {
  font-size: 62.5%;
}

html, body {
  height: 100%;
}

body {
  position: relative;
  background: var(--primary-color);
  color: var(--text-sub-color);
}
@media screen and (min-width: 961px) {
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-feature-settings: "palt";
}
body::before, body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, #FFD37C 0%, #FE8100 74%, #FF612D 100%);
  z-index: -10;
}
body::after {
  top: 0;
  left: 0;
  background-image: url(/static/iiondo/fanclub/common/bg_noise.webp);
  background-repeat: repeat;
  background-size: 160px 160px;
  opacity: 0.4;
  z-index: -9;
  pointer-events: none;
  mix-blend-mode: multiply;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body::after {
    background-size: 80px 80px;
  }
}

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

img {
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  line-height: 0;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

::-moz-selection {
  background: rgba(52, 33, 23, 0.2);
}

::selection {
  background: rgba(52, 33, 23, 0.2);
}

::-moz-selection {
  background: rgba(52, 33, 23, 0.5);
}

.svg-symbol {
  display: none !important;
}

svg {
  width: 100%;
  height: 100%;
  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
  stroke-width: 1;
  overflow: visible;
  fill: currentColor;
}

.video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.mb8 {
  margin-bottom: 8px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb48 {
  margin-bottom: 48px;
}

.pb8 {
  padding-bottom: 8px;
}

.pb16 {
  padding-bottom: 16px;
}

.pb24 {
  padding-bottom: 24px;
}

.mt8 {
  margin-top: 8px;
}

.mt16 {
  margin-top: 16px;
}

.mt24 {
  margin-top: 24px;
}

.mt32 {
  margin-top: 32px;
}

.mt40 {
  margin-top: 40px;
}

.mt48 {
  margin-top: 48px;
}

.pt8 {
  padding-top: 8px;
}

.pt16 {
  padding-top: 16px;
}

.pt24 {
  padding-top: 24px;
}

span.br {
  display: inline-block;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.body--app a {
  -webkit-touch-callout: none !important;
}

a:focus,
button:focus,
label:focus,
input:focus,
iframe:focus,
textarea:focus,
[tabindex="0"]:focus,
input[type=submit]:focus,
summary:focus {
  outline: none;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
label:focus:not(:focus-visible),
input:focus:not(:focus-visible),
iframe:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
[tabindex="0"]:focus:not(:focus-visible),
input[type=submit]:focus:not(:focus-visible),
summary:focus:not(:focus-visible) {
  box-shadow: none;
}

a:focus-visible,
button:focus-visible,
label:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible,
input[type=submit]:focus-visible,
summary:focus-visible {
  box-shadow: 0 0 0 2px #0077ff;
  border-color: #0077ff;
  border-radius: 5px;
}

@media (hover: none) and (pointer: coarse) {
  a:focus-visible,
  button:focus-visible,
  label:focus-visible,
  input:focus-visible,
  textarea:focus-visible,
  select:focus-visible,
  [tabindex]:focus-visible,
  input[type=submit]:focus-visible,
  summary:focus-visible {
    box-shadow: none;
    border-color: inherit;
  }
}
.using-mouse textarea:focus {
  box-shadow: none;
  border-color: inherit;
}

.btn {
  text-align: center;
}

.btn-base-style, .btn--main, .btn--sub {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  border: none;
  cursor: pointer;
}

.btn--main, .btn--sub {
  padding: 1.5em;
  text-decoration: none !important;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.08em;
  border-radius: 9999px;
  margin: 1em auto;
  line-height: 1.4;
}
@media screen and (min-width: 961px) {
  .btn--main, .btn--sub {
    position: relative;
    font-size: 1.8rem;
    min-width: 300px;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .btn--main, .btn--sub {
    position: relative;
    font-size: 1.6rem;
    width: min(80%, 300px);
  }
}

.btn--main {
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  color: var(--base-color) !important;
}
@media (hover: hover) and (pointer: fine) {
  .btn--main {
    transition: all 0.3s cubic-bezier(0.25, 0.6, 0.3, 1);
  }
  .btn--main:hover {
    background: var(--base-color);
    color: var(--primary-color) !important;
  }
}

.btn--sub {
  background: none;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color);
}
@media (hover: hover) and (pointer: fine) {
  .btn--sub {
    transition: all 0.3s cubic-bezier(0.25, 0.6, 0.3, 1);
  }
  .btn--sub:hover {
    background: var(--base-color);
    color: var(--primary-color) !important;
  }
}

a.text--link {
  text-decoration: underline;
  color: var(--primary-color);
}
@media (hover: hover) and (pointer: fine) {
  a.text--link:hover {
    text-decoration: none;
  }
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit;
  letter-spacing: inherit;
}

.detail__btn a {
  display: flex;
  align-items: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: 2rem;
  margin: 0 auto;
  color: var(--primary-color);
  transition: transform 0.3s ease;
}
.detail__btn a::before {
  content: "";
  transform: scale(-1, -1);
  margin-right: 0.5em;
  position: relative;
  display: inline-block;
  width: 32px;
  aspect-ratio: 1/1;
  padding: 8px;
  border-radius: 999px;
  background-color: #FF5D29;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/iiondo/fanclub/common/parts_arrow_white.svg);
  background-color: var(--primary-color);
  background-size: 45%;
}
@media (hover: hover) and (pointer: fine) {
  .detail__btn a:hover {
    transform: translateX(-6px);
  }
  .detail__btn a:hover::before {
    animation: arrow-loop-back 0.3s ease reverse;
  }
}
@media screen and (min-width: 961px) {
  .detail__btn {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .detail__btn {
    font-size: 1.6rem;
  }
  .detail__btn a::before {
    width: 24px;
  }
}

@keyframes arrow-loop-back {
  0% {
    background-position: center;
  }
  45% {
    background-position: -80% center;
  }
  46% {
    background-position: 180% center;
  }
  100% {
    background-position: center;
  }
}
.list__more a {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 700;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  display: inline-flex;
  align-items: center;
  transition: transform 0.3s ease;
}
.list__more a::after {
  content: "";
  margin-left: 0.5em;
  position: relative;
  display: inline-block;
  width: 32px;
  aspect-ratio: 1/1;
  padding: 8px;
  border-radius: 999px;
  background-color: #FFF0EB;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/iiondo/fanclub/common/parts_arrow.svg);
  background-size: 45%;
}
@media (hover: hover) and (pointer: fine) {
  .list__more a:hover {
    transform: translateX(6px);
  }
  .list__more a:hover::after {
    animation: arrow-loop 0.3s ease;
  }
}
@media screen and (min-width: 961px) {
  .list__more {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .list__more {
    font-size: 1.6rem;
  }
  .list__more a::after {
    width: 24px;
  }
}

@keyframes arrow-loop {
  0% {
    background-position: center;
  }
  45% {
    background-position: 180% center;
  }
  46% {
    background-position: -80% center;
  }
  100% {
    background-position: center;
  }
}
.page--home .area--official_inner .list__more a::after {
  background-image: url(/static/iiondo/fanclub/common/parts_arrow_white.svg);
  background-color: var(--primary-color);
}

.txt--basic {
  margin: 0 0 1em;
}

.txt--sub {
  font-size: 0.85em;
  line-height: 1.6em;
}

.txt--indent {
  padding-left: 1em;
  text-indent: -1em;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.red {
  color: var(--error-color);
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-transform-none {
  text-transform: none;
}

.date {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  display: inline-block;
  line-height: 1.2;
  vertical-align: middle;
}

.category, .page-liveinformation__calendar .block--category li label p, .block--category li a.category, .tag {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px 3px;
  line-height: 1;
  border-radius: 999px;
}

.category, .page-liveinformation__calendar .block--category li label p, .block--category li a.category {
  background-color: var(--primary-color);
  color: var(--text-sub-color);
  border: 1px solid var(--primary-color);
}

.tag {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.date + .category, .page-liveinformation__calendar .block--category li label .date + p, .block--category li .date + a.category {
  margin-left: 1em;
  vertical-align: middle;
  margin-bottom: 3px;
}

.tit__labels {
  display: inline;
  vertical-align: middle;
}

.block--category .tag_8.current a {
  border-color: #FE8100;
  background-color: unset;
  background-image: linear-gradient(45deg, #ffc655, #fe8100 60%);
  color: var(--text-sub-color);
}
.block--category .tag_9.current a {
  border-color: var(--member-blue);
  background-color: var(--member-blue);
  color: var(--base-color);
}
.block--category .tag_10.current a {
  border-color: var(--member-green);
  background-color: var(--member-green);
  color: var(--text-sub-color);
}
.block--category .tag_11.current a {
  border-color: var(--member-purple);
  background-color: var(--member-purple);
  color: var(--text-sub-color);
}
.block--category .tag_12.current a {
  border-color: var(--member-pink);
  background-color: var(--member-pink);
  color: var(--text-sub-color);
}
.block--category .tag_13.current a {
  border-color: var(--member-yellow);
  background-color: var(--member-yellow);
  color: var(--text-sub-color);
}
.block--category .tag_14.current a {
  border-color: var(--member-light-blue);
  background-color: var(--member-light-blue);
  color: var(--text-sub-color);
}
.block--category .tag_15.current a {
  border-color: #6f6f6f;
  background-color: var(--member-white);
  color: #6f6f6f;
}
.block--category .tag_16.current a {
  border-color: var(--member-red);
  background-color: var(--member-red);
  color: var(--text-sub-color);
}
@media (hover: hover) and (pointer: fine) {
  .block--category li:not(.current).tag_8 a:hover {
    border-color: #FE8100;
    background-color: unset;
    background-image: linear-gradient(45deg, #ffc655, #fe8100 60%);
    color: var(--text-sub-color);
  }
  .block--category li:not(.current).tag_9 a:hover {
    border-color: var(--member-blue);
    background-color: var(--member-blue);
    color: var(--base-color);
  }
  .block--category li:not(.current).tag_10 a:hover {
    border-color: var(--member-green);
    background-color: var(--member-green);
    color: var(--text-sub-color);
  }
  .block--category li:not(.current).tag_11 a:hover {
    border-color: var(--member-purple);
    background-color: var(--member-purple);
    color: var(--text-sub-color);
  }
  .block--category li:not(.current).tag_12 a:hover {
    border-color: var(--member-pink);
    background-color: var(--member-pink);
    color: var(--text-sub-color);
  }
  .block--category li:not(.current).tag_13 a:hover {
    border-color: var(--member-yellow);
    background-color: var(--member-yellow);
    color: var(--text-sub-color);
  }
  .block--category li:not(.current).tag_14 a:hover {
    border-color: var(--member-light-blue);
    background-color: var(--member-light-blue);
    color: var(--text-sub-color);
  }
  .block--category li:not(.current).tag_15 a:hover {
    border-color: #6f6f6f;
    background-color: var(--member-white);
    color: #6f6f6f;
  }
  .block--category li:not(.current).tag_16 a:hover {
    border-color: var(--member-red);
    background-color: var(--member-red);
    color: var(--text-sub-color);
  }
}

.tit__labels:not(.liveinfo) .tag_8 {
  border-color: #FE8100;
  background-color: unset;
  background-image: linear-gradient(45deg, #ffc655, #fe8100 60%);
  color: var(--text-sub-color);
}
.tit__labels:not(.liveinfo) .tag_9 {
  border-color: var(--member-blue);
  background-color: var(--member-blue);
  color: var(--base-color);
}
.tit__labels:not(.liveinfo) .tag_10 {
  border-color: var(--member-green);
  background-color: var(--member-green);
  color: var(--text-sub-color);
}
.tit__labels:not(.liveinfo) .tag_11 {
  border-color: var(--member-purple);
  background-color: var(--member-purple);
  color: var(--text-sub-color);
}
.tit__labels:not(.liveinfo) .tag_12 {
  border-color: var(--member-pink);
  background-color: var(--member-pink);
  color: var(--text-sub-color);
}
.tit__labels:not(.liveinfo) .tag_13 {
  border-color: var(--member-yellow);
  background-color: var(--member-yellow);
  color: var(--text-sub-color);
}
.tit__labels:not(.liveinfo) .tag_14 {
  border-color: var(--member-light-blue);
  background-color: var(--member-light-blue);
  color: var(--text-sub-color);
}
.tit__labels:not(.liveinfo) .tag_15 {
  border-color: #6f6f6f;
  background-color: var(--member-white);
  color: #6f6f6f;
}
.tit__labels:not(.liveinfo) .tag_16 {
  border-color: var(--member-red);
  background-color: var(--member-red);
  color: var(--text-sub-color);
}
.tit__labels.liveinfo .tag_1 {
  border-color: #FE8100;
  background-color: unset;
  background-image: linear-gradient(45deg, #ffc655, #fe8100 60%);
  color: var(--text-sub-color);
}
.tit__labels.liveinfo .tag_2 {
  border-color: var(--member-blue);
  background-color: var(--member-blue);
  color: var(--base-color);
}
.tit__labels.liveinfo .tag_3 {
  border-color: var(--member-green);
  background-color: var(--member-green);
  color: var(--text-sub-color);
}
.tit__labels.liveinfo .tag_4 {
  border-color: var(--member-purple);
  background-color: var(--member-purple);
  color: var(--text-sub-color);
}
.tit__labels.liveinfo .tag_5 {
  border-color: var(--member-pink);
  background-color: var(--member-pink);
  color: var(--text-sub-color);
}
.tit__labels.liveinfo .tag_6 {
  border-color: var(--member-yellow);
  background-color: var(--member-yellow);
  color: var(--text-sub-color);
}
.tit__labels.liveinfo .tag_7 {
  border-color: var(--member-light-blue);
  background-color: var(--member-light-blue);
  color: var(--text-sub-color);
}
.tit__labels.liveinfo .tag_8 {
  border-color: #6f6f6f;
  background-color: var(--member-white);
  color: #6f6f6f;
}
.tit__labels.liveinfo .tag_9 {
  border-color: var(--member-red);
  background-color: var(--member-red);
  color: var(--text-sub-color);
}

.page-information__detail .tag_8 {
  border-color: #FE8100;
  background-color: unset;
  background-image: linear-gradient(45deg, #ffc655, #fe8100 60%);
  color: var(--text-sub-color);
}
.page-information__detail .tag_9 {
  border-color: var(--member-blue);
  background-color: var(--member-blue);
  color: var(--base-color);
}
.page-information__detail .tag_10 {
  border-color: var(--member-green);
  background-color: var(--member-green);
  color: var(--text-sub-color);
}
.page-information__detail .tag_11 {
  border-color: var(--member-purple);
  background-color: var(--member-purple);
  color: var(--text-sub-color);
}
.page-information__detail .tag_12 {
  border-color: var(--member-pink);
  background-color: var(--member-pink);
  color: var(--text-sub-color);
}
.page-information__detail .tag_13 {
  border-color: var(--member-yellow);
  background-color: var(--member-yellow);
  color: var(--text-sub-color);
}
.page-information__detail .tag_14 {
  border-color: var(--member-light-blue);
  background-color: var(--member-light-blue);
  color: var(--text-sub-color);
}
.page-information__detail .tag_15 {
  border-color: #6f6f6f;
  background-color: var(--member-white);
  color: #6f6f6f;
}
.page-information__detail .tag_16 {
  border-color: var(--member-red);
  background-color: var(--member-red);
  color: var(--text-sub-color);
}

.ph, .thumb {
  position: relative;
  line-height: 0;
  text-align: center;
}
.ph .dummy, .thumb .dummy {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ph img, .thumb img {
  width: 100%;
}
.ph, .thumb {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

header {
  position: relative;
  z-index: 10001;
}
header .logo {
  position: absolute;
}
header .logo a {
  display: block;
  width: auto;
  height: 100%;
}
header .logo a svg {
  fill: currentColor;
  width: auto;
  height: 100%;
  aspect-ratio: 11/3;
}
header .list--nav__contents li,
header .list--nav__login li {
  text-transform: uppercase;
}
header .drawer {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  height: auto;
  max-height: calc(100vh - 32px);
  max-height: calc(100svh - 32px);
  top: 16px;
  right: 8px;
  border-radius: var(--radius-sm);
  z-index: 2;
  background: var(--primary-color);
  border: 2px solid var(--sub-color);
  transform: translate(12px, -10px) scale(0.96);
  transform-origin: top right;
  pointer-events: none;
  overflow: hidden;
  overflow-y: auto;
}
header .drawer .g-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}
header .drawer .g-nav ul {
  display: flex;
  flex-direction: column;
}
header .drawer .g-nav li a, header .drawer .g-nav li button {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: 1.6rem;
  line-height: 1;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
  transition: opacity 0.45s ease;
}
header .drawer .g-nav .list--sns {
  flex-direction: unset;
  flex-wrap: wrap;
  gap: 1em;
}
header .drawer .g-nav .list--sns li a {
  font-size: 2.4rem;
}

.list--nav__contents .disable {
  opacity: 0.5;
  pointer-events: none;
}
.list--nav__contents:not(.list--sns) {
  text-transform: uppercase;
}
.list--nav__contents .nav__text {
  display: inline-flex;
}
.list--nav__contents .nav__text-letter {
  display: inline-block;
  transform-origin: center bottom;
}
@media (hover: hover) and (pointer: fine) {
  .list--nav__contents:not(.list--sns) a:hover .nav__text-letter {
    animation: nav-letter-pop 0.45s ease both;
    animation-delay: calc(var(--i) * 0.04s);
  }
  .list--nav__contents.list--sns a i {
    display: inline-flex;
  }
  .list--nav__contents.list--sns a:hover i {
    animation: nav-letter-pop 0.45s ease both;
  }
}

@keyframes nav-letter-pop {
  0% {
    transform: translateY(0);
  }
  45% {
    transform: translateY(-0.35em);
  }
  70% {
    transform: translateY(0.08em);
  }
  100% {
    transform: translateY(0);
  }
}
.page--home header .nav__item--home {
  display: none;
}

.drawer__btn {
  position: fixed;
  z-index: 10001;
  touch-action: manipulation;
}
.drawer__btn .drawer__btn-inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: clamp(40px, 4vw, 80px);
  height: clamp(40px, 4vw, 80px);
  aspect-ratio: 1/1;
  cursor: pointer;
}
.drawer__btn .drawer__btn-inner::after {
  content: "Menu";
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: clamp(1.1rem, 1.2vw, 2.4rem);
  color: var(--base-color);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: color 0.3s ease;
}
.drawer__btn span.drawer__line {
  width: 100%;
  height: auto;
  aspect-ratio: 11/3;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.drawer__btn span.drawer__line svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--base-color);
  aspect-ratio: inherit;
  transition: fill 0.3s ease;
}
.drawer__btn span.close {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  aspect-ratio: 1/1;
  width: inherit;
}
.drawer__btn span.close::before, .drawer__btn span.close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 16px);
  height: 4px;
  background: var(--base-color);
  border-radius: 999px;
}
.drawer__btn span.close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.drawer__btn span.close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  .drawer__btn .drawer__btn-inner:hover span.drawer__line:nth-child(1) {
    transform: translateY(2px);
  }
  .drawer__btn .drawer__btn-inner:hover span.drawer__line:nth-child(2) {
    transform: translateY(-2px);
  }
}

@keyframes drawerBtnBounce {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-2px, 1px) scale(1.02);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
.drawer-visible .drawer {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  animation: drawerOpen 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.drawer-visible .drawer .g-nav li a, .drawer-visible .drawer .g-nav li button {
  opacity: 1;
}
.drawer-visible .drawer__btn .drawer__btn-inner {
  box-shadow: unset;
  background-color: rgba(255, 93, 41, 0);
  border-color: rgba(255, 255, 255, 0);
}
.drawer-visible .drawer__btn .drawer__btn-inner::after {
  content: "";
}
.drawer-visible .drawer__btn .drawer__btn-inner span.drawer__line {
  opacity: 0;
  visibility: hidden;
}
.drawer-visible .drawer__btn .drawer__btn-inner span.close {
  visibility: visible;
  opacity: 1;
}

@keyframes drawerOpen {
  0% {
    opacity: 0;
    transform: translate(12px, -10px) scale(0.96);
  }
  50% {
    opacity: 1;
    transform: translate(-2px, 1px) scale(1.018);
  }
  70% {
    transform: translate(0.5px, -0.5px) scale(0.997);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}
body.is-drawer-over-section .drawer__btn span.drawer__line svg {
  fill: var(--primary-color);
}
body.is-drawer-over-section .drawer__btn .drawer__btn-inner::after {
  color: var(--primary-color);
}

footer {
  color: var(--sub-color);
  background-color: var(--secondary-color);
  text-align: left;
  display: flex;
  flex-direction: column;
}
footer .footer__inner {
  display: flex;
}
footer .copyright {
  font-size: 1.4rem;
  line-height: 1.6;
}
footer .element {
  font-family: "Arial", "Helvetica", sans-serif;
  line-height: 1.2;
}
footer .block--nav {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
footer .list--nav__contents {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: 2rem;
}

.page--home footer {
  position: relative;
  margin-top: 16.6666666667vw;
}
.page--home footer::before {
  content: "";
  position: absolute;
  background-image: url(/static/iiondo/fanclub/common/fc_bg_shape.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: cover;
  bottom: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  width: 101%;
  aspect-ratio: 6/1;
}

body:not(.page--home) footer {
  background-color: unset;
  position: -webkit-sticky;
  position: sticky;
  top: 100vh;
}
body:not(.page--home) footer .footer__inner {
  display: none;
}

#wrap {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}

.logo a {
  display: block;
}
.logo svg {
  fill: currentColor;
  width: auto;
  height: 100%;
  aspect-ratio: 11/3;
}

.content-main {
  position: relative;
}
.content-main [class^=section--] {
  position: relative;
}

.section-tit {
  position: relative;
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 700;
  letter-spacing: 0;
  font-style: normal;
  font-optical-sizing: auto;
  text-align: left;
  line-height: 1;
  text-transform: uppercase;
}
@media screen and (min-width: 961px) {
  .section-tit {
    font-size: 5rem;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .section-tit {
    font-size: min(10vw, 4rem);
  }
}

body:not(.page--home) .section-tit {
  margin-bottom: 32px;
}

.wrap--section-tit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 1em;
  margin-bottom: 3em;
}

.section--detail, .section--list {
  position: relative;
  padding: calc(var(--layout-side-pc) * 2);
  color: var(--text-color);
  z-index: 0;
}
.section--detail::before, .section--list::before {
  content: "";
  background-color: var(--sub-color);
  border-radius: var(--radius-lg);
  position: absolute;
  inset-block: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
}
.section--detail .section-tit, .section--list .section-tit {
  color: var(--primary-color);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .section--detail, .section--list {
    padding: calc(var(--layout-side-sp) * 3) var(--layout-side-sp);
  }
  .section--detail::before, .section--list::before {
    border-radius: var(--radius-md);
  }
}
.section--detail .detail__btn, .section--list .detail__btn {
  margin-top: 4em;
}
.section--detail .section-tit, .section--list .section-tit {
  color: var(--primary-color);
}
.section--detail > *, .section--list > * {
  margin-inline: auto;
}
.section--detail .list--contents, .section--detail .list--discography, .section--list .list--contents, .section--list .list--discography {
  display: grid;
}

.section--detail {
  max-width: 1200px;
  margin-inline: auto;
}
.section--detail .tit {
  margin-bottom: 0.5em;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: normal;
}
.section--detail > .txt {
  margin-top: 3em;
  line-height: 1.8;
}
.section--detail > .txt .ph {
  margin: 1em 0;
}
.section--detail > .txt a {
  text-decoration: underline;
  color: var(--primary-color);
}
@media (hover: hover) and (pointer: fine) {
  .section--detail > .txt a:hover {
    text-decoration: none;
  }
}

.block--player {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background: #000000;
  line-height: 0;
}
.block--player .vjs-big-play-centered .vjs-big-play-button {
  transform: translate(-50%, -50%);
  margin-top: unset;
  margin-left: unset;
}
.block--player .video-js .vjs-big-play-button {
  height: 3em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
}
.block--player .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: 2em;
  position: absolute;
  top: 24%;
  transition: transform 0.3s, top 0.3s;
}
.block--player .vjs-playing.vjs-fullscreen .video-js {
  height: 100vh !important;
}

.block--sort {
  margin: 2em 0;
}
.block--sort .block-tit {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: 1.4rem;
  color: var(--secondary-color);
  text-transform: uppercase;
}
.block--sort .block--category {
  margin: 0;
}
.block--sort + .block--sort {
  margin-top: 1.6em;
}

.block--category {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.block--category li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.block--category li:not(.current) a.category {
  background-color: unset;
  color: var(--primary-color);
  border: 1px solid currentColor;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .block--category li:not(.current) a.category:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: var(--text-sub-color);
  }
}

.sort-accordion {
  background-color: var(--base-color);
  margin-bottom: 2em;
  border-radius: var(--radius-lg);
}
.sort-accordion__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
  color: var(--primary-color);
  padding: 1.2em 2em 1.2em 1.2em;
  font-weight: 500;
}
.sort-accordion__title::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}
.sort-accordion__title::-webkit-details-marker {
  display: none;
}
.sort-accordion__contents {
  padding: 0 1.2em 1.2em;
}
.sort-accordion[open] {
  border-radius: var(--radius-md);
}
.sort-accordion[open] .sort-accordion__title::after {
  transform: rotate(225deg);
}
.sort-accordion .block--category + .block--category {
  margin-top: 0.5em;
}
.sort-accordion .block--sort {
  margin: 0.5em 0;
}

.block--pager {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3em auto 0;
  text-align: center;
  color: var(--primary-color);
}
.block--pager li {
  position: relative;
  margin: 0 0.6em;
}
.block--pager a {
  display: block;
  position: relative;
  text-decoration: none;
  transition: 0.2s;
}
.block--pager .pager__item--current,
.block--pager .pager__item--other {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: 2rem;
}
.block--pager .pager__item--newer,
.block--pager .pager__item--older {
  position: relative;
  line-height: 1;
}
.block--pager .pager__item--newer span, .block--pager .pager__item--newer a,
.block--pager .pager__item--older span,
.block--pager .pager__item--older a {
  display: block;
}
.block--pager .pager__item--newer span::after, .block--pager .pager__item--newer a::after,
.block--pager .pager__item--older span::after,
.block--pager .pager__item--older a::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 32px;
  aspect-ratio: 1/1;
  padding: 8px;
  border-radius: 999px;
  background-color: #FF5D29;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/iiondo/fanclub/common/parts_arrow_white.svg);
  background-image: url(/static/iiondo/fanclub/common/parts_arrow_white.svg);
  background-color: var(--primary-color);
}
.block--pager .pager__item--newer span,
.block--pager .pager__item--older span {
  opacity: 0.3;
}
.block--pager .pager__item--current {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  letter-spacing: 0;
}
.block--pager .pager__item--current span {
  display: block;
  width: 100%;
  height: 100%;
}
.block--pager .pager__item--newer span, .block--pager .pager__item--newer a {
  transform: scale(-1, 1);
}
.block--pager .pager__item--other a {
  opacity: 0.3;
}
@media screen and (min-width: 961px) {
  .block--pager .pager__item--other a:hover {
    opacity: 1;
  }
  .block--pager .pager__item--newer a:hover {
    opacity: 0.5;
  }
  .block--pager .pager__item--older a:hover {
    opacity: 0.5;
  }
}
.block--pager .pager__list-parent {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: 2rem;
  transition: opacity 0.3s;
}
.block--pager .pager__list-parent:hover {
  opacity: 0.5;
}

.list--info li {
  position: relative;
}
.list--info li a {
  display: block;
  background-color: var(--base-color);
  transition: transform 0.3s ease, color 0.3s ease;
}
.list--info li .category + .tit, .list--info .page-liveinformation__calendar .block--category li label p + .tit, .page-liveinformation__calendar .block--category .list--info li label p + .tit {
  margin-top: 0.5em;
}
.list--info li.new .tit::after {
  content: "NEW";
  position: relative;
  display: inline-block;
  color: var(--primary-color);
  margin-left: 0.5em;
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 700;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: inherit;
}
.list--info li:not(:first-child) {
  margin-top: 1em;
}
@media (hover: hover) and (pointer: fine) {
  .list--info li a:hover {
    transform: translateX(6px);
    color: var(--primary-color);
  }
}

.list--contents li, .list--discography li {
  position: relative;
  word-break: break-word;
}
.list--contents li .thumb, .list--discography li .thumb {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.list--contents li .thumb img, .list--discography li .thumb img {
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: contain;
}
.list--contents li .thumb .blur, .list--discography li .thumb .blur {
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
}
.list--contents li .thumb .blur img, .list--discography li .thumb .blur img {
  filter: blur(20px);
  background-size: cover;
  opacity: 0.6;
}
.list--contents li a, .list--discography li a {
  display: block;
}
.list--contents li a .thumb img, .list--discography li a .thumb img {
  display: block;
  width: 100%;
  transform: scale(1);
  transition: transform 0.55s cubic-bezier(0.22, 0.9, 0.36, 1);
  will-change: transform;
}
@media (hover: hover) and (pointer: fine) {
  .list--contents li a:hover .thumb img, .list--discography li a:hover .thumb img {
    transform: scale(1.1);
  }
}
.list--contents li .category + .tit, .list--contents .page-liveinformation__calendar .block--category li label p + .tit, .page-liveinformation__calendar .block--category .list--contents li label p + .tit, .list--discography li .category + .tit, .list--discography .page-liveinformation__calendar .block--category li label p + .tit, .page-liveinformation__calendar .block--category .list--discography li label p + .tit {
  margin-top: 0.5em;
}
.list--contents li .thumb, .list--discography li .thumb {
  margin-bottom: 1em;
}
.list--contents li .tit, .list--discography li .tit {
  margin-top: 0.2em;
}
.list--contents li.new .tit::after, .list--discography li.new .tit::after {
  content: "NEW";
  position: relative;
  display: inline-block;
  color: var(--primary-color);
  margin-left: 0.5em;
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 700;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: inherit;
}

.list--discography li .tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.list--event li {
  height: auto;
}
.list--event li a {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
.list--event li .date .year, .list--event li .date .week {
  vertical-align: middle;
}
.list--event li .venue {
  display: flex;
  gap: 4px;
}
.list--event li .venue::before {
  content: "\f3c5";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  line-height: inherit;
  color: var(--primary-color);
}
.list--event li.new .date::after {
  vertical-align: middle;
}

.list--schedule li a {
  display: block;
  position: relative;
}
.list--schedule li a::after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid var(--primary-color);
  border-top: none;
  border-right: none;
  transform: rotate(-135deg);
  transition: 0.3s;
  vertical-align: middle;
}
.list--schedule li a::after {
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%) rotate(-135deg);
}
@media (hover: hover) and (pointer: fine) {
  .list--schedule li a {
    transition: transform 0.3s ease;
  }
  .list--schedule li a:hover {
    transform: translateX(6px);
  }
}

.list--movie li .thumb {
  aspect-ratio: 16/9;
}
.list--movie li .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.list--profile li {
  display: flex;
  flex-direction: column;
}
.list--profile {
  display: grid;
}
.list--profile .name {
  color: var(--primary-color);
  font-weight: bold;
}
.list--profile .name .txt--sub {
  color: var(--text-color);
  display: block;
  opacity: 0.5;
  font-weight: normal;
}
.list--profile .thumb {
  position: relative;
  border-bottom: 6px solid;
}
.list--profile .thumb img {
  vertical-align: bottom;
}
.list--profile .block--profile {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.list--profile .block--profile dl {
  margin-top: 0.5em;
}
.list--profile .block--profile dt, .list--profile .block--profile dd {
  display: inline;
  margin: 0;
}
.list--profile .block--profile dd::after {
  content: "";
  display: block;
}
.list--profile .block--profile .list--sns {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.list--profile .block--profile .list--sns li a {
  font-size: 1.6rem;
}
@media (hover: hover) and (pointer: fine) {
  .list--profile .list--sns li a {
    transition: opacity 0.3s;
  }
  .list--profile .list--sns li a:hover {
    opacity: 0.5;
  }
}
.list--profile .member01 .thumb {
  border-color: var(--member-blue);
}
.list--profile .member02 .thumb {
  border-color: var(--member-green);
}
.list--profile .member03 .thumb {
  border-color: var(--member-purple);
}
.list--profile .member04 .thumb {
  border-color: var(--member-pink);
}
.list--profile .member05 .thumb {
  border-color: var(--member-yellow);
}
.list--profile .member06 .thumb {
  border-color: var(--member-light-blue);
}
.list--profile .member07 .thumb {
  border-color: var(--member-white);
}
.list--profile .member08 .thumb {
  border-color: var(--member-red);
}

.list--attention {
  padding-left: 1.5em;
}
.list--attention li {
  list-style-type: disc;
}
.list--attention li:not(:last-child) {
  margin-bottom: 0.5em;
}
.list--attention li a {
  text-decoration: underline;
}
@media screen and (min-width: 961px) {
  .list--attention li a {
    transition: opacity 0.3s;
  }
  .list--attention li a:hover {
    opacity: 0.3;
  }
  .list--attention li a:hover {
    text-decoration: none;
  }
}

.list--sns li a {
  display: block;
  font-size: 2rem;
  padding: 4px;
}

.list--pickup li a {
  display: block;
  color: var(--text-color);
  transition: transform 0.3s ease, color 0.3s ease;
}
.list--pickup li a .tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .list--pickup li a:hover {
    transform: translateX(6px);
    color: var(--primary-color);
  }
}

.swiper-button-wrapper {
  position: relative;
  z-index: 10;
}
.swiper-button-wrapper .swiper-button-prev, .swiper-button-wrapper .swiper-button-next {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: opacity 0.3s;
  height: auto;
  color: var(--base-color);
}
.swiper-button-wrapper .swiper-button-prev {
  left: unset;
  transform: scale(-1, 1);
}
.swiper-button-wrapper .swiper-button-next {
  right: unset;
}

.swiper-pagination .swiper-pagination-bullet {
  background: var(--text-color);
  border: 1px solid var(--text-color);
  opacity: 0.5;
  width: 6px;
  height: 6px;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--text-color);
  opacity: 1;
}

.swiper-container, .swiper-container .swiper-pagination {
  position: relative;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

@keyframes slideIn {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideTxt {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes animationText {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes loadingMV {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0px);
  }
}
#loading {
  position: fixed;
  inset: 0;
  z-index: 11000;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  background: var(--primary-color);
  transition: opacity 0.5s ease;
}
#loading .block--logo {
  width: min(60%, 300px);
}
#loading .block--logo svg {
  display: block;
  width: 100%;
  height: auto;
  fill: var(--base-color);
}
#loading .rotate-part {
  transform-box: view-box;
  transform-origin: 193px 120px;
  animation: logoSwing 1.8s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate;
}

body:not(.page--home) #loading {
  display: none;
}

@keyframes logoSwing {
  from {
    transform: rotate(-35deg);
  }
  to {
    transform: rotate(35deg);
  }
}
body.page--home:not(.already).all-clear #loading {
  opacity: 0;
  pointer-events: none;
}
body.page--home:not(.already).all-clear header, body.page--home:not(.already).all-clear .content-main {
  opacity: 1;
}

body.page--home.already #loading {
  display: none;
}
body.page--home.already header, body.page--home.already .content-main {
  opacity: 1;
  transition: opacity 0.3s 0.3s cubic-bezier(0.18, 0.88, 0.32, 1);
}

.page--home header, .page--home .content-main {
  opacity: 0;
}
.page--home .content-main {
  margin: 0;
  padding: 0;
}
.page--home .swiper-button-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  background-color: var(--primary-color);
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  padding: 32px;
}
.page--home .swiper-button-wrapper .swiper-button-prev, .page--home .swiper-button-wrapper .swiper-button-next {
  margin: 0;
}
.page--home .swiper-button-wrapper .swiper-button-prev::after, .page--home .swiper-button-wrapper .swiper-button-next::after {
  content: "";
  display: block;
  width: 32px;
  aspect-ratio: 1/1;
  -webkit-mask: url(/static/iiondo/fanclub/common/parts_arrow.svg) no-repeat center/contain;
          mask: url(/static/iiondo/fanclub/common/parts_arrow.svg) no-repeat center/contain;
  background-color: currentColor;
}
@media screen and (min-width: 961px) {
  .page--home .swiper-container.no-carousel .swiper-button-wrapper {
    display: none;
  }
}
.page--home .area--official .swiper-button-wrapper {
  background-color: var(--sub-color);
}
.page--home .area--official .swiper-button-wrapper .swiper-button-prev, .page--home .area--official .swiper-button-wrapper .swiper-button-next {
  color: var(--primary-color);
}
.page--home .nav__item--home {
  display: none;
}
.page--home .section--top .block--mainvisual img {
  vertical-align: bottom;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.page--home .section--top .block--pickup {
  transition: opacity 0.3s;
  z-index: 100;
}
.page--home .section--todays_schedule, .page--home .area--official_inner {
  background-color: var(--sub-color);
  color: var(--text-color);
}
.page--home .section--todays_schedule .section-tit, .page--home .section--todays_schedule .list__more, .page--home .area--official_inner .section-tit, .page--home .area--official_inner .list__more {
  color: var(--primary-color);
}
.page--home .section--banner .swiper-container img {
  width: 100%;
  vertical-align: bottom;
}
.page--home .section--banner .list--bnr li {
  overflow: hidden;
}
.page--home .section--banner .list--bnr a {
  display: block;
}
.page--home .section--banner .list--bnr a img.banner {
  display: block;
  width: 100%;
  transform: scale(1);
  transition: transform 0.55s cubic-bezier(0.22, 0.9, 0.36, 1);
  will-change: transform;
}
@media (hover: hover) and (pointer: fine) {
  .page--home .section--banner .list--bnr a:hover img.banner {
    transform: scale(1.1);
  }
}
.page--home .section--banner .list--bnr a img {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.page--home .section--todays_schedule .section-tit {
  text-align: center;
}
.page--home .section--todays_schedule .block--date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1em;
  margin-top: 8px;
}
.page--home .section--todays_schedule .block--date .date {
  font-weight: 400;
  line-height: 1;
}
.page--home .section--todays_schedule .block--date .year, .page--home .section--todays_schedule .block--date .week {
  font-weight: 700;
  writing-mode: vertical-lr;
  -webkit-text-orientation: upright;
          text-orientation: upright;
  font-size: 0.35em;
}
@media (hover: hover) and (pointer: fine) {
  .page--home .section--live_event .list--event li a:hover {
    transform: translateY(-6px);
  }
}
.page--home .section--live_event .list--event li:not(:first-child) {
  margin-top: 0;
}
.page--home .section--profile .list--profile .name {
  margin-top: 0;
}
.page--home .section--profile .list--profile li .thumb {
  margin-bottom: 0;
}
.page--home .section--profile .list--profile .block--profile {
  background-color: var(--sub-color);
  color: var(--text-color);
  padding: 0.8em 0.8em 0.5em;
}

body.page--home:not(.already) header {
  opacity: 0;
}

body.page--home:not(.already).loaded .section-tit {
  overflow: hidden;
}
body.page--home:not(.already).loaded .section-tit span {
  display: block;
  transform: translateY(100%);
  transition: transform 0.5s 0.3s cubic-bezier(0.18, 0.88, 0.32, 1);
}
body.page--home:not(.already).loaded .section-tit.delighter.started span {
  transform: translateY(0);
}
@media screen and (min-width: 961px) {
  body.page--home:not(.already).loaded .section--todays_schedule .section-tit span {
    transform: translateY(200%);
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--home:not(.already).loaded .section--todays_schedule .section-tit span {
    transform: translateY(200%);
  }
  body.page--home:not(.already).loaded .section--todays_schedule .section-tit > span {
    transform: translateY(300%);
  }
}

body.page--home.already .delighter {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.page--home.loaded.all-clear header {
  opacity: 1;
}

body.page--home.loaded .section--top .block--pickup {
  opacity: 1;
}
@media screen and (min-width: 961px) {
  body.page--home.loaded.scrolling .section--top .block--pickup {
    opacity: 0;
    pointer-events: none;
  }
}

.page--info .section--detail::before {
  background-color: var(--base-color);
}
.page--info .section--detail.new .tit::after {
  content: "NEW";
  position: relative;
  display: inline-block;
  color: var(--primary-color);
  margin-left: 0.5em;
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 700;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: inherit;
}
.page--info .section--detail > .txt .video {
  margin: 1em auto;
}
.page--info .section--detail > .txt .member-profile .list--sns {
  display: flex;
  flex-wrap: wrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  gap: 0.8em;
}
.page--info .section--detail > .txt .member-profile a {
  color: var(--text-color);
}
@media (hover: hover) and (pointer: fine) {
  .page--info .section--detail > .txt .member-profile a {
    transition: opacity 0.3s;
  }
  .page--info .section--detail > .txt .member-profile a:hover {
    opacity: 0.5;
  }
}
.page--info.category-24 .list--contents li .tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.block--share {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1em;
  margin: 3em auto;
  color: var(--primary-color);
}
.block--share .share {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
}
.block--share a {
  font-size: 2rem;
}
@media (hover: hover) and (pointer: fine) {
  .block--share a {
    transition: opacity 0.3s;
  }
  .block--share a:hover {
    opacity: 0.5;
  }
}

.page-live__list .block--date .date span {
  margin: 0 !important;
}

.page-live__detail .block--liveinfo dt {
  font-weight: bold;
  color: var(--primary-color);
}
.page-live__detail .block--liveinfo a {
  text-decoration: underline;
  color: var(--primary-color);
}
@media (hover: hover) and (pointer: fine) {
  .page-live__detail .block--liveinfo a:hover {
    text-decoration: none;
  }
}

.page-liveinformation__calendar .block--month {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--base-color);
  color: var(--primary-color);
  padding: 1em;
  border-radius: 999px;
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
}
.page-liveinformation__calendar .block--month .prev, .page-liveinformation__calendar .block--month .next {
  line-height: 1;
}
.page-liveinformation__calendar .block--month .prev a, .page-liveinformation__calendar .block--month .next a {
  display: block;
  position: relative;
  transition: transform 0.3s ease;
}
.page-liveinformation__calendar .block--month .prev a::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 32px;
  aspect-ratio: 1/1;
  padding: 8px;
  border-radius: 999px;
  background-color: #FF5D29;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/iiondo/fanclub/common/parts_arrow_white.svg);
  transform: scale(-1, -1);
}
@media (hover: hover) and (pointer: fine) {
  .page-liveinformation__calendar .block--month .prev a:hover::before {
    animation: arrow-loop-back 0.3s ease reverse;
  }
}
.page-liveinformation__calendar .block--month .next a::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 32px;
  aspect-ratio: 1/1;
  padding: 8px;
  border-radius: 999px;
  background-color: #FF5D29;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/iiondo/fanclub/common/parts_arrow_white.svg);
}
@media (hover: hover) and (pointer: fine) {
  .page-liveinformation__calendar .block--month .next a:hover::after {
    animation: arrow-loop 0.3s ease;
  }
}
.page-liveinformation__calendar .block--month .month {
  font-size: 3rem;
  line-height: 1;
}
.page-liveinformation__calendar .block--category .checkbox input[type=checkbox],
.page-liveinformation__calendar .block--category .checkbox input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.page-liveinformation__calendar .block--category li label p {
  cursor: pointer;
  background-color: unset;
  color: var(--primary-color);
}
.page-liveinformation__calendar .block--category li input[type=checkbox]:checked + p {
  background-color: var(--primary-color);
  color: var(--text-sub-color);
}
.page-liveinformation__calendar .list--live li {
  scroll-margin-top: 2em;
}
.page-liveinformation__calendar .list--live li#today {
  position: relative;
}
.page-liveinformation__calendar .list--live li#today .date::after {
  content: "TODAY";
  font-size: 1.2rem;
  padding: 4px 8px;
  background-image: linear-gradient(45deg, #ffc655, #fe8100 60%);
  border-radius: 4px;
  color: var(--text-sub-color);
  vertical-align: middle;
}
.page-liveinformation__calendar .list--live li#today .live-item .box a {
  border: 3px solid rgba(255, 93, 41, 0.5);
}
.page-liveinformation__calendar .list--live .date {
  font-size: 2.4rem;
  color: var(--primary-color);
}
.page-liveinformation__calendar .list--live .week {
  font-size: 50%;
  margin-left: 4px;
}
.page-liveinformation__calendar .list--live .date + .live-item {
  margin-top: 8px;
}
.page-liveinformation__calendar .list--live .live-item .box + .box {
  margin-top: 8px;
}

.page--discography__detail .list--jacket li figcaption {
  line-height: 3;
}
.page--discography__detail .list--jacket li + li {
  margin-top: 1em;
}
.page--discography__detail .block--detail .tit {
  font-size: 2rem;
}
.page--discography__detail .block--detail .block--comment {
  margin-top: 1em;
}
.page--discography__detail .block--detail .block--comment a {
  text-decoration: underline;
  color: var(--primary-color);
}
@media (hover: hover) and (pointer: fine) {
  .page--discography__detail .block--detail .block--comment a:hover {
    text-decoration: none;
  }
}

/*  page--questionnaire
------------------------------ */
.page--questionnaire .content-main > section {
  position: relative;
  padding: calc(var(--layout-side-pc) * 2);
  color: var(--text-color);
  z-index: 0;
}
.page--questionnaire .content-main > section::before {
  content: "";
  background-color: var(--sub-color);
  border-radius: var(--radius-lg);
  position: absolute;
  inset-block: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
}
.page--questionnaire .content-main > section .section-tit {
  color: var(--primary-color);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--questionnaire .content-main > section {
    padding: calc(var(--layout-side-sp) * 3) var(--layout-side-sp);
  }
  .page--questionnaire .content-main > section::before {
    border-radius: var(--radius-md);
  }
}
.page--questionnaire .content-main > section {
  max-width: 1200px;
  margin-inline: auto;
}
.page--questionnaire .content-main > section > .ph {
  margin-bottom: 1em;
}
.page--questionnaire .content-main > section .section-tit {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 400;
  font-size: 2rem;
  color: var(--text-color);
}
.page--questionnaire .block--error {
  margin: 2em 0;
  color: var(--error-color);
}
.page--questionnaire form dl {
  margin: 3em 0;
}
.page--questionnaire form dl + .txt--sub {
  margin-bottom: 1.5em;
  text-align: center;
}
.page--questionnaire form dl dt {
  font-weight: bold;
}
.page--questionnaire form dl .form__select::after {
  position: absolute;
  border-color: #000;
  pointer-events: none;
}
.page--questionnaire .form--confirm dd {
  padding-top: 1em;
  border-top: 1px solid #ffc6b3;
}
.page--questionnaire .form--horizontal .form__select::after {
  position: absolute;
  border-color: var(--text-color);
}
.page--questionnaire .btn + .btn .btn--sub {
  margin-top: 0;
}

.page--error .tit {
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Kaku Gothic Pro";
  font-weight: 500;
  letter-spacing: 0.02em;
  font-style: normal;
  font-optical-sizing: auto;
  line-height: 1.2;
  margin-bottom: 1em;
  color: var(--primary-color);
}
.page--error .tit span {
  letter-spacing: 0;
}
@media screen and (min-width: 961px) {
  .page--error .tit {
    font-size: 2vw;
  }
  .page--error .tit span {
    font-size: 8vw;
  }
  .page--error .txt, .page--error .txt--basic {
    text-align: center;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--error .tit {
    font-size: 5vw;
  }
  .page--error .tit span {
    font-size: 24vw;
  }
}

.section--list.page--profile .list--profile li .thumb {
  margin-bottom: 0.5em;
}
.section--list.page--profile .ph_artistphoto, .section--list.page--profile .block--txt {
  margin-bottom: 3em;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .section--list.page--profile .list--profile {
    gap: 40px 16px !important;
  }
}

.section--detail.page--profile__detail .block--profile {
  margin-top: 2em;
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -moz-column-gap: 1em;
       column-gap: 1em;
  align-items: center;
}
.section--detail.page--profile__detail .block--profile .is-vertical,
.section--detail.page--profile__detail .block--profile .is-vertical + dd {
  grid-column: 1/-1;
}
.section--detail.page--profile__detail .name {
  font-size: 2em;
  font-weight: bold;
}
.section--detail.page--profile__detail .list--sns {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.section--detail.page--profile__detail .list--sns li a {
  font-size: 2.4rem;
}
@media (hover: hover) and (pointer: fine) {
  .section--detail.page--profile__detail .list--sns li a {
    transition: opacity 0.3s;
  }
  .section--detail.page--profile__detail .list--sns li a:hover {
    opacity: 0.5;
  }
}
@media screen and (min-width: 961px) {
  .section--detail.page--profile__detail .inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4em;
  }
  .section--detail.page--profile__detail .btn {
    text-align: left;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .section--detail.page--profile__detail .block--thumb {
    margin-bottom: 1em;
  }
}
.section--detail.page--profile__detail .thumb {
  position: relative;
  border-bottom: 6px solid;
}
.section--detail.page--profile__detail .thumb img {
  vertical-align: bottom;
}
.section--detail.page--profile__detail.member01 .thumb {
  border-color: var(--member-blue);
}
.section--detail.page--profile__detail.member02 .thumb {
  border-color: var(--member-green);
}
.section--detail.page--profile__detail.member03 .thumb {
  border-color: var(--member-purple);
}
.section--detail.page--profile__detail.member04 .thumb {
  border-color: var(--member-pink);
}
.section--detail.page--profile__detail.member05 .thumb {
  border-color: var(--member-yellow);
}
.section--detail.page--profile__detail.member06 .thumb {
  border-color: var(--member-light-blue);
}
.section--detail.page--profile__detail.member07 .thumb {
  border-color: var(--member-white);
}
.section--detail.page--profile__detail.member08 .thumb {
  border-color: var(--member-red);
}

@media screen and (min-width: 961px) {
  .sp {
    display: none !important;
  }
  a, button {
    transition: 0.3s;
  }
  .btn input {
    transition: 0.3s;
  }
  .tit {
    font-size: 1.6rem;
  }
  .txt {
    font-size: 1.4rem;
  }
  .date {
    font-size: 1.8rem;
  }
  .category, .tag {
    font-size: 1.4rem;
  }
  .tit__labels {
    position: relative;
    top: -2px;
  }
  header .logo {
    height: 9vw;
    top: 0;
    left: 0;
    padding: var(--layout-side-pc);
  }
  header .drawer {
    width: 24%;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    top: calc(var(--layout-side-pc) * 0.5);
    right: calc(var(--layout-side-pc) * 0.5);
  }
  header .drawer .g-nav {
    padding: var(--layout-side-pc);
    gap: 2em;
  }
  header .drawer .g-nav ul {
    line-height: 1.4;
    gap: 1em;
  }
  header .drawer .g-nav li a, header .drawer .g-nav li button {
    position: relative;
    font-size: min(8vw, 3rem);
  }
  header .drawer .g-nav li a span, header .drawer .g-nav li button span {
    display: inline-block;
  }
  .drawer__btn {
    height: calc(var(--layout-side-pc) * 3);
    top: 0;
    right: 0;
    padding: var(--layout-side-pc);
    display: flex;
    align-items: center;
  }
  footer {
    padding: 4vw calc(var(--layout-side-pc) * 2);
    gap: 2em;
  }
  footer .footer__inner {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  footer .logo {
    width: min(20%, 200px);
  }
  footer .block--nav {
    gap: 0.5em;
  }
  footer .list--nav__contents {
    justify-content: flex-end;
  }
  body:not(.page--home) footer {
    padding: var(--layout-side-pc);
    text-align: center;
  }
  .content-main {
    padding: calc(var(--layout-side-pc) * 3) 0 calc(var(--layout-side-pc) * 2);
  }
  .section--detail .list--contents, .section--detail .list--discography, .section--list .list--contents, .section--list .list--discography {
    grid-template-columns: repeat(3, 1fr);
    gap: 64px 24px;
  }
  .block--category {
    margin: 2em auto;
  }
  .list--info li a {
    padding: 2em;
  }
  .list--event li .date {
    font-size: 3.2rem;
  }
  .list--event li .date .year, .list--event li .date .week {
    font-size: 1.6rem;
    margin-left: 8px;
  }
  .list--event li .tit {
    font-size: 1.8rem;
  }
  .list--event li.new .date::after {
    font-size: 1.6rem;
  }
  .list--schedule li a {
    padding: 1em 2em 1em 1em;
  }
  .list--profile {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 40px 24px !important;
  }
  .list--profile .name {
    font-size: 1.8rem;
  }
  .list--profile .block--profile dl {
    font-size: 1.4rem;
  }
  .list--pickup li a {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    padding: 1em 2em 1em 0;
    gap: 1em;
  }
  .list--pickup li a::after {
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border: 1px solid var(--primary-color);
    border-top: none;
    border-right: none;
    transform: rotate(-135deg);
    transition: 0.3s;
    vertical-align: middle;
  }
  .list--pickup li a::after {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
  }
  .list--pickup li .date {
    line-height: 1.6;
  }
  .page--home .section-tit {
    font-size: 5vw;
    line-height: 1;
  }
  .page--home .area--official [class^=section--]:not(.section--todays_schedule) {
    padding: 128px calc(var(--layout-side-pc) * 2);
  }
  .page--home .section--top {
    padding: calc(var(--layout-side-pc) * 3) var(--layout-side-pc) var(--layout-side-pc);
  }
  .page--home .section--todays_schedule {
    margin: calc(var(--layout-side-pc) * 3) calc(var(--layout-side-pc) * 2);
    padding: var(--layout-side-pc) calc(var(--layout-side-pc) * 2);
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    align-items: center;
    gap: 2em;
  }
  .page--home .section--todays_schedule .section-tit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 3.6vw;
  }
  .page--home .section--todays_schedule .list--schedule {
    min-width: 0;
  }
  .page--home .section--todays_schedule .block--date .date {
    font-size: 7rem;
  }
  .page--home .section--todays_schedule .block--date .year, .page--home .section--todays_schedule .block--date .week {
    font-size: 0.17em;
  }
  .page--home .section--todays_schedule .tit__labels {
    margin-right: 4px;
  }
  .page--home .section--todays_schedule, .page--home .area--official_inner {
    border-radius: var(--radius-lg);
  }
  .page--home .section--live_event .swiper-button-wrapper, .page--home .section--video .swiper-button-wrapper {
    right: calc(var(--layout-side-pc) * -2);
  }
  .page--home .section--pickup {
    padding: 1.6em 1.6em 0.6em;
    margin: 48px var(--layout-side-pc);
    background-color: var(--base-color);
  }
  .page--home .section--pickup .section-tit {
    font-size: 2rem;
    color: var(--primary-color);
    margin-bottom: 0.4em;
  }
  .page--home .section--pickup .block--pickup.no-carousel .swiper-wrapper {
    display: block;
  }
  .page--home .section--banner {
    margin: 98px 0;
  }
  .page--home .section--banner .swiper-container {
    padding-left: var(--layout-side-pc);
    padding-right: var(--layout-side-pc);
  }
  .page--home .section--banner .list--bnr li banner {
    display: block;
    width: 100%;
    transform: scale(1);
    transition: transform 0.55s cubic-bezier(0.22, 0.9, 0.36, 1);
    will-change: transform;
  }
}
@media screen and (min-width: 961px) and (hover: hover) and (pointer: fine) {
  .page--home .section--banner .list--bnr li:hover banner {
    transform: scale(1.1);
  }
}
@media screen and (min-width: 961px) {
  .page--home .section--banner.no-carousel .list--bnr {
    display: flex;
    justify-content: center;
    gap: 16px;
  }
  .page--home .section--banner.no-carousel .list--bnr li {
    width: calc(33.3333333333% - 16px);
  }
  .page--home .section--banner.no-carousel .swiper-button-wrapper {
    display: none;
  }
  .page--home .section--information {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4vw;
  }
  .page--home .section--information .wrap--section-tit {
    flex-direction: column;
    align-items: flex-start;
    width: 20%;
  }
  .page--home .section--information .list--info {
    width: 80%;
  }
  .page--home .section--live_event .swiper-container.no-carousel .list--event {
    display: flex;
    gap: 16px;
  }
  .page--home .section--live_event .swiper-container.no-carousel .list--event li {
    width: calc(33.3333333333% - 16px);
  }
  .page--home .section--video .list--movie li .tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 1.6em;
  }
  .page--home .section--video .swiper-button-wrapper {
    padding-bottom: calc(32px + 2.6em);
  }
  .page--home .section--profile .list--profile .block--profile {
    padding: 1em 1em 0.5em;
  }
  .page--discography__detail .area--disco-detail {
    display: flex;
    justify-content: space-between;
  }
  .page--discography__detail .area--disco-detail .block--jacket {
    width: 50%;
  }
  .page--discography__detail .area--disco-detail .block--detail {
    width: calc(50% - 40px);
  }
}
@media screen and (min-width: 961px) {
  /*  page--info live
  ------------------------------ */
  .page-live__detail .block--liveinfo {
    display: grid;
    grid-template-columns: 9em 1fr;
  }
  .page-live__detail .block--liveinfo dt,
  .page-live__detail .block--liveinfo dd {
    padding: 1em 0;
    border-bottom: 1px solid #ffc6b3;
  }
  .page-live__detail .block--liveinfo dt {
    padding-right: 24px;
  }
  .page-live__detail .block--liveinfo dd {
    margin: 0;
  }
  .page-live__detail .block--liveinfo .info {
    line-height: 1.8;
  }
  /*  page--questionnaire
  ------------------------------ */
  .page--questionnaire .section--detail {
    max-width: 900px;
    margin: 2em auto;
  }
  .page--questionnaire .section-tit {
    margin-bottom: 0.8em;
    font-size: 3rem;
    line-height: 1.5;
  }
  .page--questionnaire form dl dt {
    margin: 0 0 0.4em;
  }
  .page--questionnaire form dl dd {
    margin: 0 0 3em;
  }
  .page--questionnaire form dl .form__select::after {
    top: 50%;
    right: 0.75em;
    margin-top: -0.25em;
  }
  .page--questionnaire form .input--half[type=tel] {
    width: 25% !important;
  }
  .page--questionnaire form .input--quarter[type=number] {
    width: 5em !important;
    margin-right: 5px;
  }
  .page--questionnaire .form--horizontal .form__select::after {
    top: 50%;
    right: 0.5em;
    margin-top: -0.25em;
  }
  .page--questionnaire .icon--required {
    display: inline-block;
  }
  .page--questionnaire .icon--required::before {
    margin-left: 5px;
    padding: 3px 6px 3px;
    font-size: 11px;
    vertical-align: 2px;
  }
  .page--questionnaire .list--txt li {
    margin-bottom: 1em;
    padding-left: 1em;
    text-indent: -1em;
  }
}
@media (min-width: 961px) and (max-width: 1300px) {
  footer .footer__inner {
    justify-content: center;
    row-gap: 2em;
  }
  footer .block--nav {
    width: 100%;
    align-items: center;
  }
  footer .copyright {
    text-align: center;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .pc {
    display: none !important;
  }
  .tit {
    font-size: 1.4rem;
  }
  .txt {
    font-size: 1.4rem;
  }
  .date {
    font-size: 1.6rem;
  }
  .category, .tag {
    font-size: 1.2rem;
  }
  header .logo {
    height: 24vw;
    top: 0;
    left: 0;
    padding: calc(var(--layout-side-sp) * 2) calc(var(--layout-side-sp) + 1vw);
  }
  header .drawer {
    width: 80%;
    top: calc(var(--layout-side-sp) / 2);
    right: calc(var(--layout-side-sp) / 2);
  }
  header .drawer .g-nav {
    padding: calc(var(--layout-side-sp) * 3) calc(var(--layout-side-sp) * 2);
    gap: 3em;
  }
  header .drawer .g-nav ul {
    gap: 1em;
  }
  header .drawer .g-nav li a, header .drawer .g-nav li button {
    position: relative;
    font-size: min(8vw, 3rem);
  }
  .drawer__btn {
    top: calc(var(--layout-side-sp) * 1.5);
    right: var(--layout-side-sp);
  }
  .drawer-visible .drawer__btn {
    top: var(--layout-side-sp);
  }
  footer {
    padding: 12vw var(--layout-side-sp);
    gap: 4em;
  }
  footer .footer__inner {
    flex-direction: column;
    gap: 2em;
    max-width: 640px;
    margin: 0 auto;
  }
  footer .logo {
    width: min(50%, 300px);
    margin: 1em auto;
  }
  footer .copyright {
    font-size: 1.1rem;
    text-align: center;
  }
  footer .block--nav {
    gap: 2em;
  }
  footer .list--nav__contents {
    justify-content: center;
    gap: 0.5em 0.8em;
  }
  body:not(.page--home) footer {
    padding: var(--layout-side-sp);
  }
  .content-main {
    padding: 30vw 0 20vw;
  }
  .wrap--section-tit {
    margin-bottom: 2em;
  }
  .section--detail .list--contents, .section--detail .list--discography, .section--list .list--contents, .section--list .list--discography {
    grid-template-columns: repeat(1, 1fr);
    gap: 48px 8px;
  }
  .block--category {
    margin: 2em auto;
  }
  .list--info li a {
    padding: 1em;
  }
  .list--event li .date {
    font-size: 3.2rem;
  }
  .list--event li .date .year, .list--event li .date .week {
    font-size: 1.6rem;
    margin-left: 8px;
  }
  .list--event li .tit {
    font-size: 1.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .list--event li.new .date::after {
    font-size: 1.6rem;
  }
  .list--schedule li a {
    padding: 0.8em 1.6em 0.8em 0em;
  }
  .list--schedule li a::after {
    right: 0.5em;
  }
  .list--schedule .tit__labels {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
  .list--profile {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px 16px !important;
  }
  .list--profile .name {
    font-size: 1.6rem;
  }
  .list--profile .block--profile dl {
    font-size: 1.2rem;
  }
  .list--pickup li a {
    padding: 1em;
    background-color: var(--base-color);
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) and (hover: hover) and (pointer: fine) {
  .list--pickup li a:hover {
    transform: translateY(-6px);
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .list--contents .category, .list--discography .category {
    font-size: 1.1rem;
  }
  .page--home .swiper-button-wrapper {
    display: none;
    gap: 16px;
    padding: 16px;
  }
  .page--home .swiper-button-wrapper .swiper-button-prev::after, .page--home .swiper-button-wrapper .swiper-button-next::after {
    width: 16px;
  }
  .page--home .section--live_event .swiper-button-wrapper, .page--home .section--video .swiper-button-wrapper {
    right: calc(var(--layout-side-sp) * -1);
  }
  .page--home .area--official [class^=section--]:not(.section--todays_schedule) {
    padding: 64px var(--layout-side-sp);
  }
  .page--home .area--official_inner [class^=section--] + [class^=section--] {
    padding-top: 24px;
  }
  .page--home .section--todays_schedule, .page--home .area--official_inner {
    border-radius: var(--radius-md);
  }
  .page--home .section--top {
    padding: 24vw var(--layout-side-sp) var(--layout-side-sp);
  }
  .page--home .section--pickup {
    margin: 48px var(--layout-side-sp);
  }
  .page--home .section--pickup .list--pickup li {
    height: auto;
  }
  .page--home .section--pickup .list--pickup li a {
    height: 100%;
  }
  .page--home .section--pickup .section-tit {
    font-size: 1.8rem;
    margin-bottom: 0.4em;
  }
  .page--home .section--banner {
    margin: 48px 0;
  }
  .page--home .section--banner .swiper-container {
    padding-left: var(--layout-side-sp);
    padding-right: var(--layout-side-sp);
  }
  .page--home .section--todays_schedule {
    margin: calc(var(--layout-side-sp) * 4) var(--layout-side-sp);
    padding: var(--layout-side-sp);
  }
  .page--home .section--todays_schedule .section-tit {
    font-size: min(6vw, 3rem);
    text-align: center;
    margin: 0.5em auto;
  }
  .page--home .section--todays_schedule .block--date .date {
    font-size: 5.8rem;
  }
  .page--home .section--todays_schedule .block--date .year, .page--home .section--todays_schedule .block--date .week {
    font-size: 0.35em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  /*  page--info live
  ------------------------------ */
  .page-live__detail .block--liveinfo {
    display: block;
  }
  .page-live__detail .block--liveinfo dt {
    padding: 16px 0 4px;
  }
  .page-live__detail .block--liveinfo dd {
    padding: 0 0 16px;
    border-bottom: 1px solid #ffc6b3;
  }
  .page--discography__detail .block--detail {
    margin-top: 2em;
  }
  .page--questionnaire form dl dt {
    margin: 0 0 0.4em;
  }
  .page--questionnaire form dl dd {
    margin: 0 0 2.4em;
  }
  .page--questionnaire form dl .form__select::after {
    top: 50%;
    right: 0.75em;
    margin-top: -0.25em;
  }
  .page--questionnaire form .input--half {
    width: 100% !important;
  }
  .page--questionnaire form .input--quarter {
    width: 50% !important;
  }
  .page--questionnaire form .input--half[type=tel] {
    width: 100% !important;
  }
  .page--questionnaire form .input--quarter[type=number] {
    width: 5em !important;
    margin-right: 5px;
  }
  .page--questionnaire .form--horizontal .form__select::after {
    top: 50%;
    right: 0.5em;
    margin-top: -0.25em;
  }
}
@media screen and (min-width: 756px) and (max-width: 960px) {
  .page--home .section--top {
    padding-top: 12vw;
  }
  header .logo {
    height: 12vw;
    padding: var(--layout-side-sp);
  }
  header .drawer {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  header .drawer .g-nav {
    padding: calc(var(--layout-side-sp) * 1.2);
  }
  .drawer__btn {
    top: var(--layout-side-sp);
    right: var(--layout-side-sp);
  }
  .content-main {
    padding: 12vw 0;
  }
}/*# sourceMappingURL=fanclub-service.css.map */