<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p&amp;family=Oswald&amp;family=Noto+Sans+JP:wght@100;300;400;500;700;900&amp;family=Noto+Serif+JP:wght@300;400;500;700&amp;family=Oswald:wght@200;300;400;500;600;700&amp;family=Rubik:wght@300;400;500;600;700;800;900&amp;family=Zen+Antique+Soft&amp;display=swap");
/* ================================================
Theme Name: FM802 Theme
Author: Project Echoes Inc.
Author URI: https://www.projectechoes.com
Version: 1.0
Domain: Project Echoes Inc.
================================================ */
/* ==================================================================================== 
Normalize
==================================================================================== */
/* Document */
html {
  line-height: 1;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections */
body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0; }

/* Grouping content */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

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

/* Text-level semantics */
a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

b,
strong {
  font-weight: bold; }

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

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; }

/* Embedded content */
img {
  border-style: none; }

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

button,
input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

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

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

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

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

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

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive */
details {
  display: block; }

summary {
  display: list-item; }

/* Misc */
template {
  display: none; }

[hidden] {
  display: none; }

/* ==================================================================================== 
Foundation
==================================================================================== */
html {
  font: 10px -apple-system, 'BlinkMacSystemFont', 'Helvetica Neue', Arial, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', sans-serif;
  font-weight: 400;
  font-style: normal; }

body {
  font-family: 'Rubik', 'Noto Sans JP', sans-serif;
  background-color: #F8F8FF; }
  body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(6px);
    opacity: 0;
    z-index: -9999; }
  body.is-openMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; }
    body.is-openMenu::after {
      opacity: 1;
      z-index: 10; }
  body.blog.light {
    background-color: #F8F8FF; }
    body.blog.light h2 {
      color: #181919; }
    body.blog.light .c-blog__contents {
      background-color: #F8F8FF; }
      body.blog.light .c-blog__contents .timetable {
        background-color: #fff;
        color: #181919; }
      body.blog.light .c-blog__contents .box {
        border-color: #DDDDDD;
        color: #181919; }
    body.blog.light article {
      background-color: #fff;
      color: #181919; }
      body.blog.light article .body {
        border-color: #181919; }
  body.blog.dark {
    background-color: #181919; }
    body.blog.dark h2 {
      color: #F8F8FF; }
    body.blog.dark .c-blog__contents {
      background-color: #181919; }
      body.blog.dark .c-blog__contents .timetable {
        background-color: #767676;
        color: #F8F8FF; }
      body.blog.dark .c-blog__contents .box {
        border-color: #767676;
        color: #F8F8FF; }
    body.blog.dark article {
      background-color: #F8F8FF;
      color: #181919; }
      body.blog.dark article .body {
        border-color: #181919; }

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

a, a:visited {
  text-decoration: none !important;
  color: inherit !important;
  font-family: 'Rubik', 'Noto Sans JP', sans-serif;
  transition: all .3s; }
  @media (hover: hover) {
    a:hover &gt; img, a:visited:hover &gt; img {
      opacity: .6; } }

li {
  list-style: none;
  margin: 0; }

img {
  width: 100%;
  height: auto;
  transition: all .3s; }

p, ul {
  margin-bottom: 0;
  padding: 0; }

/* ==================================================================================== 
Layout
==================================================================================== */
/* header ---------------------------------------------------------- */
.l-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  z-index: 9999; }
  @media (min-width: 1025px) {
    .l-header {
      position: relative;
      height: auto; } }
  .l-header.small {
    background: rgba(248, 248, 255, 0.6);
    position: sticky;
    animation: scrollHeader .6s ease forwards;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px); }
    .l-header.small &gt; .l-header__inner {
      display: flex;
      align-items: flex-end;
      padding: 0 20px 18px;
      gap: 30px;
      transform-origin: 0 0;
      background-color: unset; }
      .l-header.small &gt; .l-header__inner .p-nav__lists--pc &gt; li {
        font-size: 1.4rem;
        line-height: 10px; }
        .l-header.small &gt; .l-header__inner .p-nav__lists--pc &gt; li a {
          align-items: flex-end; }
      .l-header.small &gt; .l-header__inner &gt; h1 {
        min-width: 180px; }
      .l-header.small &gt; .l-header__inner &gt; .l-header__wholeearth {
        display: none; }
        @media (min-width: 768px) {
          .l-header.small &gt; .l-header__inner &gt; .l-header__wholeearth {
            display: flex;
            position: absolute;
            top: 14px;
            left: unset;
            right: 180px; } }
        .l-header.small &gt; .l-header__inner &gt; .l-header__wholeearth--button {
          display: flex;
          width: 257px; }
          @media (min-width: 768px) {
            .l-header.small &gt; .l-header__inner &gt; .l-header__wholeearth--button {
              width: 310px; } }
  .l-header__inner {
    display: grid;
    grid-template-columns: 110px 1fr 60px;
    align-items: center;
    width: 100%;
    height: 60px;
    margin-top: 58px;
    padding: 0 0 0 20px;
    background-color: #fff;
    border-bottom: 1px solid #DDDDDD;
    transition: all .4s; }
    @media (min-width: 1025px) {
      .l-header__inner {
        position: relative;
        grid-template-columns: 1fr;
        height: auto;
        max-width: 1140px;
        justify-items: center;
        align-items: flex-start;
        background-color: unset;
        margin: 0 auto;
        padding: 40px 20px 0;
        border: none; } }
    @media (min-width: 1336px) {
      .l-header__inner {
        max-width: 1240px; } }
    .l-header__inner h1 {
      margin-top: 3px;
      width: 110px; }
      @media (min-width: 1025px) {
        .l-header__inner h1 {
          min-width: 200px;
          height: auto;
          margin-top: 0; } }
      .l-header__inner h1 a {
        width: 100%;
        height: auto; }
  .l-header__radipass {
    display: flex;
    justify-content: center;
    justify-content: flex-end; }
    @media (min-width: 1025px) {
      .l-header__radipass {
        position: absolute;
        top: 14px;
        right: 20px; } }
    .l-header__radipass--button {
      display: flex;
      width: 157px; }
      @media (min-width: 768px) {
        .l-header__radipass--button {
          width: 210px; } }
  .l-header__wholeearth {
    display: none; }
    @media (min-width: 768px) {
      .l-header__wholeearth {
        display: flex;
        position: absolute;
        top: 14px;
        left: 20px; } }
    .l-header__wholeearth--button {
      display: flex;
      width: 257px; }
      @media (min-width: 768px) {
        .l-header__wholeearth--button {
          width: 310px; } }
  .l-headerPost {
    width: 100%;
    overflow: hidden;
    padding: 20px;
    margin-top: 130px;
    background-color: #9198A0;
    color: #F8F8FF;
    font-size: 1.2rem;
    letter-spacing: .05rem; }
    @media (min-width: 1025px) {
      .l-headerPost {
        margin-top: 20px;
        height: max-content;
        position: sticky;
        top: 60px; } }
    .l-headerPost__stepper {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      width: 138%;
      margin-left: -19%;
      margin-top: 20px; }
      @media (min-width: 768px) {
        .l-headerPost__stepper {
          margin-top: 40px; } }
      .l-headerPost__stepper.step1 .c-stepper__item:first-child::before {
        background-color: #FABE00; }
      .l-headerPost__stepper.step2 .c-stepper__item:first-child::before,
      .l-headerPost__stepper.step2 .c-stepper__item:nth-child(2)::before {
        background-color: #FABE00; }
      .l-headerPost__stepper.step3 .c-stepper__item:first-child::before,
      .l-headerPost__stepper.step3 .c-stepper__item:nth-child(2)::before,
      .l-headerPost__stepper.step3 .c-stepper__item:last-child::before {
        background-color: #FABE00; }
    .l-headerPost .c-stepper__item {
      display: flex;
      flex-direction: column;
      text-align: center;
      font-size: 1rem;
      flex: 1; }
      .l-headerPost .c-stepper__item:before {
        content: '1';
        display: block;
        line-height: 26px;
        position: relative;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background-color: #C1C1C1;
        color: #fff;
        margin: 0 auto; }
      .l-headerPost .c-stepper__item:nth-child(2)::before {
        content: '2'; }
      .l-headerPost .c-stepper__item:nth-child(3)::before {
        content: '3'; }
      .l-headerPost .c-stepper__item:not(:last-child):after {
        content: '';
        position: relative;
        height: 1px;
        background-color: #e0e0e0;
        top: 1.5rem;
        left: calc(50% + 1.5rem + 8px);
        width: calc(100% - 3rem - 8px - 8px);
        order: -1; }
      .l-headerPost .c-stepper__item p {
        margin-top: 4px; }
    .l-headerPost .l-headerPost__inner {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      padding: 20px 20px 5px;
      background-color: #9198A0;
      z-index: 9; }
      @media (min-width: 768px) {
        .l-headerPost .l-headerPost__inner {
          position: relative;
          padding: 20px 0 5px; } }
    .l-headerPost h1 {
      width: 150px; }
    .l-headerPost h2 {
      padding: 10px 0;
      color: #F8F8FF;
      border-top: 1px solid #F8F8FF;
      border-bottom: 1px solid #F8F8FF; }
      @media (min-width: 768px) {
        .l-headerPost h2 {
          margin: 20px 0 0; } }
    .l-headerPost__radipass {
      position: relative;
      background-color: #fff;
      color: #181919;
      padding: 15px; }
      .l-headerPost__radipass--title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center; }
        .l-headerPost__radipass--title h3 {
          font-size: 1.3rem;
          margin: 0; }
          .l-headerPost__radipass--title h3 img {
            width: 100px;
            margin-right: 4px; }
      .l-headerPost__radipass--description {
        color: #969696;
        font-size: 1rem; }
      .l-headerPost__radipass--lostpass {
        width: 100%;
        text-align: right; }
        .l-headerPost__radipass--lostpass a {
          font-size: 1rem;
          text-decoration: underline !important; }
    .l-headerPost__description {
      line-height: 2rem; }
  .l-headerBlog__inner {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    width: 100%;
    height: auto;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0; }
    @media (min-width: 768px) {
      .l-headerBlog__inner {
        padding: 0 20px 0; } }
    @media (min-width: 1336px) {
      .l-headerBlog__inner {
        max-width: 1240px; } }
    .l-headerBlog__inner h1 {
      position: relative;
      width: 100%;
      background-size: cover; }
      .l-headerBlog__inner h1 a {
        opacity: 0;
        position: absolute;
        z-index: -1; }
      .l-headerBlog__inner h1::before {
        content: '';
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        padding-top: 52.5%; }

@keyframes scrollHeader {
  0% {
    top: -200px; }
  100% {
    top: 0; } }

/* contents -------------------------------------------------------- */
.l-contents {
  overflow: hidden;
  width: 100%;
  margin-top: 118px; }
  @media (min-width: 1025px) {
    .l-contents {
      margin-top: 0; } }
  .l-contents__more {
    display: flex;
    justify-content: flex-end; }
    @media (min-width: 768px) {
      .l-contents__more {
        width: calc(100% - 40px);
        max-width: 1100px;
        margin: 30px auto; } }
    @media (min-width: 1336px) {
      .l-contents__more {
        max-width: 1200px; } }
 .l-contents__btncenter {
    display: flex;
    justify-content: center; }
    @media (min-width: 768px) {
      .l-contents__btncenter {
        width: calc(100% - 40px);
        max-width: 1100px;
        margin: 30px auto; } }
    @media (min-width: 1336px) {
      .l-contents__btncenter {
        max-width: 1200px; } }
  .l-contents__inner {
    padding: 0 20px; }
    @media (min-width: 768px) {
      .l-contents__inner {
        width: calc(100% - 40px);
        max-width: 1100px;
        margin: 0 auto;
        padding: 0; } }
    @media (min-width: 1336px) {
      .l-contents__inner {
        max-width: 1200px; } }
  .l-contentsPost {
    display: grid;
    width: 100%; }
    @media (min-width: 1025px) {
      .l-contentsPost {
        max-width: 1100px;
        margin: 30px auto;
        padding: 0; } }
    @media (min-width: 1025px) {
      .l-contentsPost {
        grid-template-columns: 360px 1fr; } }
    @media (min-width: 1336px) {
      .l-contentsPost {
        max-width: 1200px; } }
    .l-contentsPost__inner {
      background-color: #fff;
      padding: 20px; }
      @media (min-width: 1025px) {
        .l-contentsPost__inner {
          height: max-content;
          padding: 60px;
          filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.38)); } }
  .l-contentsBlog__inner {
    padding: 0; }
    @media (min-width: 768px) {
      .l-contentsBlog__inner {
        width: calc(100% - 40px);
        max-width: 1100px;
        margin: 0 auto;
        padding: 0; } }
    @media (min-width: 1336px) {
      .l-contentsBlog__inner {
        max-width: 1200px; } }

/* footer ---------------------------------------------------------- */
.l-footer {
  background-color: #181919;
  width: 100%;
  height: auto;
  min-height: 300px;
  margin-top: 60px; }
  @media (min-width: 1025px) {
    .l-footer {
      margin-top: 30px;
      padding-bottom: 140px; } }
  .l-footerBlog {
    background-color: #181919;
    color: #F8F8FF; }
    @media (min-width: 1025px) {
      .l-footerBlog {
        margin-top: 30px;
        padding-bottom: 20px; } }
    .l-footerBlog__inner {
      display: grid;
      justify-content: center;
      width: 100%;
      max-width: 1100px;
      padding: 30px 0 20px;
      margin: 0 auto; }
      .l-footerBlog__inner .c-project__banner--sales,
      .l-footerBlog__inner .c-project__banner--twitter {
        display: block; }
        @media (min-width: 1025px) {
          .l-footerBlog__inner .c-project__banner--sales,
          .l-footerBlog__inner .c-project__banner--twitter {
            display: none; } }
    .l-footerBlog__copyright {
      text-align: center;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 0 30px;
      font-size: 1.2rem;
      letter-spacing: .1rem; }
  .l-footer__inner {
    display: grid;
    width: 100%;
    max-width: 1100px;
    padding: 60px 0 0;
    margin: 0;
    color: #fff; }
    @media (min-width: 768px) {
      .l-footer__inner {
        padding: 60px 20px 0; } }
    @media (min-width: 1025px) {
      .l-footer__inner {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 60px 0; } }
    @media (min-width: 1336px) {
      .l-footer__inner {
        max-width: 1200px; } }
  .l-footer__contents {
    letter-spacing: .1rem; }
    @media (min-width: 1025px) {
      .l-footer__contents {
        width: max-content;
        margin-top: -15px; } }
    .l-footer__contents:last-child {
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      width: 260px;
      margin: 30px auto;
      padding-bottom: 80px;
      gap: 10px;
      background-image: url("../images/svg/vi_fm802-invert.svg");
      background-position: center bottom;
      background-repeat: no-repeat; }
      @media (min-width: 1025px) {
        .l-footer__contents:last-child {
          width: 210px;
          margin: 0;
          background-size: 210px;
          background-position: right bottom; } }
    .l-footer__contents--title {
      cursor: pointer;
      position: relative;
      overflow: hidden;
      height: 50px;
      line-height: 51px;
      font-size: 1.6rem;
      font-weight: 500;
      padding: 0 20px;
      background-color: #000;
      letter-spacing: .1rem; }
      .l-footer__contents--title:after {
        position: absolute;
        display: block;
        content: '';
        top: 15px;
        right: 20px;
        width: 10px;
        height: 10px;
        border-left: 1px solid #969696;
        border-bottom: 1px solid #969696;
        transform: rotate(-45deg);
        transition: all .4s; }
      .l-footer__contents--title.active:after {
        transform: rotate(-225deg);
        top: 18px; }
      @media (min-width: 1025px) {
        .l-footer__contents--title {
          background-color: unset;
          padding: 0; }
          .l-footer__contents--title:after {
            content: none; } }
    .l-footer__contents--lists {
      overflow: hidden;
      transition: all .5s; }
    .l-footer__contents--list {
      cursor: pointer;
      font-size: 1.1rem;
      height: 38px;
      line-height: 38px;
      margin: 0 10px;
      padding: 0 10px;
      transition: all .4s; }
      .l-footer__contents--list:not(:last-child) {
        border-bottom: 1px solid #2E2E2E; }
      @media (min-width: 1025px) {
        .l-footer__contents--list {
          background-color: unset;
          margin: 0;
          padding: 0;
          font-size: 1.3rem;
          border: none !important;
          height: 30px;
          line-height: 30px; } }
      @media (hover: hover) {
        .l-footer__contents--list:hover {
          opacity: .6; } }
    .l-footer__contents--sns {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .l-footer__contents--sns a {
        transition: all .4s;
        width: 25px; }
        @media (hover: hover) {
          .l-footer__contents--sns a:hover {
            opacity: .6; } }
  .l-footer__copyright {
    text-align: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
    color: #969696;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    border-top: 1px solid #2E2E2E; }

/* ==================================================================================== 
Object
==================================================================================== */
/* c-support ---------------------------------------------------------- */
.c-blog {
  padding: 0; }
  .c-blog &gt; .c-project__banner--sales,
  .c-blog &gt; .c-project__banner--twitter {
    display: block; }
    @media (min-width: 1025px) {
      .c-blog &gt; .c-project__banner--sales,
      .c-blog &gt; .c-project__banner--twitter {
        display: none; } }
  .c-blog.light {
    background-color: #F8F8FF; }
    .c-blog.light h2 {
      color: #181919; }
    .c-blog.light .c-blog__contents {
      background-color: #F8F8FF; }
      .c-blog.light .c-blog__contents .timetable {
        background-color: #fff;
        color: #181919; }
      .c-blog.light .c-blog__contents .box {
        border-color: #DDDDDD;
        color: #181919; }
    .c-blog.light article {
      background-color: #fff;
      color: #181919; }
      .c-blog.light article .body {
        word-break: break-all;
        border-color: #181919; }
  .c-blog__inner {
    overflow: hidden;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr; }
    @media (min-width: 1025px) {
      .c-blog__inner {
        overflow: inherit;
        grid-template-columns: 320px 1fr; } }
  .c-blog__contents {
    padding: 0; }
    @media (min-width: 1025px) {
      .c-blog__contents {
        padding: 30px 30px 30px 0; } }
    .c-blog__contents--inner {
      position: sticky;
      display: grid;
      flex-wrap: wrap;
      align-content: flex-start;
      width: 100%;
      top: 30px;
      left: 0;
      font-size: 1.4rem;
      transition: all .3s; }
      .c-blog__contents--inner .box,
      .c-blog__contents--inner .timetable {
        padding: 15px 30px 20px;
        font-size: 1.2rem; }
        @media (min-width: 1025px) {
          .c-blog__contents--inner .box,
          .c-blog__contents--inner .timetable {
            padding: 15px; } }
        .c-blog__contents--inner .box h2,
        .c-blog__contents--inner .timetable h2 {
          text-align: left;
          justify-content: center;
          margin: 0 0 20px;
          width: 100%;
          letter-spacing: .3rem;
          border-top: none;
          border-bottom: 1px solid; }
          @media (min-width: 1025px) {
            .c-blog__contents--inner .box h2,
            .c-blog__contents--inner .timetable h2 {
              padding: 0 0 10px;
              margin: 0 0 15px;
              justify-content: flex-start; } }
      .c-blog__contents--inner .box {
        border-top: 1px solid;
        border-bottom: 1px solid;
        margin: 0;
        padding: 20px 30px; }
        @media (min-width: 1025px) {
          .c-blog__contents--inner .box {
            padding: 20px;
            margin: 20px 0; } }
      .c-blog__contents--inner .c-project__banner--sales,
      .c-blog__contents--inner .c-project__banner--twitter {
        display: none; }
        @media (min-width: 1025px) {
          .c-blog__contents--inner .c-project__banner--sales,
          .c-blog__contents--inner .c-project__banner--twitter {
            display: block; } }
  .c-blog__information {
    overflow: hidden;
    width: 100%;
    color: #767676;
    font-size: 1.3rem;
    letter-spacing: .08rem;
    line-height: 23px;
    padding: 0 20px; }
    @media (min-width: 768px) {
      .c-blog__information {
        overflow: inherit;
        padding: 0;
        font-size: 1.4rem;
        letter-spacing: .08rem; } }
  .c-blog__body {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 2.6rem;
    padding: 20px 0; }
    @media (min-width: 768px) {
      .c-blog__body {
        padding: 30px 0;
        font-size: 1.4rem; } }
    .c-blog__body h2 {
      width: 100%;
      margin: 0;
      letter-spacing: .3rem; }
    .c-blog__body article {
      overflow: hidden;
      width: 100%;
      padding: 20px;
      margin-top: 20px; }
      @media (min-width: 768px) {
        .c-blog__body article {
          padding: 40px; } }
      .c-blog__body article .post_date {
        font-size: 1.3rem;
        border-bottom: 1px solid;
        padding-bottom: 20px; }
        .c-blog__body article .post_date::before {
          content: 'postdate: '; }
      .c-blog__body article .sns {
        display: flex;
        align-items: center;
        align-content: center;
        gap: 10px;
        margin-top: 20px; }
        .c-blog__body article .sns .fb-share-button {
          margin-top: -9px; }
      .c-blog__body article .body {
        overflow: hidden;
        width: 100%;
        margin-top: 20px; }
        .c-blog__body article .body &gt; a {
          text-decoration: underline !important; }
          @media (hover: hover) {
            .c-blog__body article .body &gt; a:hover {
              opacity: 0.4 !important; } }
        .c-blog__body article .body &gt; .img {
          display: block;
          width: 100%;
          margin-bottom: 20px;
          background-color: #181919; }
          .c-blog__body article .body &gt; .img &gt; img {
            display: block;
            width: unset;
            max-width: 70%;
            margin: 0 auto; }
  .c-blogEntry {
    position: relative;
    width: 100%;
    padding-bottom: 40px;
    padding-top: 100px; }
    @media (min-width: 768px) {
      .c-blogEntry {
        background-image: url("../images/svg/Square_001.svg");
        background-position: right -180px bottom 160px;
        background-repeat: no-repeat; } }
    .c-blogEntry h3 {
      display: grid;
      justify-content: center;
      border: none; }
      .c-blogEntry h3 img {
        height: 60px;
        margin: 20px 0; }
      .c-blogEntry h3::before {
        content: '';
        position: relative;
        height: 80px;
        width: 1px;
        background-color: #DDDDDD;
        margin: 0 auto 20px; }
      .c-blogEntry h3::after {
        content: '';
        position: absolute;
        height: 5px;
        width: 5px;
        top: 0;
        left: 50%;
        background-color: #969696;
        border-radius: 5px;
        transform: translateX(-50%);
        animation: scrolldown 1.4s ease infinite; }
    .c-blogEntry__bgWrap {
      position: absolute;
      display: flex;
      justify-content: flex-start;
      width: 100%;
      height: 100vh;
      z-index: -1; }
      @media (min-width: 768px) {
        .c-blogEntry__bgWrap {
          height: 100%; } }
      .c-blogEntry__bgWrap span {
        display: block;
        position: absolute;
        width: auto;
        height: calc(100% - 40px);
        padding-left: 10px;
        top: 40px;
        right: 0; }
        .c-blogEntry__bgWrap span img {
          height: 100%;
          width: auto; }
    .c-blogEntry__inner {
      width: calc(100% - 40px);
      max-width: 1100px;
      padding: 0;
      margin: 0 20px; }
      @media (min-width: 1025px) {
        .c-blogEntry__inner {
          width: calc(100% - 40px);
          margin: 0 auto;
          padding: 0; } }
      @media (min-width: 1336px) {
        .c-blogEntry__inner {
          max-width: 1200px; } }
    .c-blogEntry__contents {
      display: grid;
      grid-template-columns: 1fr;
      gap: 30px;
      margin-top: 30px; }
      @media (min-width: 1280px) {
        .c-blogEntry__contents {
          grid-template-columns: repeat(2, 1fr); } }
    .c-blogEntry__content {
      overflow: hidden;
      position: relative;
      display: block; }
      @media (hover: hover) {
        .c-blogEntry__content:hover .c-radipassTicket__content--eyecatch &gt; img {
          opacity: .6;
          transform: scale(1.1); } }
      .c-blogEntry__content &gt; a {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%; }
        @media (min-width: 768px) {
          .c-blogEntry__content &gt; a {
            align-items: flex-start;
            grid-template-columns: 300px 1fr; } }
      .c-blogEntry__content--eyecatch {
        overflow: hidden;
        display: flex;
        aspect-ratio: 16/9;
        background-color: #181919; }
        .c-blogEntry__content--eyecatch img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: contain;
          transition: all .4s; }
      .c-blogEntry__content--information {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; }
      .c-blogEntry__content--date {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        font-size: 1.3rem; }
      .c-blogEntry__content--title {
        display: flex;
        width: 100%;
        font-size: 1.5rem;
        font-weight: bold;
        padding: 8px 0;
        margin-top: 8px;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD; }
      .c-blogEntry__content--place {
        display: flex;
        width: 100%;
        font-size: 1.2rem;
        color: #969696;
        padding-top: 8px; }
  .c-blogHomepage__inner {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    width: 100%;
    height: auto;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0; }
    @media (min-width: 768px) {
      .c-blogHomepage__inner {
        padding: 0 20px 0; } }
    @media (min-width: 1336px) {
      .c-blogHomepage__inner {
        max-width: 1240px; } }
    .c-blogHomepage__inner &gt; h2 {
      display: block;
      padding: 0;
      position: relative;
      width: 100%;
      margin-bottom: 0;
      margin: 0;
      background-size: cover; }
      .c-blogHomepage__inner &gt; h2 a {
        opacity: 0;
        position: absolute;
        z-index: -1; }
      .c-blogHomepage__inner &gt; h2::before {
        content: '';
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        padding-top: 52.5%; }

/* c-banner ---------------------------------------------------------- */
.c-banner__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
  padding: 0 0 10px; }
  @media (min-width: 768px) {
    .c-banner__inner {
      width: calc(100% - 40px);
      max-width: 1100px;
      margin: 30px auto; } }
  @media (min-width: 1336px) {
    .c-banner__inner {
      max-width: 1200px; } }
  .c-banner__inner &gt; a {
    width: 150px; }


/* c-snsbanner ---------------------------------------------------------- */
.c-snsbanner {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px;
}
.c-snsbanner__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 10px;
  padding: 5px 10px; }
  @media (min-width: 768px) {
    .c-snsbanner__inner {
      width: calc(100% - 40px);
      max-width: 1100px;
      margin: 20px auto; } }
  @media (min-width: 1336px) {
    .c-snsbanner__inner {
      max-width: 1200px; } }

.c-snsbanner__image {
  display: flex;
  width: 500px; }
.c-snsbanner__image &gt; a {
  margin: 5px; }

.c-snsbanner__title {
  font-size: 1.6rem;
  line-height: 3.2rem;
  color: #fff;
  font-weight: bold; }
  @media (min-width: 768px) {
    .c-snsbanner__title {
      font-size: 2rem; } }

/* c-section ---------------------------------------------------------- */
section {
  width: 100%;
  margin: 0 auto; }
  section h2 {
    display: grid;
    justify-content: center;
    width: calc(100% - 40px);
    max-width: 1100px;
    padding: 16px;
    margin: 0 20px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD; }
    @media (min-width: 1025px) {
      section h2 {
        margin: 0 auto; } }
    @media (min-width: 1336px) {
      section h2 {
        max-width: 1400px; } }
    section h2 &gt; img {
      width: auto;
      height: 18px; }
      @media (min-width: 1025px) {
        section h2 &gt; img {
          height: 20px; } }

/* c-onair ----------------------------------------------------------- */
.c-onair {
  position: fixed;
  width: 100%;
  height: auto;
  top: 0;
  background-color: #000;
  color: #8C8C8C;
  z-index: 9999; }
  @media (min-width: 1025px) {
    .c-onair {
      width: 100%;
      height: 170px;
      top: unset;
      bottom: 0;
      background-color: #F8F8FF;
      color: #181919; } }
  .c-onair__inner {
    display: grid;
    grid-template-columns: 1fr 70px;
    width: 100%;
    max-width: 1440px;
    height: 58px;
    margin: 0 auto;
    gap: 20px;
    align-items: center; }
    @media (min-width: 1025px) {
      .c-onair__inner {
        grid-template-columns: 126px 1fr 265px;
        align-items: flex-start;
        gap: 0;
        width: 100%;
        height: 140px;
        padding: 18px 20px; } }
  .c-onair__contact {
    display: none; }
    @media (min-width: 1025px) {
      .c-onair__contact {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        align-items: center; }
        .c-onair__contact &gt; img {
          width: 60px;
          margin-top: 14px;
          margin-right: 6px; }
        .c-onair__contact &gt; a {
          margin-top: 18px;
          text-decoration: underline !important; } }
    .c-onair__contact--player {
      width: 100%;
      height: 104px; }
    .c-onair__contact--inner {
      margin-top: 8px;
      grid-column: 2 span;
      width: 100%;
      display: grid;
      grid-template-columns: 167px 1fr 1fr;
      gap: 8px; }
      .c-onair__contact--inner &gt; form {
        max-width: 200px; }
  .c-onair__nowOnAir {
    display: none; }
    @media (min-width: 1025px) {
      .c-onair__nowOnAir {
        display: grid;
        grid-template-columns: 1fr; } }
    .c-onair__nowOnAir--area {
      overflow: hidden;
      width: 100%;
      height: 142px; }
    .c-onair__nowOnAir--program {
      display: grid;
      grid-template-columns: 166px 1fr 88px;
      width: 100%;
      height: 142px; }
    .c-onair__nowOnAir--nextProgram {
      display: grid;
      grid-template-columns: 88px 166px 1fr;
      width: 100%;
      height: 144px; }
      .c-onair__nowOnAir--nextProgram &gt; .c-onair__contact--inner {
        grid-column: 2/4; }
    .c-onair__nowOnAir--info {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 90px;
      justify-content: space-between;
      align-items: flex-start; }
    .c-onair__nowOnAir--title {
      display: flex;
      align-items: flex-end;
      text-align: left;
      height: 20px;
      padding-left: 10px;
      padding-bottom: 2px;
      font-size: 1rem;
      font-weight: 400;
      letter-spacing: .08rem;
      word-break: keep-all;
      white-space: nowrap;
      border-bottom: 1px solid #8C8C8C;
      height: 22px;
      font-size: 1.2rem; }
    .c-onair__nowOnAir--time {
      justify-content: flex-end;
      text-align: right;
      color: #8C8C8C;
      font-size: 1.2rem; }
    .c-onair__nowOnAir--programName, .c-onair__nowOnAir--dj, .c-onair__nowOnAir--about {
      grid-column: span 2;
      margin-left: 10px;
      font-size: 1.2rem; }
    .c-onair__nowOnAir--programName {
      height: 20px;
      font-size: 1.5em;
      font-weight: 500;
      letter-spacing: .03rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: all .2s; }
      @media (hover: hover) {
        .c-onair__nowOnAir--programName:hover {
          opacity: .4; } }
    .c-onair__nowOnAir--dj {
      margin-top: 10px;
      margin-bottom: 10px;
      transition: all .2s; }
      @media (min-width: 1025px) {
        .c-onair__nowOnAir--dj {
          font-size: 1rem;
          margin-top: 0; } }
      @media (min-width: 1280px) {
        .c-onair__nowOnAir--dj {
          font-size: 1.3rem; } }
      .c-onair__nowOnAir--dj &gt; a::before {
        content: 'DJ：'; }
      .c-onair__nowOnAir--dj &gt; a:not(:first-child)::before {
        content: '/';
        margin: 0 2px; }
      @media (hover: hover) {
        .c-onair__nowOnAir--dj &gt; a:hover {
          opacity: .4; } }
    .c-onair__nowOnAir--about {
      overflow: hidden;
      color: #969696;
      letter-spacing: .03rem; }
      .c-onair__nowOnAir--about &gt; p {
        word-break: keep-all;
        white-space: nowrap;
        animation: scrollSongName 15s linear infinite; }
    .c-onair__nowOnAir--radiko {
      overflow: hidden;
      height: 104px;
      aspect-ratio: 16/10; }
      .c-onair__nowOnAir--radiko &gt; a &gt; img {
        width: auto;
        height: 104px; }
    .c-onair__nowOnAir--next, .c-onair__nowOnAir--prev {
      grid-row: 2 span;
      overflow: hidden;
      position: relative;
      padding-right: 18px;
      background: none;
      transition: all .3s;
      border: none;
      letter-spacing: .1rem;
      color: #181919;
      cursor: pointer; }
      .c-onair__nowOnAir--next::before, .c-onair__nowOnAir--prev::before, .c-onair__nowOnAir--next::after, .c-onair__nowOnAir--prev::after {
        content: '';
        position: absolute; }
      .c-onair__nowOnAir--next::before, .c-onair__nowOnAir--prev::before {
        width: 148px;
        height: 48px;
        top: 43px;
        right: -124px;
        background-color: #2E2E2E;
        border-radius: 24px;
        z-index: -1;
        transition: all .3s; }
      .c-onair__nowOnAir--next::after, .c-onair__nowOnAir--prev::after {
        width: 48px;
        height: 48px;
        background-image: url(../images/svg/icon_arrowRightWh.svg);
        background-repeat: no-repeat;
        background-position: center center;
        top: 44px;
        right: -12px; }
      @media (hover: hover) {
        .c-onair__nowOnAir--next:hover, .c-onair__nowOnAir--prev:hover {
          color: white;
          padding-right: 3px; }
          .c-onair__nowOnAir--next:hover::before, .c-onair__nowOnAir--prev:hover::before {
            right: -64px; } }
    .c-onair__nowOnAir--prev {
      padding-left: 18px;
      padding-right: unset; }
      .c-onair__nowOnAir--prev::before {
        right: unset;
        left: -124px; }
      .c-onair__nowOnAir--prev::after {
        right: unset;
        left: -12px;
        transform: rotate(180deg); }
      @media (hover: hover) {
        .c-onair__nowOnAir--prev:hover {
          color: white;
          padding-left: 7px; }
          .c-onair__nowOnAir--prev:hover::before {
            left: -64px; } }
  .c-onair__nowPlaying {
    display: grid;
    grid-template-columns: 56px 1fr;
    height: 46px; }
    @media (min-width: 1025px) {
      .c-onair__nowPlaying {
        height: auto;
        grid-template-columns: 114px 1fr; } }
    .c-onair__nowPlaying--artWork {
      width: 46px;
      height: 46px;
      margin-left: 10px; }
      @media (min-width: 1025px) {
        .c-onair__nowPlaying--artWork {
          width: 104px;
          height: 104px; } }
    .c-onair__nowPlaying--info {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 60px;
      justify-content: space-between; }
      @media (min-width: 1025px) {
        .c-onair__nowPlaying--info {
          grid-template-columns: 1fr 40px; } }
    .c-onair__nowPlaying--title, .c-onair__nowOnAir--time, .c-onair__nowPlaying--time {
      display: flex;
      align-items: flex-end;
      text-align: left;
      height: 20px;
      padding-left: 10px;
      padding-bottom: 2px;
      font-size: 1rem;
      font-weight: 400;
      letter-spacing: .08rem;
      border-bottom: 1px solid #8C8C8C; }
      @media (min-width: 1025px) {
        .c-onair__nowPlaying--title, .c-onair__nowOnAir--time, .c-onair__nowPlaying--time {
          height: 22px;
          font-size: 1.2rem; } }
    .c-onair__nowPlaying--time {
      justify-content: flex-end;
      text-align: right; }
      @media (min-width: 1025px) {
        .c-onair__nowPlaying--time {
          color: #8C8C8C;
          font-size: 1.2rem; } }
    .c-onair__nowPlaying--song {
      overflow: hidden;
      display: flex;
      align-items: center;
      height: 26px;
      margin-left: 10px;
      font-weight: 500;
      letter-spacing: .03rem; }
      @media (min-width: 1025px) {
        .c-onair__nowPlaying--song {
          grid-column: span 2;
          align-items: flex-start;
          height: 82px;
          padding: 4px 0; } }
      .c-onair__nowPlaying--song &gt; p {
        color: #fff;
        word-break: keep-all;
        white-space: nowrap;
        animation: scrollSongName 15s linear infinite; }
        @media (min-width: 1025px) {
          .c-onair__nowPlaying--song &gt; p {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            color: #181919;
            word-break: break-all;
            white-space: normal;
            animation: none; } }
        .c-onair__nowPlaying--song &gt; p &gt; span {
          font-size: 1.2rem; }
          @media (min-width: 1025px) {
            .c-onair__nowPlaying--song &gt; p &gt; span {
              font-size: 1.2rem;
              width: 100%; } }
          .c-onair__nowPlaying--song &gt; p &gt; span:last-child {
            font-size: 1rem;
            font-weight: 400; }
            @media (min-width: 1025px) {
              .c-onair__nowPlaying--song &gt; p &gt; span:last-child {
                display: inline-block;
                font-size: 1.1rem;
                line-height: 1.2rem;
                width: 100%;
                margin-top: 4px; } }
          @media (min-width: 1025px) {
            .c-onair__nowPlaying--song &gt; p &gt; span {
              display: inherit; } }
    .c-onair__nowPlaying--list {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      text-align: right;
      height: 26px;
      color: #fff; }
      .c-onair__nowPlaying--list &gt; a {
        border-bottom: 1px solid #fff;
        transition: all .4s; }
        @media (min-width: 1025px) {
          .c-onair__nowPlaying--list &gt; a {
            border-bottom: 1px solid #000; } }
        @media (hover: hover) {
          .c-onair__nowPlaying--list &gt; a:hover {
            opacity: .6; } }
      @media (min-width: 1025px) {
        .c-onair__nowPlaying--list {
          width: 100%;
          text-align: right;
          justify-content: flex-end;
          margin-left: 10px;
          margin-top: -25px;
          color: #000;
          grid-column: span 2; } }
  .c-onair__radiko {
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 70px;
    height: 100%;
    font-weight: 400;
    letter-spacing: .035rem;
    border-left: 1px solid #8C8C8C; }
    @media (min-width: 1025px) {
      .c-onair__radiko {
        display: none; } }
    .c-onair__radiko img {
      width: 25px;
      height: auto;
      margin-top: 5px;
      margin-left: 5px;
      margin-bottom: 3px; }
    .c-onair__radiko--img {
      position: relative; }
      .c-onair__radiko--img::after {
        position: absolute;
        display: block;
        content: '';
        width: 8px;
        height: 8px;
        top: 0;
        right: 10px;
        background-color: #CD061E;
        border-radius: 4px;
        opacity: 0; }
      .c-onair__radiko--img.playing::before {
        opacity: 1; }
    .c-onair__radiko--player {
      display: none;
      padding: 10px;
      justify-content: center; }
      .c-onair__radiko--player &gt; iframe {
        margin: 0 auto; }
      .c-onair__radiko--player.open {
        display: grid; }
  .c-onairMob {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 20px 40px;
    background-color: #fff; }
    @media (min-width: 1025px) {
      .c-onairMob {
        display: none; } }
    .c-onairMob__guide {
      display: grid;
      justify-content: center;
      grid-template-columns: 1fr 40px 1fr;
      width: 100%;
      font-size: 1.4rem;
      font-weight: 500;
      margin-bottom: 6px; }
      .c-onairMob__guide p {
        text-align: center; }
      .c-onairMob__guide div {
        justify-content: center;
        text-align: center; }
    .c-onairMob__inner {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      border-radius: 12px;
      background-color: #F8F8FF;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4) inset; }
    .c-onairMob__next, .c-onairMob__prev, .c-onairMobPlay__prev {
      position: absolute;
      overflow: hidden;
      background-image: url("../images/svg/icon_arrowRight.svg");
      background-repeat: no-repeat;
      background-position: center center;
      width: 20px;
      height: 200px;
      top: 50%;
      right: 15px;
      color: rgba(0, 0, 0, 0);
      transform: translateY(-50%); }
      .c-onairMob__next.swiper-button-disabled, .swiper-button-disabled.c-onairMob__prev, .swiper-button-disabled.c-onairMobPlay__prev {
        opacity: .2; }
    .c-onairMob__prev {
      background-image: url("../images/svg/icon_arrowLeft.svg");
      left: 15px;
      right: unset; }
      .c-onairMob__prev.swiper-button-disabled {
        opacity: .2; }
    @media (min-width: 768px) {
      .c-onairMob__content {
        display: grid;
        align-items: center;
        grid-template-columns: 300px 1fr; } }
    .c-onairMob__content--radiko {
      width: 100%;
      height: auto; }
      .c-onairMob__content--radiko img {
        width: 100%;
        height: auto; }
    .c-onairMob__content--time, .c-onairMob__content--title, .c-onairMob__content--dj, .c-onairMob__content--about {
      padding: 0 10px;
      color: #969696; }
    .c-onairMob__content--time {
      font-size: 1.2rem;
      padding: 10px; }
      @media (min-width: 768px) {
        .c-onairMob__content--time {
          font-size: 1.4rem; } }
    .c-onairMob__content--title {
      color: #181919;
      font-size: 1.5rem;
      font-weight: 500; }
      @media (min-width: 768px) {
        .c-onairMob__content--title {
          font-size: 1.6rem; } }
    .c-onairMob__content--dj {
      margin-top: -4px;
      transition: all .2s; }
      @media (min-width: 1025px) {
        .c-onairMob__content--dj {
          font-size: 1rem; } }
      @media (min-width: 1280px) {
        .c-onairMob__content--dj {
          font-size: 1.3rem; } }
      .c-onairMob__content--dj &gt; a::before {
        content: 'DJ：'; }
      .c-onairMob__content--dj &gt; a:not(:first-child)::before {
        content: '/';
        margin: 0 2px; }
      @media (hover: hover) {
        .c-onairMob__content--dj &gt; a:hover {
          opacity: .4; } }
    .c-onairMob__content--about {
      display: grid;
      width: 100%;
      grid-template-columns: 56% calc(44% - 10px);
      gap: 10px;
      padding: 12px 10px 15px; }
      @media (min-width: 768px) {
        .c-onairMob__content--about {
          grid-template-columns: repeat(2, 1fr); } }
      .c-onairMob__content--about &gt; .c-onair__nowOnAir--about {
        margin-left: 0; }
    .c-onairMob__scode {
      width: 100%; }
  .c-onairMobPlay {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 20px;
    background-color: #000; }
    @media (min-width: 1025px) {
      .c-onairMobPlay {
        display: none; } }
    .c-onairMobPlay__guide {
      display: grid;
      justify-content: center;
      grid-template-columns: 1fr 40px 1fr;
      width: 100%;
      font-size: 1.4rem;
      font-weight: 500;
      margin-bottom: 6px; }
      .c-onairMobPlay__guide p {
        text-align: center; }
      .c-onairMobPlay__guide div {
        justify-content: center;
        text-align: center; }
    .c-onairMobPlay__inner {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      border-radius: 12px;
      background-color: #F8F8FF;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4) inset; }
    .c-onairMobPlay__next {
      position: absolute;
      overflow: hidden;
      background-image: url("../images/svg/icon_arrowRight.svg");
      background-repeat: no-repeat;
      background-position: center center;
      width: 20px;
      height: 200px;
      top: 50%;
      right: 15px;
      color: rgba(0, 0, 0, 0);
      transform: translateY(-50%); }
      .c-onairMobPlay__next.swiper-button-disabled {
        opacity: .2; }
    .c-onairMobPlay__prev {
      background-image: url("../images/svg/icon_arrowLeft.svg");
      left: 15px;
      right: unset; }
      .c-onairMobPlay__prev.swiper-button-disabled {
        opacity: .2; }
    @media (min-width: 768px) {
      .c-onairMobPlay__content {
        display: grid;
        align-items: center;
        grid-template-columns: 300px 1fr; } }
    .c-onairMobPlay__content--radiko {
      width: 100%;
      height: auto; }
      .c-onairMobPlay__content--radiko img {
        width: 100%;
        height: auto; }
    .c-onairMobPlay__content--time, .c-onairMobPlay__content--title, .c-onairMobPlay__content--dj, .c-onairMobPlay__content--about {
      padding: 0 10px;
      color: #969696; }
    .c-onairMobPlay__content--time {
      font-size: 1.2rem;
      margin: 10px 0; }
      @media (min-width: 768px) {
        .c-onairMobPlay__content--time {
          font-size: 1.4rem; } }
    .c-onairMobPlay__content--title {
      color: #181919;
      font-size: 1.5rem;
      font-weight: 500; }
      @media (min-width: 768px) {
        .c-onairMobPlay__content--title {
          font-size: 1.6rem; } }
    .c-onairMobPlay__content--dj {
      margin-top: -4px;
      transition: all .2s; }
      @media (min-width: 1025px) {
        .c-onairMobPlay__content--dj {
          font-size: 1rem; } }
      @media (min-width: 1280px) {
        .c-onairMobPlay__content--dj {
          font-size: 1.3rem; } }
      .c-onairMobPlay__content--dj &gt; a::before {
        content: 'DJ：'; }
      .c-onairMobPlay__content--dj &gt; a:not(:first-child)::before {
        content: '/';
        margin: 0 2px; }
      @media (hover: hover) {
        .c-onairMobPlay__content--dj &gt; a:hover {
          opacity: .4; } }
    .c-onairMobPlay__content--about {
      display: grid;
      width: 100%;
      grid-template-columns: 56% calc(44% - 10px);
      gap: 10px;
      padding: 12px 10px 15px; }
      @media (min-width: 768px) {
        .c-onairMobPlay__content--about {
          grid-template-columns: repeat(2, 1fr); } }
    .c-onairMobPlay__scode {
      width: 100%; }
    .c-onairMobPlay__radiko {
      display: grid;
      align-items: center;
      grid-template-columns: 116px 116px;
      padding: 0 20px;
      margin: 0 auto 10px; }
      .c-onairMobPlay__radiko &gt; iframe {
        grid-column: 2/3;
        grid-row: 1/3; }
      .c-onairMobPlay__radiko &gt; div {
        grid-column: 1/2;
        grid-row: 1/3;
        margin-right: 20px; }

@keyframes scrollSongName {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-100%); } }

/* c-button ---------------------------------------------------------- */
button {
  cursor: pointer; }

.c-button__radipass--login, .c-button__radipass--signup {
  height: 24px;
  border: 1px solid #181919;
  font-size: 1rem;
  letter-spacing: .2rem;
  line-height: 24px;
  transition: all .4s; }
  @media (min-width: 768px) {
    .c-button__radipass--login, .c-button__radipass--signup {
      font-size: 1.2rem; } }
  @media (hover: hover) {
    .c-button__radipass--login:hover, .c-button__radipass--signup:hover {
      letter-spacing: .5rem;
      opacity: .5; } }

.c-button__radipass--login {
  width: 73px;
  background-color: #F8F8FF;
  color: #181919; }
  @media (min-width: 768px) {
    .c-button__radipass--login {
      width: 100px; } }

.c-button__radipass--signup {
  width: 84px;
  background-color: #181919;
  color: #F8F8FF; }
  @media (min-width: 768px) {
    .c-button__radipass--signup {
      width: 110px; } }

.c-button__recruit {
    background: transparent;
    height: 54px;
    padding: 1rem;
    border: 1px solid #181919;
    font-size: 1.2rem;
    letter-spacing: .2rem;
    line-height: 24px;
    transition: all .4s;
    color: #181818; }
    @media (min-width: 768px) {
      .c-button__recruit {
        font-size: 1.5rem; } }
    @media (hover: hover) {
      .c-button__recruit:hover {
        opacity: .5; } }


.c-button__header {
  overflow: hidden;
  position: relative;
  background: none;
  width: 60px;
  height: 60px;
  border: none;
  z-index: 9999;
  background-image: url("../images/svg/icon_menu.svg");
  background-repeat: no-repeat;
  background-position: center center;
  transition: all .4s; }
  .c-button__header .u-visuallyHidden {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px; }
  .c-button__header[aria-expanded="true"] {
    background-image: url("../images/svg/icon_menuClose.svg"); }

.c-button__request {
  width: 100%;
  height: 30px;
  background-color: #181919;
  color: #F8F8FF;
  font-size: 1.1rem;
  letter-spacing: .07rem;
  border: none;
  transition: all .4s; }
  @media (hover: hover) {
    .c-button__request:hover {
      letter-spacing: .1rem;
      opacity: .5; } }

.c-button__requestMob, .c-button__requestProg {
  width: 100%;
  height: 36px;
  padding-left: 24px;
  background-color: #181919;
  background-image: url("../images/svg/icon_present.svg");
  background-repeat: no-repeat;
  background-position: left 8px center;
  color: #F8F8FF;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .0025rem;
  border: none;
  border-radius: 6px; }
  @media (min-width: 768px) {
    .c-button__requestMob, .c-button__requestProg {
      font-size: 1.4rem; } }

.c-button__requestProg {
  background-image: url("../images/svg/icon_web.svg"); }

.c-button__more, .c-button__moreWh {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: 40px;
  background-image: url("../images/svg/icon_more.svg");
  background-color: unset;
  background-position: right 20px center;
  background-repeat: no-repeat;
  color: #181919;
  border: none;
  font-size: 1.3rem;
  line-height: 40px;
  letter-spacing: .23rem;
  text-align: right;
  padding-right: 90px;
  transition: all .4s; }
  .c-button__more::before, .c-button__moreWh::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    top: 20px;
    right: 30px;
    background-color: #181919;
    transition: all .4s; }
  @media (hover: hover) {
    .c-button__more:hover &gt; a, .c-button__moreWh:hover &gt; a {
      letter-spacing: .5rem;
      opacity: .5; }
    .c-button__more:hover::before, .c-button__moreWh:hover::before {
      width: 60px; } }

.c-button__moreWh {
  background-image: url("../images/svg/icon_moreWh.svg");
  color: #F8F8FF; }
  .c-button__moreWh::before {
    background-color: #F8F8FF; }

.c-button__contact {
  width: 100%;
  max-width: 260px;
  height: 38px;
  line-height: 38px;
  font-size: 1.4rem;
  background-color: unset;
  color: #F8F8FF;
  border: 1px solid #F8F8FF;
  letter-spacing: .043rem;
  transition: all .4s; }
  @media (hover: hover) {
    .c-button__contact:hover &gt; a {
      letter-spacing: .09rem;
      opacity: .5; } }

.c-button__revMonth, .c-button__nextMonth {
  position: relative;
  display: flex;
  align-items: center;
  border: none;
  font-size: 1rem;
  background: none;
  letter-spacing: .05rem;
  transition: all .4s;
  padding: 10px 0;
  color: #969696; }
  @media (min-width: 1025px) {
    .c-button__revMonth, .c-button__nextMonth {
      font-size: 1.1rem;
      letter-spacing: .23rem; } }
  .c-button__revMonth &gt; a &gt; span, .c-button__nextMonth &gt; a &gt; span {
    color: #181919;
    font-size: 1.5rem;
    margin-left: 5px; }
    @media (min-width: 1025px) {
      .c-button__revMonth &gt; a &gt; span, .c-button__nextMonth &gt; a &gt; span {
        margin-left: 8px; } }
  .c-button__revMonth::before, .c-button__nextMonth::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    right: -25px;
    background-color: #969696;
    transition: all .4s; }
    @media (min-width: 1025px) {
      .c-button__revMonth::before, .c-button__nextMonth::before {
        width: 30px;
        right: -40px; } }
  @media (hover: hover) {
    .c-button__revMonth:hover &gt; a, .c-button__nextMonth:hover &gt; a {
      letter-spacing: .5rem;
      opacity: .5; }
    .c-button__revMonth:hover::before, .c-button__nextMonth:hover::before {
      width: 10px;
      right: -20px; } }

.c-button__nextMonth::before {
  left: -25px; }
  @media (min-width: 1025px) {
    .c-button__nextMonth::before {
      left: -40px; } }

@media (hover: hover) {
  .c-button__nextMonth:hover::before {
    width: 10px;
    left: -20px; } }

.c-button__send {
  width: 100%;
  height: 46px;
  background-color: #181919;
  color: #F8F8FF;
  font-size: 1.4rem;
  border: none;
  transition: all .3s; }
  @media (hover: hover) {
    .c-button__send:hover {
      opacity: .6; } }

.c-button__zip {
  width: 100px;
  font-size: 1.4rem;
  border-radius: 0 4px 4px 0;
  border: 1px solid #ccc;
  margin-left: -31px;
  transition: all .3s;
  background-color: #E2E7EB;
  color: #969696; }
  @media (hover: hover) {
    .c-button__zip:hover {
      opacity: .6; } }

.c-button__routingWh {
  width: 100%;
  height: 56px;
  background: none;
  color: #F8F8FF;
  border: 1px solid #F8F8FF;
  font-size: 1.4rem;
  transition: all .3s; }
  @media (hover: hover) {
    .c-button__routingWh:hover {
      opacity: .6; } }


.c-button__timetable {
  display: flex;
  justify-content: flex-end; }

.c-button__timetable--dl {
  height: 35px;
  width: 155px;
  background-color: #181919;
  border: none;
  color: #F8F8FF;
  font-size: 1.2rem;
  letter-spacing: .2rem;
  line-height: 24px;
  transition: all .4s; }
  @media (min-width: 768px) {
    .c-button__timetable--dl {
      font-size: 1.6rem;
      width: 210px; } }
  @media (hover: hover) {
    .c-button__timetable--dl:hover {
      letter-spacing: .5rem;
      opacity: .5; } }


.arrowRight {
  background-image: url(../images/svg/icon_arrowRightWh.svg);
  background-repeat: no-repeat;
  background-position: center right 13px; }

/* c-breadcrumbs ---------------------------------------------------------- */
.c-breadcrumbs {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px; }
  .c-breadcrumbs li {
    min-width: 40px;
    height: 40px;
    background-color: #f4f4fb;
    border-radius: 20px;
    font-size: 1.2rem;
    line-height: 41px;
    transition: all .2s;
    margin-right: 8px;
    filter: drop-shadow(3px 3px 3px #dedfe3) drop-shadow(-3px -3px 3px #fff); }
    .c-breadcrumbs li:first-child {
      width: 40px;
      padding: 0; }
      .c-breadcrumbs li:first-child img {
        width: 11px; }
      .c-breadcrumbs li:first-child a {
        padding: 0; }
    .c-breadcrumbs li:last-child {
      margin-right: 0; }
    @media (hover: hover) {
      .c-breadcrumbs li:hover {
        box-shadow: inset 3px 3px 3px #dedfe3, inset -3px -3px 6px #ffffff;
        filter: drop-shadow(0 0 0 #dedfe3) drop-shadow(0 0 0 #fff); } }
    .c-breadcrumbs li a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 0 26px;
      line-height: normal; }

/* c-form ------------------------------------------------------------ */
.c-form__sCode {
  position: relative; }
  .c-form__sCode::before {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background-image: url("../images/svg/text_S.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    border-right: 1px solid #181919; }
  .c-form__sCode &gt; input {
    width: 100%;
    height: 30px !important;
    border-radius: 0;
    border: 1px solid #181919;
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding: 0 38px !important; }
    .c-form__sCode &gt; input::placeholder {
      color: #AAAAAA;
      font-size: 1.4rem;
      padding-top: 1px; }
  .c-form__sCode &gt; .erorr {
    position: relative;
    color: #CD061E;
    padding: 3px 0 0 14px; }
    .c-form__sCode &gt; .erorr::before {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      top: 4px;
      left: 0;
      background-image: url("../images/svg/icon_erorr.svg");
      background-repeat: no-repeat;
      background-position: center center; }
  .c-form__sCode &gt; button {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 1px;
    right: 1px;
    border: none;
    color: rgba(0, 0, 0, 0);
    background-color: transparent;
    background-image: url("../images/svg/icon_checkEnabled.svg");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
    .c-form__sCode &gt; button:disabled {
      background-image: url("../images/svg/icon_checkDisabled.svg"); }

form h3 {
  font-size: 1.5rem; }

/* c-form__Search ------------------------------------------------------------ */
.c-form__Search {
  position: relative; }
  .c-form__Search::before {
    content: '';
    position: absolute;
    display: block;
    width: 34px;
    height: 30px;
    top: 0;
    left: 0; }
  .c-form__Search &gt; input {
    width: 200px !important;
    height: 30px !important;
    border-radius: 0;
    border: 1px solid #201C1C;
    border-radius: 17px;
    font-size: 1.5rem;
    line-height: 1.9rem;
    padding: 0 34px 0 15px !important; }
    .c-form__Search &gt; input::placeholder {
      color: #777777;
      font-size: 1.4rem;
      padding-top: 1px; }
  .c-form__Search &gt; button {
    position: absolute;
    width: 34px;
    height: 30px;
    top: 0;
    right: 0;
    border: none;
    color: rgba(0, 0, 0, 0);
    background-color: transparent;
    background-image: url("../images/svg/icon_checkEnabled.svg");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }

/* c-topics ---------------------------------------------------------- */
.c-topics {
  position: relative;
  width: 100%; }
  .c-topics__inner--swipe a {
    position: relative;
    display: block;
    width: 100%; }
    .c-topics__inner--swipe a::after {
      position: absolute;
      content: '';
      width: 100%;
      top: 0;
      left: 0;
      padding-top: 61.538%; }
    .c-topics__inner--swipe a img {
      width: 100%;
      filter: grayscale(100%);
      transition: all .4s; }
  .c-topics__inner--swipe.swiper-slide-active a &gt; img, .c-topics__inner--swipe.swiper-slide-prev a &gt; img, .c-topics__inner--swipe.swiper-slide-next a &gt; img {
    filter: none; }
  .c-topics__swiper--pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px; }
  .c-topics__swiper--prev {
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    background-image: url("../images/svg/icon_arrowLeft.svg");
    background-repeat: no-repeat;
    background-position: left 15px top 50%;
    width: 8%;
    height: 90%;
    top: 0;
    left: 0;
    padding: 10px;
    color: rgba(0, 0, 0, 0);
    z-index: 1; }
  .c-topics__swiper--next {
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    background-image: url("../images/svg/icon_arrowRight.svg");
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    width: 8%;
    height: 90%;
    top: 0;
    right: 0;
    padding: 10px;
    color: rgba(0, 0, 0, 0);
    z-index: 1; }

/* c-guest ---------------------------------------------------------- */
.c-guest {
  overflow: hidden; }
  .c-guest__contents {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 30px; }
    @media (min-width: 1025px) {
      .c-guest__contents {
        width: calc(100% - 40px);
        max-width: 1100px;
        margin: 30px auto;
        grid-template-columns: 1fr; } }
    @media (min-width: 1336px) {
      .c-guest__contents {
        max-width: 1200px; } }
  .c-guest__inner {
    display: grid;
    width: 100%;
    padding: 0 20px; }
    @media (min-width: 1025px) {
      .c-guest__inner {
        padding: 0;
        gap: 20px;
        grid-template-columns: repeat(5, 1fr); } }
  .c-guest__content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    text-align: left;
    width: 100%;
    height: auto;
    max-width: 200px;
    background-color: #eaeaf4;
    color: #969696;
    font-size: 1.1rem;
    padding: 18px 10px 0;
    border-radius: 8px;
    background-image: url("../images/svg/icon_guestpass.svg");
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.3)); }
    @media (min-width: 1025px) {
      .c-guest__content {
        max-width: unset; } }
    .c-guest__content::after {
      content: '';
      position: absolute;
      width: 50px;
      height: 6px;
      border-radius: 8px;
      background-color: #F8F8FF;
      top: 12px;
      left: 50%;
      transform: translateX(-50%);
      box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2) inset; }
    .c-guest__content--date {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: 15px;
      padding: 0 10px 0 0;
      margin-top: 8px;
      font-family: 'Rubik', 'Noto Sans JP', sans-serif; }
      .c-guest__content--date &gt; .date {
        color: #181919;
        font-size: 1.7rem;
        font-weight: 500; }
        .c-guest__content--date &gt; .date &gt; .week {
          color: #181919;
          font-size: 1.3rem;
          margin: 0 5px; }
      .c-guest__content--date &gt; .time {
        font-size: 1.2rem;
        display: flex;
        align-items: flex-end; }
        .c-guest__content--date &gt; .time::before {
          content: 'About';
          margin-right: 4px; }
        .c-guest__content--date &gt; .time::after {
          content: '~'; }
    .c-guest__content--name {
      overflow: hidden;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      width: 100%;
      aspect-ratio: 16/10;
      margin: 16px 0 10px;
      color: #2E2E2E;
      background-color: rgba(248, 248, 255, 0.6);
      border: 1px solid #fff;
      border-radius: 6px;
      transform: scaleY(110%); }
      .c-guest__content--name::after {
        content: '';
        padding-top: 62.5%; }
      .c-guest__content--name &gt; p {
        display: block;
        padding: 10px;
        transform: rotate(-12deg) skewX(-12deg); }
      .c-guest__content--img {
        width: 100%;
        height: 115px;
        object-fit: contain; }
        .c-guest__content--name &gt; p &gt; span {
          position: relative;
          font-family: 'Noto Serif JP', serif;
          font-weight: 300;
          display: inline;
          font-size: 1.6rem;
          line-height: 2rem;
          letter-spacing: .1rem;
          padding: 0 6px;
          background: linear-gradient(transparent 75%, #fff 76%, #fff 95%, transparent 96%); }
    .c-guest__content--program {
      position: relative;
      width: 100%;
      margin-top: 8px;
      letter-spacing: .05rem;
      padding: 16px 6px 4px;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff; }
      .c-guest__content--program::before {
        content: 'PROGRAM';
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 6px;
        font-size: 1rem;
        background-color: #fff;
        letter-spacing: .1rem; }
    .c-guest__content--artist {
      padding: 6px;
      color: #2E2E2E;
      font-size: 1.4rem;
      font-family: 'Noto Serif JP',serif; }

/* c-pickup ---------------------------------------------------------- */
.c-pickup {
  overflow: hidden; }
  .c-pickup__contents {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 30px;
    margin-top: 30px;
    padding: 0 0 10px; }
    @media (min-width: 768px) {
      .c-pickup__contents {
        width: calc(100% - 40px);
        max-width: 1100px;
        margin: 30px auto; } }
    @media (min-width: 1336px) {
      .c-pickup__contents {
        max-width: 1200px; } }
    .c-pickup__contents &gt; .l-contents__more {
      display: flex;
      justify-content: flex-end; }
      @media (min-width: 768px) {
        .c-pickup__contents &gt; .l-contents__more {
          width: 100%;
          max-width: 1100px;
          margin: 30px auto;
          grid-column: 1/13; } }
      @media (min-width: 1336px) {
        .c-pickup__contents &gt; .l-contents__more {
          max-width: 1200px; } }
  .c-pickup__content {
    grid-column: 12 span; }
    @media (min-width: 768px) {
      .c-pickup__content {
        grid-column: 6 span; } }
    @media (min-width: 1025px) {
      .c-pickup__content {
        grid-column: 4 span; } }
    .c-pickup__content &gt; a {
      display: grid;
      width: 100%;
      height: auto;
      padding-right: 20px; }
      @media (hover: hover) {
        .c-pickup__content &gt; a:hover .c-pickup__content--eyecatch &gt; img {
          opacity: .6;
          transform: scale(1.1); } }
    .c-pickup__content--eyecatch {
      overflow: hidden;
      position: relative;
      display: block;
      width: 100%;
      aspect-ratio: 16/10;
      z-index: -1; }
      @media (min-width: 1025px) {
        .c-pickup__content--eyecatch {
          order: 1; } }
      .c-pickup__content--eyecatch &gt; img {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        transition: all .4s; }
      .c-pickup__content--eyecatch p {
        position: absolute;
        display: flex;
        height: 18px;
        top: 0;
        left: 0;
        padding-left: 6px;
        padding-right: 6px;
        background-color: #181919;
        color: #F8F8FF;
        line-height: 18px;
        letter-spacing: .1rem;
        z-index: 1; }
        @media (min-width: 1025px) {
          .c-pickup__content--eyecatch p {
            height: 24px;
            line-height: 24px;
            font-size: 1.2rem; } }
        .c-pickup__content--eyecatch p.new {
          padding-left: 0; }
          .c-pickup__content--eyecatch p.new::before {
            position: relative;
            content: 'N!';
            display: grid;
            justify-content: center;
            width: 18px;
            height: 18px;
            margin-right: 6px;
            background-color: #CD061E; }
            @media (min-width: 1025px) {
              .c-pickup__content--eyecatch p.new::before {
                width: 24px;
                height: 24px; } }
    .c-pickup__content--information {
      display: grid;
      align-items: flex-end;
      z-index: 2;
      grid-template-columns: 60% 1fr; }
      @media (min-width: 1025px) {
        .c-pickup__content--information {
          grid-template-columns: 1fr;
          order: 1; } }
    .c-pickup__content--date {
      display: flex;
      flex-wrap: wrap;
      height: 100%;
      align-items: flex-start;
      align-content: flex-start;
      padding-left: 10px;
      grid-row: 1/2;
      grid-column: 2/3; }
      @media (min-width: 1025px) {
        .c-pickup__content--date {
          letter-spacing: .01rem;
          flex-wrap: nowrap;
          padding-left: 0;
          margin-left: 3px;
          order: 4;
          font-size: 1.8rem;
          grid-row: unset;
          grid-column: unset; } }
      .c-pickup__content--date &gt; p {
        width: 100%; }
        @media (min-width: 1025px) {
          .c-pickup__content--date &gt; p {
            font-size: 1.2rem;
            width: max-content; }
            .c-pickup__content--date &gt; p::after {
              content: '.'; } }
      .c-pickup__content--date &gt; span {
        font-size: 1.3rem;
        font-weight: 500; }
        @media (min-width: 1025px) {
          .c-pickup__content--date &gt; span {
            font-weight: 400;
            font-size: 1.2rem; } }
    .c-pickup__content--title {
      display: block;
      border: none;
      position: relative;
      width: 100%;
      margin: 0 0 0 -8px;
      font-size: 1.3rem;
      padding: 0 0 0 8px;
      letter-spacing: .02rem;
      line-height: 2.8rem;
      grid-row: 1/2;
      grid-column: 2/3; }
      @media (min-width: 1025px) {
        .c-pickup__content--title {
          order: 1;
          margin: -10px 0 0 -8px;
          font-size: 1.6rem;
          line-height: 3.2rem;
          grid-row: unset;
          grid-column: unset; } }
      .c-pickup__content--title &gt; span {
        overflow-y: hidden;
        height: 25px;
        position: relative;
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        display: inline;
        padding: .5rem 0;
        color: #F8F8FF;
        background-color: #000;
        word-break: break-all;
        text-overflow: ellipsis;
        z-index: 1;
        mix-blend-mode: screen; }
        @media (min-width: 1025px) {
          .c-pickup__content--title &gt; span {
            height: 29px; } }
        .c-pickup__content--title &gt; span::after {
          content: '';
          overflow: hidden;
          position: absolute;
          width: 30px;
          height: 27px;
          top: 0;
          left: -8px;
          background-color: #000;
          z-index: -1; }
          @media (min-width: 1025px) {
            .c-pickup__content--title &gt; span::after {
              height: 29px; } }
    .c-pickup__content--description {
      position: relative;
      font-size: 1rem;
      padding: 0 10px 10px 18px;
      margin-bottom: 10px;
      grid-row: 2/3;
      grid-column: 1/3;
      color: #767676;
      margin-top: 8px;
      letter-spacing: .03rem; }
      .c-pickup__content--description::after {
        position: absolute;
        content: '';
        height: 1px;
        width: 60%;
        background-color: #767676;
        display: block;
        bottom: 0;
        left: 0; }
      @media (min-width: 768px) {
        .c-pickup__content--description {
          padding: 10px 0;
          margin-top: 0;
          margin-left: 0;
          font-size: 1.15rem;
          order: 3;
          grid-row: unset;
          grid-column: 1/3; } }
      @media (min-width: 1025px) {
        .c-pickup__content--description {
          padding: 0 0 10px;
          margin-left: 3px;
          font-size: 1.2rem;
          grid-row: unset;
          grid-column: unset; } }
    .c-pickupDetail {
      display: grid;
      grid-template-columns: 1fr; }
    .c-pickupDetail--imageWrap {
      position: relative;
      width: 100%;
      background-color: #535353;
      background-size: cover;
      background-repeat: no-repeat;
      z-index: -1; }
      .c-pickupDetail--imageWrap::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        top: 0;
        left: 0;
        z-index: -1;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px); }
    .c-pickupDetail--image {
      max-width: 800px;
      position: relative;
      padding: 0;
      margin: 0 auto;
      background-color: #fff;
      color: #535353;
      z-index: -1; }
      @media (min-width: 768px) {
        .c-pickupDetail--image {
          grid-template-columns: 1fr 150px;
          padding: 0; } }
      .c-pickupDetail--image &gt; img {
        width: 160px;
        height: 160px; }
      .c-pickupDetail--image &gt; p {
        position: absolute;
        display: block;
        width: 160px;
        max-width: 160px;
        height: 40px;
        border: none;
        transform-origin: right top;
        margin: 0;
        padding: 0;
        transform: rotate(90deg);
        bottom: -10px;
        right: 24px;
        font-size: 2rem; }
      .c-pickupDetail--image &gt; .c-pickup__content--eyecatch {
        grid-column: span 2; }
      .c-pickupDetail--image &gt; .c-pickup__content--title {
        max-width: 100%;
        grid-column: span 1;
        font-size: 1.5rem;
        line-height: 3.1rem;
        grid-row: unset;
        grid-column: unset; }
        @media (min-width: 768px) {
          .c-pickupDetail--image &gt; .c-pickup__content--title {
            font-size: 2.2rem;
            line-height: 4rem;
            margin-top: 10px;
            margin-left: -20px; } }
        .c-pickupDetail--image &gt; .c-pickup__content--title &gt; span {
          height: 30px; }
          @media (min-width: 768px) {
            .c-pickupDetail--image &gt; .c-pickup__content--title &gt; span {
              height: 39px; } }
          .c-pickupDetail--image &gt; .c-pickup__content--title &gt; span::after {
            height: 29px; }
            @media (min-width: 768px) {
              .c-pickupDetail--image &gt; .c-pickup__content--title &gt; span::after {
                height: 36px; } }
      .c-pickupDetail--image &gt; .c-pickup__content--date {
        flex-wrap: wrap;
        height: 100%;
        text-align: right;
        padding-left: 10px;
        padding-right: 10px;
        letter-spacing: .1rem;
        margin-top: 10px; }
        @media (min-width: 768px) {
          .c-pickupDetail--image &gt; .c-pickup__content--date {
            letter-spacing: .01rem;
            flex-wrap: wrap;
            padding-left: 10px;
            padding-right: 20px;
            font-size: 1.8rem; } }
        .c-pickupDetail--image &gt; .c-pickup__content--date &gt; p {
          width: 100%; }
          @media (min-width: 768px) {
            .c-pickupDetail--image &gt; .c-pickup__content--date &gt; p {
              font-size: 1.8rem;
              width: 100%; }
              .c-pickupDetail--image &gt; .c-pickup__content--date &gt; p::after, .c-pickupDetail--image &gt; .c-pickup__content--date &gt; p::before {
                content: unset; } }
        .c-pickupDetail--image &gt; .c-pickup__content--date &gt; span {
          font-size: 1.4rem;
          margin-top: -5px;
          font-weight: 600;
          width: 100%; }
          @media (min-width: 768px) {
            .c-pickupDetail--image &gt; .c-pickup__content--date &gt; span {
              font-size: 2rem; } }
    .c-pickupDetail__information {
      overflow: hidden;
      padding: 0 20px 20px 20px;
      background-color: #fff;
      color: #767676;
      font-size: 1.3rem;
      letter-spacing: .08rem;
      line-height: 23px; }
      @media (min-width: 768px) {
        .c-pickupDetail__information {
          padding: 0 0 60px;
          font-size: 1.4rem;
          letter-spacing: .08rem; } }
    .c-pickupDetail__body {
      position: relative;
      max-width: 760px;
      margin: 0 auto;
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 2.6rem;
      padding: 20px 0;
      word-wrap: break-word; }
      @media (min-width: 768px) {
        .c-pickupDetail__body {
          padding: 0 20px;
          font-size: 1.4rem; } }
      @media (min-width: 1025px) {
        .c-pickupDetail__body {
          padding: 0;
          font-size: 1.4rem; } }
      .c-pickupDetail__body &gt; h2 {
        text-align: left;
        justify-content: flex-start;
        padding: 0;
        margin: 0;
        font-size: 2.5rem;
        font-family: 'M PLUS 1p', sans-serif;
        font-weight: 400;
        color: #181919;
        border: none;
        letter-spacing: .15rem; }
      .c-pickupDetail__body h3 {
        padding-bottom: 20px;
        border-bottom: 1px solid #969696;
        margin-bottom: 20px; }
        @media (min-width: 1025px) {
          .c-pickupDetail__body h3 {
            width: 100%;
            padding-bottom: 12px; } }
      .c-pickupDetail__body img {
        width: unset;
        height: unset;
        max-width: 100%; }
      .c-pickupDetail__body &gt; p {
        letter-spacing: .2rem;
        color: #969696; }
      .c-pickupDetail__body a {
        color: #6c8be5 !important;
        text-decoration: underline !important;
        cursor: pointer; }
      .c-pickupDetail__body &gt; button &gt; a {
        text-decoration: none !important;
        color: inherit !important;
      }
      .c-pickupDetail__body iframe {
        max-width: 100%;
      }
      .c-pickupDetail__body--notice {
        padding: 20px;
        background-color: #F8F8FF;
        border-radius: 4px;
        margin: 5px 0; }

/*-------------------------------- ANIMATIONS --------------------------------*/
.fx_shade_def::after {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: 10;
  background-color: #222; }

.fx_shade::after {
  width: 200%;
  height: 200%;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: 10;
  background-color: #F8F8FF;
  animation: onscreen-fx-2 6s cubic-bezier(0.075, 0.82, 0.165, 1) forwards alternate; }

@keyframes onscreen-fx-2 {
  0% {
    transform-origin: top right;
    transform: skewX(45deg) translateX(-300px); }
  to {
    transform-origin: top right;
    transform: skewX(45deg) translateX(800px); } }

/* c-project ---------------------------------------------------------- */
.c-project {
  width: calc(100% - 40px);
  max-width: 1100px;
  padding: 0;
  margin: 0 20px; }
  @media (min-width: 768px) {
    .c-project {
      width: 100%;
      margin: 0;
      padding: 0 20px; } }
  @media (min-width: 1025px) {
    .c-project {
      width: calc(100% - 40px);
      margin: 0 auto;
      padding: 0; } }
  @media (min-width: 1336px) {
    .c-project {
      max-width: 1200px; } }
  .c-project__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px; }
    @media (min-width: 768px) {
      .c-project__inner {
        grid-template-columns: 1fr 300px; } }
  .c-project__contents {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; }
    @media (min-width: 1025px) {
      .c-project__contents {
        grid-template-columns: repeat(3, 1fr); } }
    .c-project__contents h2 {
      grid-column: span 2;
      margin: 0;
      width: 100%; }
      @media (min-width: 1025px) {
        .c-project__contents h2 {
          grid-column: span 3; } }
  .c-project__content {
    transition: all .4s; }
    .c-project__content h3 {
      grid-column: span 2;
      margin: 0;
      width: 100%;
      font-family: 'Rubik';
      font-size: 1.4rem;
      font-weight: 400; }
    @media (hover: hover) {
      .c-project__content:hover {
        opacity: .6; } }
  .c-project__banner {
    display: grid;
    align-content: flex-start;
    gap: 20px; }
    .c-project__banner--sales, .c-project__banner--twitter {
      width: 300px;
      height: 250px;
      margin: 0 auto;
      background-color: #DDDDDD;
      border: 1px solid #DDDDDD; }
    .c-project__banner--twitter {
      position: relative;
      overflow: hidden;
      height: 400px;
      background-color: unset; }

/* c-radipass ---------------------------------------------------------- */
.c-radipass {
  position: relative;
  width: 100%; }
  .c-radipass__inner {
    width: calc(100% - 40px);
    max-width: 1100px;
    padding: 0;
    margin: 0 20px; }
    @media (min-width: 768px) {
      .c-radipass__inner {
        width: 100%;
        margin: 0;
        padding: 0 20px 0 0; } }
    @media (min-width: 1025px) {
      .c-radipass__inner {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 0; } }
    @media (min-width: 1336px) {
      .c-radipass__inner {
        max-width: 1200px; } }
  .c-radipass__contents {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px; }
    @media (min-width: 768px) {
      .c-radipass__contents {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px; } }
    @media (min-width: 1025px) {
      .c-radipass__contents {
        grid-template-columns: repeat(2, 1fr);
        gap: 60px; } }
  .c-radipass__content {
    overflow: hidden;
    display: grid;
    color: #181919;
    gap: 0 45px;
    transition: all .4s; }
    @media (min-width: 768px) {
      .c-radipass__content {
        padding-left: 20px;
        grid-template-columns: 2fr 1fr; }
        .c-radipass__content:not(:last-child) {
          border-right: 1px solid #DDDDDD; } }
    @media (min-width: 1025px) {
      .c-radipass__content {
        padding: 0;
        grid-template-columns: unset; }
        .c-radipass__content:not(:last-child) {
          border-right: none; } }
    @media (hover: hover) {
      .c-radipass__content:hover {
        opacity: .6; } }
    .c-radipass__content--img {
      grid-row: span 2; }
      @media (min-width: 768px) {
        .c-radipass__content--img {
          order: 2;
          grid-column: 1 / 1;
          grid-row: 2 / 3; } }
      @media (min-width: 1025px) {
        .c-radipass__content--img {
          order: unset;
          grid-column: unset;
          grid-row: span 2; } }
    .c-radipass__content--price {
      background-color: #181919;
      color: #F8F8FF;
      margin-top: 1px;
      text-align: center;
      font-size: 1.2rem;
      height: 25px;
      line-height: 26px;
      letter-spacing: .1rem; }
      @media (min-width: 768px) {
        .c-radipass__content--price {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          justify-content: center;
          order: 3;
          width: 68px;
          height: auto;
          font-size: 1rem;
          line-height: 1.4rem;
          padding: 10px 0; }
          .c-radipass__content--price span {
            display: block; } }
      @media (min-width: 1025px) {
        .c-radipass__content--price {
          width: 100%;
          order: unset;
          grid-column: unset;
          grid-row: unset;
          flex-wrap: nowrap;
          font-size: 1.2rem;
          padding: 2px 0; }
          .c-radipass__content--price span {
            margin-right: 3px; } }
    .c-radipass__content--catchcopy {
      text-align: right;
      font-size: 1.3rem;
      font-weight: 600; }
      @media (min-width: 768px) {
        .c-radipass__content--catchcopy {
          order: 1;
          grid-column: 1 / 2;
          grid-row: 1 / 2;
          text-align: left; } }
      @media (min-width: 1025px) {
        .c-radipass__content--catchcopy {
          text-align: right;
          order: unset;
          grid-column: unset;
          grid-row: unset; } }
    .c-radipass__content--about {
      grid-column: span 2;
      font-family: 'Noto Sans JP',sans-serif;
      font-weight: 300;
      letter-spacing: .1rem;
      margin-top: 10px; }
      @media (min-width: 768px) {
        .c-radipass__content--about {
          order: 4;
          padding-right: 10px; } }
      @media (min-width: 1025px) {
        .c-radipass__content--about {
          order: unset;
          grid-column: span 2;
          grid-row: unset;
          padding-right: 0; } }
  .c-radipassTicket {
    position: relative;
    width: 100%;
    padding-bottom: 40px; }
    .c-radipassTicket h3 {
      display: grid;
      justify-content: center;
      border: none; }
      .c-radipassTicket h3 img {
        height: 60px;
        margin: 20px 0; }
      .c-radipassTicket h3::before {
        content: '';
        position: relative;
        height: 80px;
        width: 1px;
        background-color: #DDDDDD;
        margin: 0 auto 20px; }
      .c-radipassTicket h3::after {
        content: '';
        position: absolute;
        height: 5px;
        width: 5px;
        top: 0;
        left: 50%;
        background-color: #969696;
        border-radius: 5px;
        transform: translateX(-50%);
        animation: scrolldown 1.4s ease infinite; }
    .c-radipassTicket__bgWrap {
      position: absolute;
      display: flex;
      justify-content: flex-end;
      width: 100%;
      height: 100vh;
      z-index: -1; }
      @media (min-width: 768px) {
        .c-radipassTicket__bgWrap {
          height: 100%; } }
      .c-radipassTicket__bgWrap span {
        display: block;
        position: absolute;
        width: auto;
        height: calc(100% - 40px);
        padding-left: 10px;
        top: 40px;
        right: 0; }
        .c-radipassTicket__bgWrap span img {
          height: 100%;
          width: auto; }
    .c-radipassTicket__inner {
      width: calc(100% - 40px);
      max-width: 1100px;
      padding: 0;
      margin: 0 20px; }
      @media (min-width: 1025px) {
        .c-radipassTicket__inner {
          width: calc(100% - 40px);
          margin: 0 auto;
          padding: 0; } }
      @media (min-width: 1336px) {
        .c-radipassTicket__inner {
          max-width: 1200px; } }
    .c-radipassTicket__contents {
      display: grid;
      grid-template-columns: 1fr;
      gap: 30px;
      margin-top: 30px; }
      @media (min-width: 1280px) {
        .c-radipassTicket__contents {
          grid-template-columns: repeat(2, 1fr); } }
    .c-radipassTicket__content {
      overflow: hidden;
      position: relative;
      display: block; }
      @media (hover: hover) {
        .c-radipassTicket__content:hover .c-radipassTicket__content--eyecatch &gt; img {
          opacity: .6;
          transform: scale(1.1); } }
      .c-radipassTicket__content &gt; a {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%; }
        @media (min-width: 768px) {
          .c-radipassTicket__content &gt; a {
            align-items: flex-end;
            grid-template-columns: 300px 1fr; } }
      .c-radipassTicket__content--eyecatch {
        overflow: hidden;
        display: flex;
        aspect-ratio: 16/9;
        background-color: #181919; }
        .c-radipassTicket__content--eyecatch img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: contain;
          transition: all .4s; }
      .c-radipassTicket__content--information {
        display: flex;
        flex-wrap: wrap; }
      .c-radipassTicket__content--date {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        font-size: 1.3rem; }
        .c-radipassTicket__content--date &gt; .date .date-year {
          font-size: 1.6rem; }
        .c-radipassTicket__content--date &gt; .date .date-date {
          font-size: 2rem;
          font-weight: 500; }
        .c-radipassTicket__content--date &gt; .time {
          display: flex;
          flex-wrap: nowrap;
          color: #969696;
          margin-left: 20px;
          padding-bottom: 2px; }
          .c-radipassTicket__content--date &gt; .time .time-open {
            display: flex;
            flex-wrap: nowrap;
            align-items: center; }
            .c-radipassTicket__content--date &gt; .time .time-open::after {
              content: '';
              display: block;
              position: relative;
              height: 4px;
              width: 4px;
              margin: 8px;
              background-color: #969696;
              border-radius: 4px; }
          .c-radipassTicket__content--date &gt; .time .time-start {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            width: 80px; }
      .c-radipassTicket__content--title {
        display: flex;
        width: 100%;
        font-size: 1.5rem;
        font-weight: bold;
        padding: 8px 0;
        margin-top: 8px;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD; }
      .c-radipassTicket__content--place {
        display: flex;
        width: 100%;
        font-size: 1.2rem;
        color: #969696;
        padding-top: 8px; }

@keyframes scrolldown {
  0% {
    top: 20px; }
  100% {
    top: 80px;
    opacity: 0; } }

/* c-podcast ---------------------------------------------------------- */

.c-podcast {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media (min-width: 1025px) {
  .c-podcast {
    width: calc(100% - 40px);
    max-width: 1100px;
    margin: 30px auto; } }
@media (min-width: 1336px) {
  .c-podcast {
    max-width: 1200px; } }
@media (max-width: 768px) {
  .c-podcast {
    grid-template-columns: 1fr;
    margin: 0 15px;
     } }

.c-podcast__contents {
  text-align: left;
  width: 100%;
  height: auto;
  max-width: 550px;
  background-color: #f4f4ff;
  padding: 25px 30px 0;
  margin: 0 auto;
  border-radius: 8px;
  background-image: url(../images/svg/icon_podcast-wave.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  filter: drop-shadow(3px 4px 7px rgba(0, 0, 0, 0.17));
}

.c-podcast__contents--inner {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 30px;
  margin: 30px 15px;
}
@media (max-width: 1025px) {
  .c-podcast__contents--inner {
    grid-template-columns: 150px 1fr;
  }
}
@media (max-width: 768px) {
  .c-podcast__contents {
    padding: 25px 15px 0;
  }

  .c-podcast__contents--inner {
    margin: 15px 0;
    grid-template-columns: 140px 1fr;
    gap: 15px;
     }
}

.c-podcast__content--img {
  display: flex;
  align-items: center;
}
.c-podcast__contents--title {
  font-size: 1.9rem;
  font-weight: 700;
  letter-spacing: .09rem;
}
.c-podcast__content--text {
  font-size: small;
  letter-spacing: .2rem;
  margin-bottom: 3rem;
}

@media (max-width: 768px) {
  .c-podcast__contents--title {
    font-size: 1.4rem;
  }
  .c-podcast__content--text {
    font-size: 1.07rem;
    letter-spacing: .05rem;
    line-height: 1.7rem;
  }
}

.c-podcast__content--btnlist {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-podcast__content--btn {
  width: 100%;
  max-width: 260px;
  padding: 1rem 0;
  margin: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: unset;
  transition: all .4s;
  border-radius: 1rem;
}
.c-podcast__content--btn.radipass {
  border: 1.5px solid #74388f;
}
.c-podcast__content--btn.radiko {
  border: 1.5px solid #0099dd;
}
.c-podcast__content--btn.spotify {
  border: 1.5px solid #1ab26b;
}
.c-podcast__content--btn.apple {
  border: 1.5px solid #1f1f1f;
}

.c-podcast__content--btn &gt; img {
  max-height: 33px;
  width: auto;
}
@media (hover: hover) {
  .c-podcast__content--btn:hover {
    letter-spacing: .09rem;
    opacity: .5; } }
@media (max-width: 768px) {
    .c-podcast__content--btn &gt; img {
      max-height: 22px;
    }
  }


/* c-heavyrotation ---------------------------------------------------------- */
.c-heavyrotation {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 30px 0 10px; }
  .c-heavyrotation h2 {
    width: 100%;
    max-width: 1100px;
    display: grid;
    justify-content: center;
    text-align: center;
    margin: 0 auto 20px;
    border: none;
    color: #fff; }
    .c-heavyrotation h2 img {
      width: auto;
      height: 80px; }
    @media (min-width: 1025px) {
      .c-heavyrotation h2 {
        margin: 0 auto 40px; } }
    .c-heavyrotation h2 p {
      font-size: 2rem;
      letter-spacing: .1rem; }
  .c-heavyrotation__backnumber {
    width: 100%;
    grid-column: span 2; }
    .c-heavyrotation__backnumber--list {
      display: grid;
      grid-template-columns: 60px 1fr;
      width: 100%;
      border-top: 1px solid #fff; }
      .c-heavyrotation__backnumber--list:not(:first-child) {
        margin-top: 20px; }
      @media (min-width: 1025px) {
        .c-heavyrotation__backnumber--list {
          grid-template-columns: 100px 1fr 250px;
          align-items: center; } }
      .c-heavyrotation__backnumber--list &gt; .month {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 60px;
        background-color: #F8F8FF;
        color: #181919;
        line-height: 2rem;
        font-weight: 500; }
        @media (min-width: 1025px) {
          .c-heavyrotation__backnumber--list &gt; .month {
            height: 100px;
            font-size: 1.2rem;
            letter-spacing: .1rem; } }
        .c-heavyrotation__backnumber--list &gt; .month span {
          display: block;
          font-size: 2rem; }
          @media (min-width: 1025px) {
            .c-heavyrotation__backnumber--list &gt; .month span {
              font-size: 2.8rem; } }
        .c-heavyrotation__backnumber--list &gt; .month &gt; img {
          width: 60px;
          height: 60px;
          object-fit: contain; }
          @media (min-width: 1025px) {
            .c-heavyrotation__backnumber--list &gt; .month &gt; img {
              width: 100px;
              height: 100px; } }
      .c-heavyrotation__backnumber--list &gt; .title,
      .c-heavyrotation__backnumber--list &gt; .btn {
        padding: 10px 20px;
        grid-column: 2/3; }
        @media (min-width: 1025px) {
          .c-heavyrotation__backnumber--list &gt; .title,
          .c-heavyrotation__backnumber--list &gt; .btn {
            grid-column: unset;
            padding: 0 0 0 20px; } }
        @media (min-width: 1025px) {
          .c-heavyrotation__backnumber--list &gt; .title &gt; .artist,
          .c-heavyrotation__backnumber--list &gt; .btn &gt; .artist {
            display: flex;
            align-items: center; } }
        .c-heavyrotation__backnumber--list &gt; .title &gt; .artist p,
        .c-heavyrotation__backnumber--list &gt; .btn &gt; .artist p {
          font-weight: 500;
          letter-spacing: .2rem;
          font-size: 2.3rem;
          opacity: .2; }
          @media (min-width: 1025px) {
            .c-heavyrotation__backnumber--list &gt; .title &gt; .artist p,
            .c-heavyrotation__backnumber--list &gt; .btn &gt; .artist p {
              margin-right: 10px; } }
        .c-heavyrotation__backnumber--list &gt; .title &gt; .artist span,
        .c-heavyrotation__backnumber--list &gt; .btn &gt; .artist span {
          font-size: 1.3rem;
          font-weight: 400;
          letter-spacing: .1rem; }
  .c-heavyrotation__contents {
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    color: #F8F8FF;
    padding: 0 20px; }
    @media (min-width: 768px) {
      .c-heavyrotation__contents {
        padding: 0 60px; } }
    @media (min-width: 1025px) {
      .c-heavyrotation__contents {
        padding: 0 20px;
        gap: 50px; } }
    .c-heavyrotation__contents--inner {
      grid-column: span 2;
      font-size: 1.3rem; }
    .c-heavyrotation__contents--notice {
      background-color: #969696;
      color: #181919;
      padding: 20px;
      border-radius: 4px;
      font-size: 1.3rem;
      font-family: 'M PLUS 1p', sans-serif;
      letter-spacing: .1rem; }
      @media (min-width: 1025px) {
        .c-heavyrotation__contents--notice {
          font-size: 1.5rem; } }
  .c-heavyrotation__content {
    position: relative;
    align-content: flex-start;
    display: grid;
    grid-column: span 2;
    width: 100%;
    margin: 20px auto;
    padding-left: 20%; }
    .c-heavyrotation__content.oversea {
      margin: 0 auto;
      background-image: url(../images/svg/text_overseas.svg); }
    .c-heavyrotation__content.domestic {
      background-image: url(../images/svg/text_domestic.svg); }
    .c-heavyrotation__content.oversea, .c-heavyrotation__content.domestic {
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 46px; }
      @media (min-width: 1025px) {
        .c-heavyrotation__content.oversea, .c-heavyrotation__content.domestic {
          background: unset; } }
    @media (min-width: 768px) {
      .c-heavyrotation__content {
        grid-column: span 1;
        margin: 0 auto; } }
    @media (min-width: 1025px) {
      .c-heavyrotation__content {
        align-content: baseline;
        padding-left: 0;
        grid-template-columns: 260px 1fr; } }
    .c-heavyrotation__content--img {
      display: grid;
      text-align: left;
      width: 100%;
      margin-bottom: 0;
      grid-column: span 2; }
      @media (min-width: 1025px) {
        .c-heavyrotation__content--img {
          width: 100%;
          margin-left: 0;
          grid-column: span 1; } }
      .c-heavyrotation__content--img &gt; img {
        width: 100%; }
        @media (min-width: 1025px) {
          .c-heavyrotation__content--img &gt; img {
            width: 100%; } }
    .c-heavyrotation__content--inner {
      display: grid;
      text-align: left;
      width: 80%;
      grid-column: span 2; }
      @media (min-width: 1025px) {
        .c-heavyrotation__content--inner {
          width: 100%;
          margin-left: 20px;
          align-items: flex-end;
          grid-column: span 1; } }
    .c-heavyrotation__content--category {
      display: none;
      font-size: 2.3rem;
      font-weight: 500;
      letter-spacing: .2rem; }
      @media (min-width: 1025px) {
        .c-heavyrotation__content--category {
          display: block; } }
    .c-heavyrotation__content--information {
      grid-column: span 2; }
      @media (min-width: 1025px) {
        .c-heavyrotation__content--information {
          position: relative;
          padding-top: 20px; }
          .c-heavyrotation__content--information::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 1px;
            top: 0;
            left: -20px;
            background-color: #F8F8FF; } }
    .c-heavyrotation__content--comment {
      font-size: 1.2rem;
      font-weight: 300;
      line-height: 2.6rem;
      letter-spacing: .1rem;
      border-top: 1px solid #fff;
      padding: 20px 0;
      grid-column: span 2; }
      @media (min-width: 1025px) {
        .c-heavyrotation__content--comment {
          font-size: 1.3rem;
          line-height: 2.8rem; } }
      .c-heavyrotation__content--comment &gt; iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
        margin-bottom: 20px; }
    .c-heavyrotation__content--title {
      font-size: 1.9rem;
      margin-top: 10px; }
    .c-heavyrotation__content--artist {
      font-size: 1.5rem; }
    .c-heavyrotation__content--about {
      margin-top: 20px;
      font-size: 1.1rem;
      font-weight: 300;
      line-height: 1.6rem;
      letter-spacing: .1rem; }
      @media (min-width: 1025px) {
        .c-heavyrotation__content--about {
          margin-top: 50px; } }

/* p-dj ---------------------------------------------------------- */
.c-dj__contents {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .c-dj__contents {
      gap: 2.4rem;
      grid-template-columns: repeat(4, 1fr); } }
  @media (min-width: 1025px) {
    .c-dj__contents {
      grid-template-columns: repeat(5, 1fr); } }
  @media (min-width: 1336px) {
    .c-dj__contents {
      grid-template-columns: repeat(6, 1fr); } }

.c-dj__content {
  display: grid;
  grid-template-columns: 80px 1fr;
  width: 100%;
  background-color: #fff;
  color: #181919;
  background-image: url("../images/svg/background_dj.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 0;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  transition: all .3s; }
  @media (min-width: 768px) {
    .c-dj__content {
      grid-template-columns: 1fr;
      align-content: flex-start;
      background-position: bottom left;
      min-height: 340px;
      padding: 14px 0; } }
  .c-dj__content &gt; img {
    filter: grayscale(0);
    width: 80px;
    height: 80px; }
    @media (min-width: 768px) {
      .c-dj__content &gt; img {
        width: 100%;
        height: auto; } }
    @media (min-width: 1025px) {
      .c-dj__content &gt; img {
        filter: grayscale(20%); } }
  .c-dj__content--name {
    padding: 10px;
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: .05rem; }
    @media (min-width: 768px) {
      .c-dj__content--name {
        font-size: 1.5rem; } }
  @media (hover: hover) {
    .c-dj__content:hover {
      filter: drop-shadow(0 0 8px rgba(14,70,210,0.6)); }
      .c-dj__content:hover &gt; img {
        filter: grayscale(0);
        opacity: 1 !important; } }

.c-dj__detail {
  display: grid;
  grid-template-columns: 1fr; }
  .c-dj__detail--imageWrap {
    width: 100%;
    background-color: #383838; }
  .c-dj__detail--image {
    max-width: 730px;
    position: relative;
    padding: 30px 24px;
    margin: 0 auto;
    background-color: #383838;
    color: #535353; }
    @media (min-width: 768px) {
      .c-dj__detail--image {
        padding: 30px 0; } }
    .c-dj__detail--image &gt; img {
      width: 160px;
      height: 160px; }
    .c-dj__detail--image &gt; p {
      position: absolute;
      display: block;
      width: 160px;
      max-width: 160px;
      height: 40px;
      border: none;
      transform-origin: right top;
      margin: 0;
      padding: 0;
      transform: rotate(90deg);
      bottom: -10px;
      right: 24px;
      font-size: 2rem; }
  .c-dj__detail--information {
    padding: 20px;
    background-color: #fff;
    color: #767676;
    font-size: 1.3rem;
    letter-spacing: .08rem;
    line-height: 23px; }
    @media (min-width: 768px) {
      .c-dj__detail--information {
        padding: 0 0 60px;
        font-size: 1.4rem;
        letter-spacing: .08rem; } }
  .c-dj__detail--name, .c-dj__detail--profile, .c-dj__detail--hoby, .c-dj__detail--program {
    position: relative;
    max-width: 730px;
    margin: 0 auto;
    margin-top: 30px; }
    @media (min-width: 768px) {
      .c-dj__detail--name, .c-dj__detail--profile, .c-dj__detail--hoby, .c-dj__detail--program {
        margin-top: 60px; } }
    .c-dj__detail--name &gt; h2, .c-dj__detail--profile &gt; h2, .c-dj__detail--hoby &gt; h2, .c-dj__detail--program &gt; h2 {
      text-align: left;
      justify-content: flex-start;
      padding: 0;
      margin: 0;
      font-size: 2.5rem;
      font-family: 'M PLUS 1p', sans-serif;
      font-weight: 400;
      color: #181919;
      border: none;
      letter-spacing: .15rem; }
    .c-dj__detail--name &gt; p, .c-dj__detail--profile &gt; p, .c-dj__detail--hoby &gt; p, .c-dj__detail--program &gt; p {
      letter-spacing: .2rem;
      color: #969696; }
    .c-dj__detail--name &gt; h3, .c-dj__detail--profile &gt; h3, .c-dj__detail--hoby &gt; h3, .c-dj__detail--program &gt; h3 {
      display: flex;
      align-items: center;
      font-size: 1rem;
      margin-bottom: 15px;
      color: #181919;
      letter-spacing: 0.12; }
      @media (min-width: 768px) {
        .c-dj__detail--name &gt; h3, .c-dj__detail--profile &gt; h3, .c-dj__detail--hoby &gt; h3, .c-dj__detail--program &gt; h3 {
          font-size: 1.2rem; } }
      .c-dj__detail--name &gt; h3::before, .c-dj__detail--profile &gt; h3::before, .c-dj__detail--hoby &gt; h3::before, .c-dj__detail--program &gt; h3::before {
        content: '';
        display: flex;
        position: relative;
        width: max-content;
        height: 20px;
        line-height: 22px;
        background-color: #181919;
        color: #F8F8FF;
        font-size: 1.3rem;
        font-weight: 400;
        padding: 0 10px;
        margin-right: 10px; }
        @media (min-width: 768px) {
          .c-dj__detail--name &gt; h3::before, .c-dj__detail--profile &gt; h3::before, .c-dj__detail--hoby &gt; h3::before, .c-dj__detail--program &gt; h3::before {
            height: 25px;
            line-height: 26px;
            font-size: 1.5rem; } }
    .c-dj__detail--name &gt; a, .c-dj__detail--profile &gt; a, .c-dj__detail--hoby &gt; a, .c-dj__detail--program &gt; a {
      text-decoration: underline !important; }
  .c-dj__detail--name {
    padding-bottom: 10px; }
    .c-dj__detail--name::before {
      content: '';
      position: absolute;
      display: block;
      background-color: #767676;
      width: calc(100% - 50px);
      height: 1px;
      bottom: 1px; }
    .c-dj__detail--name::after {
      content: '';
      position: absolute;
      display: block;
      background-image: url("../images/svg/text_dj.svg");
      background-repeat: no-repeat;
      background-position: bottom right;
      width: 140px;
      height: 30px;
      bottom: -7px;
      right: 0; }
  .c-dj__detail--profile &gt; h3::before {
    content: 'PROFILE'; }
  .c-dj__detail--hoby &gt; h3::before {
    content: 'HOBBIES &amp; SKILLS'; }
  .c-dj__detail--program &gt; h3::before {
    content: 'PROGRAM IN CHARGE'; }

/* c-support ---------------------------------------------------------- */
.c-support__inner {
  overflow: hidden;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  background-color: #fff; }

.c-support__lists {
  overflow: hidden;
  width: 100%;
  padding: 0 20px;
  display: grid;
  transition: all .3s; }
  @media (min-width: 768px) {
    .c-support__lists {
      padding: 0 30px; } }
  @media (min-width: 1025px) {
    .c-support__lists {
      display: flex;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
      display: flex;
      justify-content: space-between;
      padding: 30px; } }
  .c-support__lists--title {
    position: relative;
    display: flex;
    margin: 20px 20px 0;
    padding: 10px;
    background-color: #181919;
    color: #F8F8FF;
    align-items: center;
    height: 40px;
    font-size: 1.2rem;
    letter-spacing: .01rem;
    cursor: pointer; }
    .c-support__lists--title:after {
      position: absolute;
      display: block;
      content: '';
      top: 15px;
      right: 20px;
      width: 10px;
      height: 10px;
      border-left: 1px solid #969696;
      border-bottom: 1px solid #969696;
      transform: rotate(-45deg);
      transition: all .4s; }
    @media (min-width: 768px) {
      .c-support__lists--title {
        margin: 20px 30px 0; } }
    @media (min-width: 1025px) {
      .c-support__lists--title {
        display: none; } }
    .c-support__lists--title.active:after {
      transform: rotate(-225deg);
      top: 18px; }
  .c-support__lists &gt; li {
    flex: none;
    scroll-snap-align: start;
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 1.2rem;
    letter-spacing: .01rem;
    opacity: .4;
    border-bottom: 1px solid #DDDDDD;
    box-sizing: content-box;
    transition: all 0.3s !important; }
    @media (min-width: 1025px) {
      .c-support__lists &gt; li {
        border: none;
        font-size: 1.3rem; } }
    .c-support__lists &gt; li &gt; a {
      display: flex;
      align-items: center;
      text-align: center;
      width: 100%;
      height: 100%;
      padding: 0 10px;
      word-break: keep-all;
      white-space: nowrap; }
    @media (min-width: 1025px) {
      .c-support__lists &gt; li.active {
        opacity: 1;
        background-position: center right 8px;
        border-bottom: 5px solid #181919; } }
    @media (hover: hover) {
      .c-support__lists &gt; li:hover {
        background-position: center right 8px;
        opacity: 1; } }

.c-support__information {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  color: #767676;
  font-size: 1.3rem;
  letter-spacing: .08rem;
  line-height: 23px; }
  @media (min-width: 768px) {
    .c-support__information {
      padding: 0 0 60px;
      font-size: 1.4rem;
      letter-spacing: .08rem; } }

.c-support__body {
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 2.6rem;
  padding: 20px 0; }
  @media (min-width: 768px) {
    .c-support__body {
      padding: 30px;
      font-size: 1.4rem; } }
  .c-support__body &gt; h2 {
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    padding: 0 0 10px;
    margin: 0;
    color: #181919;
    font-size: 2.2rem;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 400;
    letter-spacing: .15rem;
    border-top: none;
    border-bottom: 1px solid #181919; }
  .c-support__body &gt; p {
    letter-spacing: .2rem;
    color: #969696; }
  .c-support__body &gt; a {
    color: #181919 !important;
    text-decoration: underline !important; }
  .c-support__body--notice {
    padding: 20px;
    background-color: #F8F8FF;
    border-radius: 4px;
    margin: 20px 0; }
  .c-support__body dl {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: dotted 2px #DDDDDD; }
    .c-support__body dl &gt; dt {
      display: flex;
      align-items: center;
      font-size: 1.5rem;
      line-height: 1.7rem; }
      @media (min-width: 1025px) {
        .c-support__body dl &gt; dt {
          font-size: 1.7rem;
          color: #181919; } }
      .c-support__body dl &gt; dt::before {
        content: 'Q';
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        background-color: #767676;
        color: #F8F8FF;
        margin-right: 10px;
        border-radius: 50%; }
    .c-support__body dl &gt; dd {
      margin-top: 10px;
      margin-left: 40px; }
      .c-support__body dl &gt; dd &gt; a {
        display: block;
        width: 100%;
        text-decoration: underline !important;
        color: #181919;
        font-weight: 400;
        margin: 10px 0; }
      .c-support__body dl &gt; dd ul {
        margin: 20px 0; }
        .c-support__body dl &gt; dd ul li {
          list-style: circle;
          margin-left: 1.2rem;
          line-height: 1.6rem; }
          .c-support__body dl &gt; dd ul li:not(:first-child) {
            margin-top: 10px; }

/* c-calendar ---------------------------------------------------------- */
.c-calendar__navigation {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: max-content;
  justify-content: space-between;
  min-height: 60px;
  width: 100%; }
  .c-calendar__navigation--Month {
    display: grid;
    text-align: center;
    width: 60px;
    letter-spacing: .05rem;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    .c-calendar__navigation--Month .year {
      font-size: 1.6rem; }
    .c-calendar__navigation--Month .month {
      font-size: 4.5rem;
      line-height: 4.2rem;
      font-weight: 500; }
    .c-calendar__navigation--Month .monthText {
      font-size: 1.1rem;
      color: #969696; }

.c-calendar__notice {
  width: 100%;
  text-align: center;
  margin: 40px 0 20px;
  color: #969696;
  font-size: 1.1rem; }
  @media (min-width: 1025px) {
    .c-calendar__notice {
      text-align: right;
      padding: 0 30px; } }
  @media (min-width: 1280px) {
    .c-calendar__notice {
      text-align: right;
      padding: 0 50px; } }
  @media (min-width: 1336px) {
    .c-calendar__notice {
      text-align: right;
      padding: 0 100px; } }

.c-calendar__event,
.c-calendar__guest {
  display: grid;
  width: 100%;
  padding: 0;
  letter-spacing: 0.04rem; }
  @media (min-width: 1025px) {
    .c-calendar__event,
    .c-calendar__guest {
      table-layout: fixed;
      padding: 0 30px; } }
  @media (min-width: 1280px) {
    .c-calendar__event,
    .c-calendar__guest {
      table-layout: fixed;
      padding: 0 50px; } }
  @media (min-width: 1336px) {
    .c-calendar__event,
    .c-calendar__guest {
      table-layout: fixed;
      padding: 0 100px; } }
  .c-calendar__event th,
  .c-calendar__guest th {
    width: 100%;
    font-weight: 400;
    font-size: 1.3rem;
    text-align: center;
    padding-bottom: 18px; }
    .c-calendar__event th.sat,
    .c-calendar__guest th.sat {
      color: #2579C1; }
    .c-calendar__event th.sun,
    .c-calendar__guest th.sun {
      color: #C7051D; }
  .c-calendar__event tr,
  .c-calendar__guest tr {
    display: grid;
    gap: 0 10px; }
    .c-calendar__event tr:first-child,
    .c-calendar__guest tr:first-child {
      display: none; }
    @media (min-width: 1025px) {
      .c-calendar__event tr,
      .c-calendar__guest tr {
        display: flex;
        margin-top: 30px; }
        .c-calendar__event tr:first-child, .c-calendar__event tr:nth-child(2),
        .c-calendar__guest tr:first-child,
        .c-calendar__guest tr:nth-child(2) {
          display: flex;
          margin-top: 0; } }
  .c-calendar__event td,
  .c-calendar__guest td {
    display: grid;
    grid-template-columns: 38px 1fr;
    width: 100%;
    font-weight: 500;
    margin-top: 10px; }
    @media (min-width: 1025px) {
      .c-calendar__event td,
      .c-calendar__guest td {
        display: block;
        min-height: 100px;
        padding-top: 16px;
        border-top: 3px solid #181919; } }
    .c-calendar__event td.sat,
    .c-calendar__guest td.sat {
      color: #2579C1; }
      .c-calendar__event td.sat &gt; .c-calendar__event--content::before,
      .c-calendar__event td.sat &gt; .c-calendar__guest--content::before,
      .c-calendar__guest td.sat &gt; .c-calendar__event--content::before,
      .c-calendar__guest td.sat &gt; .c-calendar__guest--content::before {
        content: '';
        position: absolute;
        width: 3px;
        height: 100%;
        top: 0;
        left: -10px;
        background-color: #2579C1; }
        @media (min-width: 1025px) {
          .c-calendar__event td.sat &gt; .c-calendar__event--content::before,
          .c-calendar__event td.sat &gt; .c-calendar__guest--content::before,
          .c-calendar__guest td.sat &gt; .c-calendar__event--content::before,
          .c-calendar__guest td.sat &gt; .c-calendar__guest--content::before {
            content: none; } }
      @media (min-width: 1025px) {
        .c-calendar__event td.sat,
        .c-calendar__guest td.sat {
          border-top: 3px solid #2579C1; } }
    .c-calendar__event td.sun,
    .c-calendar__guest td.sun {
      color: #C7051D; }
      .c-calendar__event td.sun &gt; .c-calendar__event--content::before,
      .c-calendar__event td.sun &gt; .c-calendar__guest--content::before,
      .c-calendar__guest td.sun &gt; .c-calendar__event--content::before,
      .c-calendar__guest td.sun &gt; .c-calendar__guest--content::before {
        content: '';
        position: absolute;
        width: 3px;
        height: 100%;
        top: 0;
        left: -10px;
        background-color: #C7051D; }
        @media (min-width: 1025px) {
          .c-calendar__event td.sun &gt; .c-calendar__event--content::before,
          .c-calendar__event td.sun &gt; .c-calendar__guest--content::before,
          .c-calendar__guest td.sun &gt; .c-calendar__event--content::before,
          .c-calendar__guest td.sun &gt; .c-calendar__guest--content::before {
            content: none; } }
      @media (min-width: 1025px) {
        .c-calendar__event td.sun,
        .c-calendar__guest td.sun {
          border-top: 3px solid #C7051D; } }
    .c-calendar__event td.invisibled,
    .c-calendar__guest td.invisibled {
      display: none; }
      @media (min-width: 1025px) {
        .c-calendar__event td.invisibled,
        .c-calendar__guest td.invisibled {
          display: grid; } }
    .c-calendar__event td &gt; i,
    .c-calendar__guest td &gt; i {
      display: grid;
      text-align: center;
      width: 38px;
      height: max-content;
      font-size: 1.8rem;
      margin-top: -6px;
      margin-left: -8px;
      font-style: normal; }
      .c-calendar__event td &gt; i::after,
      .c-calendar__guest td &gt; i::after {
        font-size: 1.1rem;
        font-weight: 400;
        margin-top: -5px; }
      @media (min-width: 1025px) {
        .c-calendar__event td &gt; i,
        .c-calendar__guest td &gt; i {
          text-align: left;
          width: 100%;
          margin-top: 0;
          margin-left: 0;
          font-size: 2.5rem; } }
    .c-calendar__event td:first-child &gt; i::after,
    .c-calendar__guest td:first-child &gt; i::after {
      content: 'MON'; }
      @media (min-width: 1025px) {
        .c-calendar__event td:first-child &gt; i::after,
        .c-calendar__guest td:first-child &gt; i::after {
          content: none; } }
    .c-calendar__event td:nth-child(2) &gt; i::after,
    .c-calendar__guest td:nth-child(2) &gt; i::after {
      content: 'TUE'; }
      @media (min-width: 1025px) {
        .c-calendar__event td:nth-child(2) &gt; i::after,
        .c-calendar__guest td:nth-child(2) &gt; i::after {
          content: none; } }
    .c-calendar__event td:nth-child(3) &gt; i::after,
    .c-calendar__guest td:nth-child(3) &gt; i::after {
      content: 'WED'; }
      @media (min-width: 1025px) {
        .c-calendar__event td:nth-child(3) &gt; i::after,
        .c-calendar__guest td:nth-child(3) &gt; i::after {
          content: none; } }
    .c-calendar__event td:nth-child(4) &gt; i::after,
    .c-calendar__guest td:nth-child(4) &gt; i::after {
      content: 'THU'; }
      @media (min-width: 1025px) {
        .c-calendar__event td:nth-child(4) &gt; i::after,
        .c-calendar__guest td:nth-child(4) &gt; i::after {
          content: none; } }
    .c-calendar__event td:nth-child(5) &gt; i::after,
    .c-calendar__guest td:nth-child(5) &gt; i::after {
      content: 'FRI'; }
      @media (min-width: 1025px) {
        .c-calendar__event td:nth-child(5) &gt; i::after,
        .c-calendar__guest td:nth-child(5) &gt; i::after {
          content: none; } }
    .c-calendar__event td:nth-child(6) &gt; i::after,
    .c-calendar__guest td:nth-child(6) &gt; i::after {
      content: 'SAT'; }
      @media (min-width: 1025px) {
        .c-calendar__event td:nth-child(6) &gt; i::after,
        .c-calendar__guest td:nth-child(6) &gt; i::after {
          content: none; } }
    .c-calendar__event td:last-child &gt; i::after,
    .c-calendar__guest td:last-child &gt; i::after {
      content: 'SUN'; }
      @media (min-width: 1025px) {
        .c-calendar__event td:last-child &gt; i::after,
        .c-calendar__guest td:last-child &gt; i::after {
          content: none; } }
  .c-calendar__event--content,
  .c-calendar__guest--content {
    display: grid;
    grid-template-columns: 85px 1fr;
    position: relative;
    padding: 10px 0;
    margin-left: 10px;
    color: #181919 !important;
    grid-column: 2/3;
    transition: all .4s; }
    .c-calendar__event--content::before,
    .c-calendar__guest--content::before {
      content: '';
      position: absolute;
      width: 3px;
      height: 100%;
      top: 0;
      left: -10px;
      background-color: #181919; }
    .c-calendar__event--content::after,
    .c-calendar__guest--content::after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-bottom: 1px solid #DDDDDD; }
    @media (min-width: 1025px) {
      .c-calendar__event--content,
      .c-calendar__guest--content {
        grid-template-columns: 1fr;
        margin-left: 0;
        padding: 10px 0; }
        .c-calendar__event--content::before,
        .c-calendar__guest--content::before {
          content: none; }
        .c-calendar__event--content:last-child::after,
        .c-calendar__guest--content:last-child::after {
          border: none; } }
    @media (hover: hover) {
      .c-calendar__event--content:hover,
      .c-calendar__guest--content:hover {
        opacity: .6; }
        .c-calendar__event--content:hover &gt; .c-calendar__event--img &gt; img,
        .c-calendar__guest--content:hover &gt; .c-calendar__event--img &gt; img {
          transform: scale(1.2); }
        .c-calendar__event--content:hover &gt; .c-calendar__guest--img &gt; img,
        .c-calendar__guest--content:hover &gt; .c-calendar__guest--img &gt; img {
          transform: scale(1.2); }
        .c-calendar__event--content:hover &gt; .c-calendar__guest--img &gt; p,
        .c-calendar__guest--content:hover &gt; .c-calendar__guest--img &gt; p {
          transform: rotate(-12deg) skewX(-12deg) scale(1.2); } }
  .c-calendar__event--info,
  .c-calendar__guest--info {
    padding: 0 10px; }
    @media (min-width: 1025px) {
      .c-calendar__event--info,
      .c-calendar__guest--info {
        padding: 0; } }
    .c-calendar__event--info &gt; .title,
    .c-calendar__guest--info &gt; .title {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: 1.2rem;
      margin: 0 0 3px; }
      @media (min-width: 1025px) {
        .c-calendar__event--info &gt; .title,
        .c-calendar__guest--info &gt; .title {
          -webkit-line-clamp: 3; } }
    .c-calendar__event--info &gt; .place,
    .c-calendar__guest--info &gt; .place {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: 1rem;
      color: #969696; }
      @media (min-width: 1025px) {
        .c-calendar__event--info &gt; .place,
        .c-calendar__guest--info &gt; .place {
          -webkit-line-clamp: 1; } }
    .c-calendar__event--info &gt; .program,
    .c-calendar__guest--info &gt; .program {
      color: #969696; }
    .c-calendar__event--info &gt; .time,
    .c-calendar__guest--info &gt; .time {
      color: #181919; }
    .c-calendar__event--info &gt; .time::before,
    .c-calendar__guest--info &gt; .time::before {
      content: 'About';
      margin-right: 4px; }
    .c-calendar__event--info &gt; .time::after,
    .c-calendar__guest--info &gt; .time::after {
      content: '~'; }
    .c-calendar__event--info &gt; .artist,
    .c-calendar__guest--info &gt; .artist {
      color: #181919;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: 1.3rem;
      margin: 5px 0 3px; }
      @media (min-width: 1025px) {
        .c-calendar__event--info &gt; .artist,
        .c-calendar__guest--info &gt; .artist {
          font-size: 1rem;
          -webkit-line-clamp: 3; } }
  .c-calendar__event--img,
  .c-calendar__guest--img {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    aspect-ratio: 16/10;
    background-color: #DDDDDD;
    transition: all .4s; }
    @media (min-width: 1025px) {
      .c-calendar__event--img,
      .c-calendar__guest--img {
        width: 100%;
        border-radius: 4px;
        margin-bottom: 8px; } }
    .c-calendar__event--img &gt; p,
    .c-calendar__guest--img &gt; p {
      display: block;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 4px 2px 2px;
      transition: all .4s;
      transform: rotate(-12deg) skewX(-12deg) scale(0.8); }
      @media (min-width: 1025px) {
        .c-calendar__event--img &gt; p,
        .c-calendar__guest--img &gt; p {
          padding: 4px;
          transform: rotate(-12deg) skewX(-12deg) scale(1); } }
      .c-calendar__event--img &gt; p &gt; span,
      .c-calendar__guest--img &gt; p &gt; span {
        position: relative;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300;
        display: inline;
        font-size: 1rem;
        line-height: 1rem;
        letter-spacing: .03rem;
        padding: 0 3px;
        background: linear-gradient(transparent 75%, #fff 76%, #fff 95%, transparent 96%); }
        @media (min-width: 1025px) {
          .c-calendar__event--img &gt; p &gt; span,
          .c-calendar__guest--img &gt; p &gt; span {
            font-size: 1.3rem;
            line-height: 1.6rem;
            letter-spacing: .1rem;
            background: linear-gradient(transparent 75%, #fff 76%, #fff 95%, transparent 96%); } }
    .c-calendar__event--img img,
    .c-calendar__guest--img img {
      max-height: 100%;
      object-fit: contain;
      transition: all .4s; }

/* c-calendar ---------------------------------------------------------- */
.c-timetable__notice {
  width: 100%;
  text-align: center;
  margin: 40px 0 20px;
  color: #969696;
  font-size: 1.1rem; }
  @media (min-width: 1025px) {
    .c-timetable__notice {
      text-align: right;
      padding: 0 30px; } }
  @media (min-width: 1280px) {
    .c-timetable__notice {
      text-align: right;
      padding: 0 50px; } }
  @media (min-width: 1336px) {
    .c-timetable__notice {
      text-align: right;
      padding: 0 100px; } }

.c-timetable__lists {
  display: grid;
  width: 100%;
  padding: 0;
  border-collapse: separate;
  letter-spacing: 0.04rem; }
  @media (min-width: 1025px) {
    .c-timetable__lists {
      display: table;
      table-layout: fixed;
      width: calc(100% + 20px);
      border-spacing: 10px;
      transform: translateX(-10px); } }
  @media (min-width: 1280px) {
    .c-timetable__lists {
      table-layout: fixed; } }
  @media (min-width: 1336px) {
    .c-timetable__lists {
      table-layout: fixed; } }
  .c-timetable__lists th {
    text-align: center;
    width: 100%;
    font-weight: 400;
    font-size: 1.3rem;
    height: 30px;
    border-bottom: 1px solid #181919; }
    .c-timetable__lists th.time {
      width: 26px;
      height: 40px;
      display: none; }
      @media (min-width: 1025px) {
        .c-timetable__lists th.time {
          display: table-cell;
          border-top: none;
          border-right: 3px solid #181919;
          padding-right: 10px; } }
    .c-timetable__lists th.fri {
      color: #FABE00;
      border-bottom: 1px solid #FABE00; }
      .c-timetable__lists th.fri.visible {
        background-color: #FABE00; }
        @media (min-width: 1025px) {
          .c-timetable__lists th.fri.visible {
            color: #FABE00;
            background-color: unset;
            border-bottom: none; } }
      @media (min-width: 1025px) {
        .c-timetable__lists th.fri {
          font-size: 1.6rem;
          padding-bottom: 18px;
          border-bottom: 3px solid #FABE00; } }
    .c-timetable__lists th.sat {
      color: #2579C1;
      border-bottom: 1px solid #2579C1; }
      .c-timetable__lists th.sat.visible {
        background-color: #2579C1; }
        @media (min-width: 1025px) {
          .c-timetable__lists th.sat.visible {
            color: #2579C1;
            background-color: unset; } }
      @media (min-width: 1025px) {
        .c-timetable__lists th.sat {
          font-size: 1.6rem;
          padding-bottom: 18px;
          border-bottom: 3px solid #2579C1; } }
    .c-timetable__lists th.sun {
      color: #C7051D;
      border-bottom: 1px solid #C7051D; }
      .c-timetable__lists th.sun.visible {
        background-color: #C7051D; }
        @media (min-width: 1025px) {
          .c-timetable__lists th.sun.visible {
            color: #C7051D;
            background-color: unset; } }
      @media (min-width: 1025px) {
        .c-timetable__lists th.sun {
          font-size: 1.6rem;
          padding-bottom: 18px;
          border-bottom: 3px solid #C7051D; } }
    .c-timetable__lists th.visible {
      color: #F8F8FF;
      background-color: #181919; }
      @media (min-width: 1025px) {
        .c-timetable__lists th.visible {
          color: #181919;
          background-color: unset; } }
    @media (min-width: 1025px) {
      .c-timetable__lists th {
        font-size: 1.6rem;
        padding-bottom: 18px;
        border-bottom: 3px solid #181919; } }
  .c-timetable__lists tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    @media (min-width: 1025px) {
      .c-timetable__lists tr {
        overflow: hidden;
        height: 158px;
        display: table-row;
        flex-wrap: nowrap; } }
    .c-timetable__lists tr:first-child {
      display: flex;
      gap: 0 10px;
      flex-wrap: nowrap;
      width: 100%; }
      @media (min-width: 1025px) {
        .c-timetable__lists tr:first-child {
          height: auto;
          display: table-row; } }
      .c-timetable__lists tr:first-child &gt; th {
        display: flex;
        justify-content: center;
        align-items: center; }
        .c-timetable__lists tr:first-child &gt; th.hour {
          visibility: hidden;
          display: none;
          width: 26px;
          border-bottom: none; }
          @media (min-width: 1025px) {
            .c-timetable__lists tr:first-child &gt; th.hour {
              display: table-cell; } }
        @media (min-width: 1025px) {
          .c-timetable__lists tr:first-child &gt; th {
            display: table-cell;
            justify-content: flex-start; } }
  .c-timetable__lists td {
    overflow: hidden;
    width: 100%;
    height: auto;
    vertical-align: top; }
    @media (min-width: 1025px) {
      .c-timetable__lists td {
        display: table-cell;
        margin: 10px;
        border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #DDDDDD; } }

.c-program, .c-programSub {
  display: none;
  grid-template-columns: 70px 1fr;
  padding-top: 20px;
  font-family: 'Oswald';
  color: #8C8C8C; }
  @media (min-width: 1025px) {
    .c-program, .c-programSub {
      display: grid;
      align-content: flex-start;
      grid-template-columns: 40px 1fr;
      min-height: 158px;
      padding: 0 0 10px 10px;
      gap: 5px; } }
  .c-program__time {
    width: 100%;
    background-color: #181919;
    color: #F8F8FF;
    text-align: center;
    padding: 5px;
    font-size: 1.1rem;
    grid-column: span 2; }
    @media (min-width: 1025px) {
      .c-program__time {
        padding: 0;
        text-align: left;
        background-color: unset;
        color: #8C8C8C; } }
  .c-program__title {
    display: flex;
    grid-column: span 2;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px;
    color: #181919;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5rem;
    justify-content: space-between; }
    .c-program__title a {
      font-family: 'Oswald'; }
      .c-program__title a &gt; span {
        word-break: break-all;
        font-size: 1rem;
        line-height: .1rem; }
      @media (hover: hover) {
        .c-program__title a:hover {
          opacity: 0.5 !important; } }
    @media (min-width: 1025px) {
      .c-program__title {
        margin: 0;
        flex-wrap: wrap;
        align-items: center; } }
  .c-program__sponsor {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    max-width: 180px;
    text-align: center;
    border: 1px solid #969696;
    padding: 2px 4px;
    border-radius: 4px;
    grid-column: span 2;
    color: #969696;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 4px; }
  .c-program__twitter {
    position: relative;
    width: 14px;
    height: 14px;
    padding-left: 16px;
    font-size: 1.2rem;
    margin-top: 4px;
    text-decoration: underline !important; }
    .c-program__twitter::before {
      content: '';
      position: absolute;
      background-image: url("../images/svg/icon_XGrey.svg");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: contain;
      width: 14px;
      height: 14px;
      left: 0;
      top: 1px; }
    @media (min-width: 1025px) {
      .c-program__twitter {
        grid-column: span 2; } }
  .c-program__djImage {
    width: 60px; }
    @media (min-width: 1025px) {
      .c-program__djImage {
        width: 35px; } }
  .c-program__djName {
    font-size: 1.3rem;
    color: #181919; }
    @media (min-width: 1025px) {
      .c-program__djName {
        font-size: 1.2rem; } }
    .c-program__djName a {
      font-family: 'Oswald'; }
      .c-program__djName a &gt; span {
        word-break: break-all;
        font-size: 1rem;
        line-height: .1rem; }
  .c-program__archive {
    display: flex;
    width: 100%;
    white-space: nowrap;
    font-size: 1.2rem;
    grid-column: span 2;
    margin-top: 4px; }
    .c-program__archive--lists {
      display: flex;
      width: 100%; }
      .c-program__archive--lists &gt; li {
        cursor: pointer;
        text-decoration: underline;
        margin-left: 10px; }
  .c-program.visible, .visible.c-programSub {
    display: grid; }
  .c-programSub {
    grid-template-columns: 60px 1fr;
    padding: 0 0;
    margin-top: 10px;
    align-content: flex-start; }
    @media (min-width: 1025px) {
      .c-programSub {
        min-height: 158px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
        gap: 0;
        padding-left: 10px; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 {
        position: relative;
        display: flex;
        gap: 10px;
        height: 158px;
        margin-top: 10px;
        flex-wrap: nowrap;
        width: 100%; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span1-1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 25%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span1-2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span1-3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 75%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span1-4 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span2-1 {
        position: absolute;
        top: 0;
        left: 25%;
        width: 25%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span2-2 {
        position: absolute;
        top: 0;
        left: 25%;
        width: 50%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span2-3 {
        position: absolute;
        top: 0;
        left: 25%;
        width: 75%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span3-1 {
        position: absolute;
        top: 0;
        left: 50%;
        width: 25%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span3-2 {
        position: absolute;
        top: 0;
        left: 50%;
        width: 50%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day4 &gt; .span4-1 {
        position: absolute;
        top: 0;
        left: 75%;
        width: 25%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day1 {
        position: relative;
        margin-top: 10px; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day1 &gt; .span1-1 {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day1 &gt; .span1-2 {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day2 {
        position: relative;
        margin-top: 10px; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day2 &gt; .span1-1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day2 &gt; .span1-2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day2 &gt; .span2-1 {
        position: absolute;
        top: 0;
        left: 50%;
        width: 50%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day3 {
        position: relative;
        margin-top: 10px; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day3 &gt; .span1-1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 33.333%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day3 &gt; .span1-2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 66.666%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day3 &gt; .span1-3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 33.333%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day3 &gt; .span2-1 {
        position: absolute;
        top: 0;
        left: 33.333%;
        width: 33.333%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day3 &gt; .span2-2 {
        position: absolute;
        top: 0;
        left: 33.333%;
        width: 66.666%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.day3 &gt; .span3-1 {
        position: absolute;
        top: 0;
        left: 66.666%;
        width: 33.333%;
        margin-left: 0; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.plusHour1 {
        padding-top: 168px; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.plusHour2 {
        padding-top: 336px; } }
    @media (min-width: 1025px) {
      .c-programSub__wrap.plusHour3 {
        padding-top: 474px; } }
    .c-programSub__time {
      width: 100%;
      text-align: left;
      background-color: unset;
      font-size: 1.1rem;
      color: #8C8C8C; }
      @media (min-width: 1025px) {
        .c-programSub__time {
          grid-column: span 2; } }
      .c-programSub__time:nth-child(3) {
        margin-top: 5px; }
    .c-programSub__title {
      display: flex;
      width: 100%;
      font-size: 1.1rem;
      color: #181919;
      font-weight: bold;
      flex-wrap: wrap;
      grid-column: span 2; }
      .c-programSub__title a {
        font-family: 'Oswald';
        display: block;
        width: 100%; }
    .c-programSub__sponsor {
      display: block;
      width: 100%;
      text-align: center;
      border: 1px solid #969696;
      padding: 2px 4px;
      border-radius: 4px;
      grid-column: span 2;
      color: #969696;
      font-size: 1rem;
      font-weight: 400;
      margin-top: 4px; }
    .c-programSub.all {
      width: 100%; }

/* c-info ---------------------------------------------------------- */
.c-info__inner {
  overflow: hidden;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  background-color: #fff; }

.c-info__lists {
  overflow: hidden;
  width: 100%;
  padding: 0 20px;
  display: grid;
  transition: all .3s; }
  @media (min-width: 768px) {
    .c-info__lists {
      padding: 0 30px; } }
  @media (min-width: 1025px) {
    .c-info__lists {
      display: flex;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
      display: flex;
      justify-content: flex-start;
      padding: 30px; } }
  .c-info__lists--title {
    position: relative;
    display: flex;
    margin: 20px 20px 0;
    padding: 10px;
    background-color: #181919;
    color: #F8F8FF;
    align-items: center;
    height: 40px;
    font-size: 1.2rem;
    letter-spacing: .01rem;
    cursor: pointer; }
    .c-info__lists--title:after {
      position: absolute;
      display: block;
      content: '';
      top: 15px;
      right: 20px;
      width: 10px;
      height: 10px;
      border-left: 1px solid #969696;
      border-bottom: 1px solid #969696;
      transform: rotate(-45deg);
      transition: all .4s; }
    @media (min-width: 768px) {
      .c-info__lists--title {
        margin: 20px 30px 0; } }
    @media (min-width: 1025px) {
      .c-info__lists--title {
        display: none; } }
    .c-info__lists--title.active:after {
      transform: rotate(-225deg);
      top: 18px; }
  .c-info__lists &gt; li {
    flex: none;
    scroll-snap-align: start;
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 1.2rem;
    letter-spacing: .01rem;
    opacity: .4;
    border-bottom: 1px solid #DDDDDD;
    box-sizing: content-box;
    transition: all 0.3s !important; }
    @media (min-width: 1025px) {
      .c-info__lists &gt; li {
        border: none;
        font-size: 1.3rem; } }
    .c-info__lists &gt; li &gt; a {
      display: flex;
      align-items: center;
      text-align: center;
      width: 100%;
      height: 100%;
      padding: 0 10px;
      word-break: keep-all;
      white-space: nowrap; }
      @media (min-width: 768px) {
        .c-info__lists &gt; li &gt; a {
          padding: 0 30px; } }
    @media (min-width: 1025px) {
      .c-info__lists &gt; li.active {
        opacity: 1;
        background-position: center right 8px;
        border-bottom: 5px solid #181919; } }
    @media (hover: hover) {
      .c-info__lists &gt; li:hover {
        background-position: center right 8px;
        opacity: 1; } }

.c-info__information {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  color: #767676;
  font-size: 1.3rem;
  letter-spacing: .08rem;
  line-height: 23px; }
  @media (min-width: 768px) {
    .c-info__information {
      padding: 0 0 60px;
      font-size: 1.4rem;
      letter-spacing: .08rem; } }

.c-info__body {
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 2.6rem;
  padding: 20px 0; }
  @media (min-width: 768px) {
    .c-info__body {
      padding: 30px;
      font-size: 1.4rem; } }
  .c-info__body &gt; h2 {
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    padding: 0 0 10px;
    margin: 0;
    color: #181919;
    font-size: 2.2rem;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 400;
    letter-spacing: .15rem;
    border-top: none;
    border-bottom: 1px solid #181919; }
  .c-info__body &gt; p {
    letter-spacing: .2rem;
    color: #969696; }
  .c-info__body &gt; a {
    color: #181919 !important;
    text-decoration: underline !important; }
  .c-info__body--notice {
    padding: 20px;
    background-color: #F8F8FF;
    border-radius: 4px;
    margin: 20px 0; }
  .c-info__body &gt; dl {
    display: grid;
    grid-template-columns: 1fr;
    padding: 10px 0 8px;
    margin-bottom: 0;
    border-bottom: dotted 2px #DDDDDD; }
    @media (min-width: 768px) {
      .c-info__body &gt; dl {
        padding: 15px 0 12px;
        grid-template-columns: 100px 1fr;
        font-size: 1.4rem; } }
    .c-info__body &gt; dl &gt; dt {
      display: flex;
      align-items: center;
      font-size: 1.5rem; }
      @media (min-width: 768px) {
        .c-info__body &gt; dl &gt; dt {
          align-items: flex-start;
          color: #181919; } }
    .c-info__body &gt; dl &gt; dd {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .c-info__body &gt; dl &gt; dd {
          align-items: flex-start;
          color: #181919; } }
      .c-info__body &gt; dl &gt; dd &gt; ul &gt; li {
        list-style: decimal !important;
        margin-left: 20px; }
      .c-info__body &gt; dl &gt; dd &gt; p {
        width: 100%;
        text-align: left; }
      .c-info__body &gt; dl &gt; dd &gt; img {
        display: block; }
        @media (min-width: 768px) {
          .c-info__body &gt; dl &gt; dd &gt; img {
            max-width: 400px; } }
  .c-info__body--listinList {
    overflow: hidden;
    width: 100%;
    padding: 20px;
    background-color: #F8F8FF;
    border-radius: 4px;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .c-info__body--listinList {
        margin-top: 0;
        padding: 0;
        background-color: unset; } }
    .c-info__body--listinList &gt; p {
      position: relative;
      display: flex;
      align-content: center;
      align-items: center;
      font-weight: 600;
      font-size: 1.8rem;
      white-space: nowrap; }
      .c-info__body--listinList &gt; p::after {
        content: '';
        position: relative;
        display: block;
        background-color: #DDDDDD;
        width: 100%;
        height: 1px;
        bottom: 1px;
        margin-left: 10px; }
    .c-info__body--listinList &gt; dl {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr;
      padding: 0 0 8px;
      margin-bottom: 0; }
      .c-info__body--listinList &gt; dl:not(:first-child) {
        padding: 10px 0 8px; }
      .c-info__body--listinList &gt; dl:not(:last-child) {
        border-bottom: dotted 2px #DDDDDD; }
      @media (min-width: 768px) {
        .c-info__body--listinList &gt; dl {
          grid-template-columns: 160px 1fr;
          font-size: 1.4rem;
          padding: 0 0 8px; }
          .c-info__body--listinList &gt; dl:not(:first-child) {
            padding: 10px 0 8px; } }
      .c-info__body--listinList &gt; dl &gt; dd {
        margin-bottom: 0; }
  .c-info__body h3 {
    color: #181919;
    font-weight: bold; }
  .c-info__body p {
    text-align: right;
    margin-top: 6px; }

.c-info__banner {
  display: grid;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  justify-items: center;
  text-align: center;
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 2.6rem;
  padding: 0 20px; }
  @media (min-width: 768px) {
    .c-info__banner {
      display: flex;
      flex-wrap: nowrap;
      padding: 30px;
      font-size: 1.4rem; } }
  .c-info__banner &gt; a {
    height: 30px;
    width: auto;
    margin: 10px 0; }
    @media (min-width: 768px) {
      .c-info__banner &gt; a {
        margin: 10px 0 0 10px; } }

.c-infoOnair__inner {
  overflow: hidden;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  background-color: #fff; }

.c-infoOnair__information {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  color: #767676;
  font-size: 1.3rem;
  letter-spacing: .08rem;
  line-height: 23px; }
  @media (min-width: 768px) {
    .c-infoOnair__information {
      padding: 0 0 60px;
      font-size: 1.4rem;
      letter-spacing: .08rem; } }

.c-infoOnair__body {
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 2.6rem;
  padding: 20px 0; }
  @media (min-width: 768px) {
    .c-infoOnair__body {
      padding: 30px;
      font-size: 1.4rem; } }
  .c-infoOnair__body &gt; h2 {
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    padding: 0 0 10px;
    margin: 0;
    color: #181919;
    font-size: 2.2rem;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 400;
    letter-spacing: .15rem;
    border-top: none;
    border-bottom: 1px solid #181919; }
  .c-infoOnair__body &gt; p {
    letter-spacing: .2rem;
    color: #969696; }
  .c-infoOnair__body &gt; a {
    color: #181919 !important;
    text-decoration: underline !important; }
  .c-infoOnair__body--notice {
    padding: 20px;
    background-color: #F8F8FF;
    border-radius: 4px;
    margin: 20px 0; }
  .c-infoOnair__body--search {
    max-width: 400px;
    margin: 0 auto; }
    .c-infoOnair__body--search &gt; form {
      display: flex;
      justify-content: space-between; }

.c-infoOnair__lists {
  overflow: hidden;
  width: 100%; }

.c-infoOnair__list {
  overflow: hidden;
  display: grid;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  grid-template-columns: 60px 1fr;
  background-color: #f3f4f4;
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .c-infoOnair__list {
      grid-template-columns: 120px 1fr 200px; } }
  .c-infoOnair__list.nt2 &gt; .c-infoOnair__list--time {
    background-color: #FABE00;
    color: #181919; }
  .c-infoOnair__list--time {
    grid-column: span 2;
    background-color: #181919;
    color: #F8F8FF;
    padding-left: 10px; }
    @media (min-width: 768px) {
      .c-infoOnair__list--time {
        grid-column: span 3; } }
  .c-infoOnair__list--player {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    grid-column: span 2; }
    @media (min-width: 768px) {
      .c-infoOnair__list--player {
        grid-column: 2/3;
        grid-row: 4/5;
        margin: 0; } }
  .c-infoOnair__list--title, .c-infoOnair__list--artist {
    grid-column: 2/3;
    font-size: 1.2rem;
    margin-left: 8px; }
  .c-infoOnair__list--title {
    color: #181919;
    font-weight: 500; }
  .c-infoOnair__list--img {
    grid-column: 1/2;
    grid-row: 2/4;
    padding-left: 10px; }
    @media (min-width: 768px) {
      .c-infoOnair__list--img {
        grid-row: 2/5;
        margin: 0;
        padding-left: 20px; } }
  .c-infoOnair__list--banner {
    display: flex;
    justify-content: center;
    grid-column: span 2;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .c-infoOnair__list--banner {
        justify-content: flex-end;
        grid-column: 3/4;
        grid-row: 2/5;
        padding-right: 20px; } }
    .c-infoOnair__list--banner &gt; a {
      width: 30px; }
      .c-infoOnair__list--banner &gt; a:not(:first-child) {
        margin-left: 14px; }

/* p-nav ---------------------------------------------------------- */
.p-nav {
  position: relative;
  width: 60px;
  height: 60px; }
  @media (min-width: 1025px) {
    .p-nav {
      display: none; } }
  .p-nav__menu {
    overflow: scroll;
    position: relative;
    width: 100%;
    max-height: 100%;
    padding: 20px 20px 26px;
    color: #fff;
    background-color: #fff;
    color: #181919;
    filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.4)); }
  .p-nav__title {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 17px;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 20px;
    color: #DDDDDD;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 32px;
    cursor: pointer; }
  .p-nav__lists, .p-nav__lists--pc {
    overflow: hidden;
    display: grid;
    gap: 2px;
    height: auto;
    padding: 6px 0;
    transition: all .4s; }
    .p-nav__lists li, .p-nav__lists--pc li {
      width: 100%;
      height: 46px;
      font-size: 1.8rem;
      font-weight: 400;
      letter-spacing: .1rem;
      line-height: 48px; }
      @media (min-width: 1025px) {
        .p-nav__lists li, .p-nav__lists--pc li {
          font-size: 1.6rem; } }
      .p-nav__lists li a, .p-nav__lists--pc li a {
        display: grid;
        align-items: center;
        width: 100%;
        height: 100%;
        padding-left: 20px; }
        .p-nav__lists li &gt; .l-header__wholeearth, .p-nav__lists--pc li &gt; .l-header__wholeearth {
          display: block;
          width: 200px; }
          @media (min-width: 768px) {
            .p-nav__lists li &gt; .l-header__wholeearth, .p-nav__lists--pc li &gt; .l-header__wholeearth {
              display: none; } }
    .p-nav__lists--pc {
      justify-content: space-between;
      width: 100%;
      margin-top: 20px;
      display: none; }
      @media (min-width: 1025px) {
        .p-nav__lists--pc {
          display: flex; } }
      .p-nav__lists--pc li {
        width: max-content;
        transition: all .4s; }
        .p-nav__lists--pc li a {
          text-align: center;
          padding-left: 0; }
        @media (hover: hover) {
          .p-nav__lists--pc li:hover {
            opacity: .5; } }
    @media (min-width: 1025px) {
      .p-nav__lists, .p-nav__lists--pc {
        padding: 0; } }

#menuDrawer {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 0;
  left: 0;
  top: 118px;
  z-index: 2;
  transition: all .4s; }
  @media (min-width: 1025px) {
    #menuDrawer {
      display: none; } }

/* p-mobNav ---------------------------------------------------------- */
.p-mobNav {
  position: fixed;
  display: block;
  width: 20px;
  height: 46px;
  right: 20px;
  bottom: -56px;
  z-index: 333;
  transition: all .5s; }

.p-mobNav.visible {
  bottom: 30px; }
  @media (min-width: 1025px) {
    .p-mobNav.visible {
      bottom: 180px; } }

.p-mobNav__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 56px;
  align-items: center;
  width: 100%;
  height: 46px;
  gap: 1px;
  padding: 0; }

.p-mobNav__list {
  overflow: hidden;
  display: grid;
  text-align: center;
  justify-content: center;
  width: max-content;
  height: 46px;
  margin: 0;
  padding: 0;
  color: #292929;
  font-family: 'Rubik',sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .2rem;
  cursor: pointer;
  list-style: none;
  mix-blend-mode: difference;
  transition: all .3s; }

.p-mobNav__list &gt; img {
  margin: 0 auto; }

/* p-entry ---------------------------------------------------------- */
.p-entry__title {
  position: relative;
  display: flex;
  align-items: center;
  border-left: 5px solid #FABE00;
  padding-left: 5px; }

.p-entry__description {
  background-color: #E2E7EB;
  padding: 20px;
  font-size: 1.3rem;
  border-radius: 4px;
  color: #181919; }
  .p-entry__description a {
    text-decoration: underline !important; }

.p-entry__btnWrap {
  max-width: 300px;
  margin: 0 auto; }

.p-entry__notice {
  background-color: #E2E7EB;
  padding: 20px;
  font-size: 1.2rem;
  border-radius: 4px;
  color: #969696; }
  .p-entry__notice p {
    font-size: 1.3rem; }
  .p-entry__notice a {
    text-decoration: underline !important; }

.p-entry__attentions {
  color: #CD061E; }

/* p-request ---------------------------------------------------------- */
.p-request__title {
  position: relative;
  display: flex;
  align-items: center;
  background-image: url(../images/svg/icon_requestColor.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 30px; }
  .p-request__title::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #181919;
    margin-left: 10px; }

.p-request__select {
  display: grid; }
  @media (min-width: 768px) {
    .p-request__select {
      grid-template-columns: repeat(2, 1fr); } }

.p-request__yes, .p-request__no {
  overflow: hidden;
  padding: 10px 0 10px 20px;
  border-left: 3px solid #FABE00;
  transition: all .4s; }
  .p-request__yes.hide, .p-request__no.hide {
    animation: hideWindow .5s forwards; }
  .p-request__yes.view, .p-request__no.view {
    animation: viewWindow .5s forwards; }

.p-request__btnWrap {
  max-width: 300px;
  margin: 0 auto; }

.p-request__notice {
  background-color: #E2E7EB;
  padding: 20px;
  font-size: 1.2rem;
  border-radius: 4px;
  color: #969696; }
  .p-request__notice p {
    font-size: 1.3rem; }
  .p-request__notice a {
    text-decoration: underline !important; }

@keyframes hideWindow {
  0% {
    opacity: 1; }
  80% {
    opacity: 0;
    transform: translateY(30px); }
  100% {
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0 20px; } }

@keyframes viewWindow {
  0% {
    opacity: 0;
    height: 0; }
  80% {
    opacity: 0;
    transform: translateY(30px); }
  100% {
    opacity: 1; } }

/* p-support ---------------------------------------------------------- */
.p-support__title {
  position: relative;
  display: flex;
  align-items: center;
  border-left: 5px solid #FABE00;
  padding-left: 5px; }

.p-support__description {
  background-color: #E2E7EB;
  padding: 20px;
  font-size: 1.3rem;
  border-radius: 4px;
  color: #181919; }
  .p-support__description a {
    text-decoration: underline !important; }

.p-support__btnWrap {
  max-width: 300px;
  margin: 0 auto; }

.p-support__notice {
  background-color: #E2E7EB;
  padding: 20px;
  font-size: 1.2rem;
  border-radius: 4px;
  color: #969696; }
  .p-support__notice &gt; p {
    font-size: 1.3rem; }
  .p-support__notice a {
    text-decoration: underline !important; }
  .p-support__notice &gt; span {
    display: flex; }
    .p-support__notice &gt; span::before {
      content: '※'; }

.p-support__attentions {
  color: #CD061E; }
  .p-support__attentions &gt; span {
    display: flex; }
    .p-support__attentions &gt; span::before {
      content: '※'; }

/* u-margin ---------------------------------------------------------- */
.u-ma1 {
  margin: 1px; }

.u-mt1 {
  margin-top: 1px; }

.u-mb1 {
  margin-bottom: 1px; }

.u-ma2 {
  margin: 2px; }

.u-mt2 {
  margin-top: 2px; }

.u-mb2 {
  margin-bottom: 2px; }

.u-ma3 {
  margin: 3px; }

.u-mt3 {
  margin-top: 3px; }

.u-mb3 {
  margin-bottom: 3px; }

.u-ma4 {
  margin: 4px; }

.u-mt4 {
  margin-top: 4px; }

.u-mb4 {
  margin-bottom: 4px; }

.u-ma5 {
  margin: 5px; }

.u-mt5 {
  margin-top: 5px; }

.u-mb5 {
  margin-bottom: 5px; }

.u-ma6 {
  margin: 6px; }

.u-mt6 {
  margin-top: 6px; }

.u-mb6 {
  margin-bottom: 6px; }

.u-ma7 {
  margin: 7px; }

.u-mt7 {
  margin-top: 7px; }

.u-mb7 {
  margin-bottom: 7px; }

.u-ma8 {
  margin: 8px; }

.u-mt8 {
  margin-top: 8px; }

.u-mb8 {
  margin-bottom: 8px; }

.u-ma9 {
  margin: 9px; }

.u-mt9 {
  margin-top: 9px; }

.u-mb9 {
  margin-bottom: 9px; }

.u-ma10 {
  margin: 10px; }

.u-mt10 {
  margin-top: 10px; }

.u-mb10 {
  margin-bottom: 10px; }

.u-ma11 {
  margin: 11px; }

.u-mt11 {
  margin-top: 11px; }

.u-mb11 {
  margin-bottom: 11px; }

.u-ma12 {
  margin: 12px; }

.u-mt12 {
  margin-top: 12px; }

.u-mb12 {
  margin-bottom: 12px; }

.u-ma13 {
  margin: 13px; }

.u-mt13 {
  margin-top: 13px; }

.u-mb13 {
  margin-bottom: 13px; }

.u-ma14 {
  margin: 14px; }

.u-mt14 {
  margin-top: 14px; }

.u-mb14 {
  margin-bottom: 14px; }

.u-ma15 {
  margin: 15px; }

.u-mt15 {
  margin-top: 15px; }

.u-mb15 {
  margin-bottom: 15px; }

.u-ma16 {
  margin: 16px; }

.u-mt16 {
  margin-top: 16px; }

.u-mb16 {
  margin-bottom: 16px; }

.u-ma17 {
  margin: 17px; }

.u-mt17 {
  margin-top: 17px; }

.u-mb17 {
  margin-bottom: 17px; }

.u-ma18 {
  margin: 18px; }

.u-mt18 {
  margin-top: 18px; }

.u-mb18 {
  margin-bottom: 18px; }

.u-ma19 {
  margin: 19px; }

.u-mt19 {
  margin-top: 19px; }

.u-mb19 {
  margin-bottom: 19px; }

.u-ma20 {
  margin: 20px; }

.u-mt20 {
  margin-top: 20px; }

.u-mb20 {
  margin-bottom: 20px; }

.u-ma21 {
  margin: 21px; }

.u-mt21 {
  margin-top: 21px; }

.u-mb21 {
  margin-bottom: 21px; }

.u-ma22 {
  margin: 22px; }

.u-mt22 {
  margin-top: 22px; }

.u-mb22 {
  margin-bottom: 22px; }

.u-ma23 {
  margin: 23px; }

.u-mt23 {
  margin-top: 23px; }

.u-mb23 {
  margin-bottom: 23px; }

.u-ma24 {
  margin: 24px; }

.u-mt24 {
  margin-top: 24px; }

.u-mb24 {
  margin-bottom: 24px; }

.u-ma25 {
  margin: 25px; }

.u-mt25 {
  margin-top: 25px; }

.u-mb25 {
  margin-bottom: 25px; }

.u-ma26 {
  margin: 26px; }

.u-mt26 {
  margin-top: 26px; }

.u-mb26 {
  margin-bottom: 26px; }

.u-ma27 {
  margin: 27px; }

.u-mt27 {
  margin-top: 27px; }

.u-mb27 {
  margin-bottom: 27px; }

.u-ma28 {
  margin: 28px; }

.u-mt28 {
  margin-top: 28px; }

.u-mb28 {
  margin-bottom: 28px; }

.u-ma29 {
  margin: 29px; }

.u-mt29 {
  margin-top: 29px; }

.u-mb29 {
  margin-bottom: 29px; }

.u-ma30 {
  margin: 30px; }

.u-mt30 {
  margin-top: 30px; }

.u-mb30 {
  margin-bottom: 30px; }

.u-ma31 {
  margin: 31px; }

.u-mt31 {
  margin-top: 31px; }

.u-mb31 {
  margin-bottom: 31px; }

.u-ma32 {
  margin: 32px; }

.u-mt32 {
  margin-top: 32px; }

.u-mb32 {
  margin-bottom: 32px; }

.u-ma33 {
  margin: 33px; }

.u-mt33 {
  margin-top: 33px; }

.u-mb33 {
  margin-bottom: 33px; }

.u-ma34 {
  margin: 34px; }

.u-mt34 {
  margin-top: 34px; }

.u-mb34 {
  margin-bottom: 34px; }

.u-ma35 {
  margin: 35px; }

.u-mt35 {
  margin-top: 35px; }

.u-mb35 {
  margin-bottom: 35px; }

.u-ma36 {
  margin: 36px; }

.u-mt36 {
  margin-top: 36px; }

.u-mb36 {
  margin-bottom: 36px; }

.u-ma37 {
  margin: 37px; }

.u-mt37 {
  margin-top: 37px; }

.u-mb37 {
  margin-bottom: 37px; }

.u-ma38 {
  margin: 38px; }

.u-mt38 {
  margin-top: 38px; }

.u-mb38 {
  margin-bottom: 38px; }

.u-ma39 {
  margin: 39px; }

.u-mt39 {
  margin-top: 39px; }

.u-mb39 {
  margin-bottom: 39px; }

.u-ma40 {
  margin: 40px; }

.u-mt40 {
  margin-top: 40px; }

.u-mb40 {
  margin-bottom: 40px; }

.u-ma41 {
  margin: 41px; }

.u-mt41 {
  margin-top: 41px; }

.u-mb41 {
  margin-bottom: 41px; }

.u-ma42 {
  margin: 42px; }

.u-mt42 {
  margin-top: 42px; }

.u-mb42 {
  margin-bottom: 42px; }

.u-ma43 {
  margin: 43px; }

.u-mt43 {
  margin-top: 43px; }

.u-mb43 {
  margin-bottom: 43px; }

.u-ma44 {
  margin: 44px; }

.u-mt44 {
  margin-top: 44px; }

.u-mb44 {
  margin-bottom: 44px; }

.u-ma45 {
  margin: 45px; }

.u-mt45 {
  margin-top: 45px; }

.u-mb45 {
  margin-bottom: 45px; }

.u-ma46 {
  margin: 46px; }

.u-mt46 {
  margin-top: 46px; }

.u-mb46 {
  margin-bottom: 46px; }

.u-ma47 {
  margin: 47px; }

.u-mt47 {
  margin-top: 47px; }

.u-mb47 {
  margin-bottom: 47px; }

.u-ma48 {
  margin: 48px; }

.u-mt48 {
  margin-top: 48px; }

.u-mb48 {
  margin-bottom: 48px; }

.u-ma49 {
  margin: 49px; }

.u-mt49 {
  margin-top: 49px; }

.u-mb49 {
  margin-bottom: 49px; }

.u-ma50 {
  margin: 50px; }

.u-mt50 {
  margin-top: 50px; }

.u-mb50 {
  margin-bottom: 50px; }

.u-ma51 {
  margin: 51px; }

.u-mt51 {
  margin-top: 51px; }

.u-mb51 {
  margin-bottom: 51px; }

.u-ma52 {
  margin: 52px; }

.u-mt52 {
  margin-top: 52px; }

.u-mb52 {
  margin-bottom: 52px; }

.u-ma53 {
  margin: 53px; }

.u-mt53 {
  margin-top: 53px; }

.u-mb53 {
  margin-bottom: 53px; }

.u-ma54 {
  margin: 54px; }

.u-mt54 {
  margin-top: 54px; }

.u-mb54 {
  margin-bottom: 54px; }

.u-ma55 {
  margin: 55px; }

.u-mt55 {
  margin-top: 55px; }

.u-mb55 {
  margin-bottom: 55px; }

.u-ma56 {
  margin: 56px; }

.u-mt56 {
  margin-top: 56px; }

.u-mb56 {
  margin-bottom: 56px; }

.u-ma57 {
  margin: 57px; }

.u-mt57 {
  margin-top: 57px; }

.u-mb57 {
  margin-bottom: 57px; }

.u-ma58 {
  margin: 58px; }

.u-mt58 {
  margin-top: 58px; }

.u-mb58 {
  margin-bottom: 58px; }

.u-ma59 {
  margin: 59px; }

.u-mt59 {
  margin-top: 59px; }

.u-mb59 {
  margin-bottom: 59px; }

.u-ma60 {
  margin: 60px; }

.u-mt60 {
  margin-top: 60px; }

.u-mb60 {
  margin-bottom: 60px; }

.u-ma61 {
  margin: 61px; }

.u-mt61 {
  margin-top: 61px; }

.u-mb61 {
  margin-bottom: 61px; }

.u-ma62 {
  margin: 62px; }

.u-mt62 {
  margin-top: 62px; }

.u-mb62 {
  margin-bottom: 62px; }

.u-ma63 {
  margin: 63px; }

.u-mt63 {
  margin-top: 63px; }

.u-mb63 {
  margin-bottom: 63px; }

.u-ma64 {
  margin: 64px; }

.u-mt64 {
  margin-top: 64px; }

.u-mb64 {
  margin-bottom: 64px; }

.u-ma65 {
  margin: 65px; }

.u-mt65 {
  margin-top: 65px; }

.u-mb65 {
  margin-bottom: 65px; }

.u-ma66 {
  margin: 66px; }

.u-mt66 {
  margin-top: 66px; }

.u-mb66 {
  margin-bottom: 66px; }

.u-ma67 {
  margin: 67px; }

.u-mt67 {
  margin-top: 67px; }

.u-mb67 {
  margin-bottom: 67px; }

.u-ma68 {
  margin: 68px; }

.u-mt68 {
  margin-top: 68px; }

.u-mb68 {
  margin-bottom: 68px; }

.u-ma69 {
  margin: 69px; }

.u-mt69 {
  margin-top: 69px; }

.u-mb69 {
  margin-bottom: 69px; }

.u-ma70 {
  margin: 70px; }

.u-mt70 {
  margin-top: 70px; }

.u-mb70 {
  margin-bottom: 70px; }

.u-ma71 {
  margin: 71px; }

.u-mt71 {
  margin-top: 71px; }

.u-mb71 {
  margin-bottom: 71px; }

.u-ma72 {
  margin: 72px; }

.u-mt72 {
  margin-top: 72px; }

.u-mb72 {
  margin-bottom: 72px; }

.u-ma73 {
  margin: 73px; }

.u-mt73 {
  margin-top: 73px; }

.u-mb73 {
  margin-bottom: 73px; }

.u-ma74 {
  margin: 74px; }

.u-mt74 {
  margin-top: 74px; }

.u-mb74 {
  margin-bottom: 74px; }

.u-ma75 {
  margin: 75px; }

.u-mt75 {
  margin-top: 75px; }

.u-mb75 {
  margin-bottom: 75px; }

.u-ma76 {
  margin: 76px; }

.u-mt76 {
  margin-top: 76px; }

.u-mb76 {
  margin-bottom: 76px; }

.u-ma77 {
  margin: 77px; }

.u-mt77 {
  margin-top: 77px; }

.u-mb77 {
  margin-bottom: 77px; }

.u-ma78 {
  margin: 78px; }

.u-mt78 {
  margin-top: 78px; }

.u-mb78 {
  margin-bottom: 78px; }

.u-ma79 {
  margin: 79px; }

.u-mt79 {
  margin-top: 79px; }

.u-mb79 {
  margin-bottom: 79px; }

.u-ma80 {
  margin: 80px; }

.u-mt80 {
  margin-top: 80px; }

.u-mb80 {
  margin-bottom: 80px; }

.u-ma81 {
  margin: 81px; }

.u-mt81 {
  margin-top: 81px; }

.u-mb81 {
  margin-bottom: 81px; }

.u-ma82 {
  margin: 82px; }

.u-mt82 {
  margin-top: 82px; }

.u-mb82 {
  margin-bottom: 82px; }

.u-ma83 {
  margin: 83px; }

.u-mt83 {
  margin-top: 83px; }

.u-mb83 {
  margin-bottom: 83px; }

.u-ma84 {
  margin: 84px; }

.u-mt84 {
  margin-top: 84px; }

.u-mb84 {
  margin-bottom: 84px; }

.u-ma85 {
  margin: 85px; }

.u-mt85 {
  margin-top: 85px; }

.u-mb85 {
  margin-bottom: 85px; }

.u-ma86 {
  margin: 86px; }

.u-mt86 {
  margin-top: 86px; }

.u-mb86 {
  margin-bottom: 86px; }

.u-ma87 {
  margin: 87px; }

.u-mt87 {
  margin-top: 87px; }

.u-mb87 {
  margin-bottom: 87px; }

.u-ma88 {
  margin: 88px; }

.u-mt88 {
  margin-top: 88px; }

.u-mb88 {
  margin-bottom: 88px; }

.u-ma89 {
  margin: 89px; }

.u-mt89 {
  margin-top: 89px; }

.u-mb89 {
  margin-bottom: 89px; }

.u-ma90 {
  margin: 90px; }

.u-mt90 {
  margin-top: 90px; }

.u-mb90 {
  margin-bottom: 90px; }

.u-ma91 {
  margin: 91px; }

.u-mt91 {
  margin-top: 91px; }

.u-mb91 {
  margin-bottom: 91px; }

.u-ma92 {
  margin: 92px; }

.u-mt92 {
  margin-top: 92px; }

.u-mb92 {
  margin-bottom: 92px; }

.u-ma93 {
  margin: 93px; }

.u-mt93 {
  margin-top: 93px; }

.u-mb93 {
  margin-bottom: 93px; }

.u-ma94 {
  margin: 94px; }

.u-mt94 {
  margin-top: 94px; }

.u-mb94 {
  margin-bottom: 94px; }

.u-ma95 {
  margin: 95px; }

.u-mt95 {
  margin-top: 95px; }

.u-mb95 {
  margin-bottom: 95px; }

.u-ma96 {
  margin: 96px; }

.u-mt96 {
  margin-top: 96px; }

.u-mb96 {
  margin-bottom: 96px; }

.u-ma97 {
  margin: 97px; }

.u-mt97 {
  margin-top: 97px; }

.u-mb97 {
  margin-bottom: 97px; }

.u-ma98 {
  margin: 98px; }

.u-mt98 {
  margin-top: 98px; }

.u-mb98 {
  margin-bottom: 98px; }

.u-ma99 {
  margin: 99px; }

.u-mt99 {
  margin-top: 99px; }

.u-mb99 {
  margin-bottom: 99px; }

.u-ma100 {
  margin: 100px; }

.u-mt100 {
  margin-top: 100px; }

.u-mb100 {
  margin-bottom: 100px; }

.u-ma101 {
  margin: 101px; }

.u-mt101 {
  margin-top: 101px; }

.u-mb101 {
  margin-bottom: 101px; }

.u-ma102 {
  margin: 102px; }

.u-mt102 {
  margin-top: 102px; }

.u-mb102 {
  margin-bottom: 102px; }

.u-ma103 {
  margin: 103px; }

.u-mt103 {
  margin-top: 103px; }

.u-mb103 {
  margin-bottom: 103px; }

.u-ma104 {
  margin: 104px; }

.u-mt104 {
  margin-top: 104px; }

.u-mb104 {
  margin-bottom: 104px; }

.u-ma105 {
  margin: 105px; }

.u-mt105 {
  margin-top: 105px; }

.u-mb105 {
  margin-bottom: 105px; }

.u-ma106 {
  margin: 106px; }

.u-mt106 {
  margin-top: 106px; }

.u-mb106 {
  margin-bottom: 106px; }

.u-ma107 {
  margin: 107px; }

.u-mt107 {
  margin-top: 107px; }

.u-mb107 {
  margin-bottom: 107px; }

.u-ma108 {
  margin: 108px; }

.u-mt108 {
  margin-top: 108px; }

.u-mb108 {
  margin-bottom: 108px; }

.u-ma109 {
  margin: 109px; }

.u-mt109 {
  margin-top: 109px; }

.u-mb109 {
  margin-bottom: 109px; }

.u-ma110 {
  margin: 110px; }

.u-mt110 {
  margin-top: 110px; }

.u-mb110 {
  margin-bottom: 110px; }

.u-ma111 {
  margin: 111px; }

.u-mt111 {
  margin-top: 111px; }

.u-mb111 {
  margin-bottom: 111px; }

.u-ma112 {
  margin: 112px; }

.u-mt112 {
  margin-top: 112px; }

.u-mb112 {
  margin-bottom: 112px; }

.u-ma113 {
  margin: 113px; }

.u-mt113 {
  margin-top: 113px; }

.u-mb113 {
  margin-bottom: 113px; }

.u-ma114 {
  margin: 114px; }

.u-mt114 {
  margin-top: 114px; }

.u-mb114 {
  margin-bottom: 114px; }

.u-ma115 {
  margin: 115px; }

.u-mt115 {
  margin-top: 115px; }

.u-mb115 {
  margin-bottom: 115px; }

.u-ma116 {
  margin: 116px; }

.u-mt116 {
  margin-top: 116px; }

.u-mb116 {
  margin-bottom: 116px; }

.u-ma117 {
  margin: 117px; }

.u-mt117 {
  margin-top: 117px; }

.u-mb117 {
  margin-bottom: 117px; }

.u-ma118 {
  margin: 118px; }

.u-mt118 {
  margin-top: 118px; }

.u-mb118 {
  margin-bottom: 118px; }

.u-ma119 {
  margin: 119px; }

.u-mt119 {
  margin-top: 119px; }

.u-mb119 {
  margin-bottom: 119px; }

.u-ma120 {
  margin: 120px; }

.u-mt120 {
  margin-top: 120px; }

.u-mb120 {
  margin-bottom: 120px; }

.u-ma121 {
  margin: 121px; }

.u-mt121 {
  margin-top: 121px; }

.u-mb121 {
  margin-bottom: 121px; }

.u-ma122 {
  margin: 122px; }

.u-mt122 {
  margin-top: 122px; }

.u-mb122 {
  margin-bottom: 122px; }

.u-ma123 {
  margin: 123px; }

.u-mt123 {
  margin-top: 123px; }

.u-mb123 {
  margin-bottom: 123px; }

.u-ma124 {
  margin: 124px; }

.u-mt124 {
  margin-top: 124px; }

.u-mb124 {
  margin-bottom: 124px; }

.u-ma125 {
  margin: 125px; }

.u-mt125 {
  margin-top: 125px; }

.u-mb125 {
  margin-bottom: 125px; }

.u-ma126 {
  margin: 126px; }

.u-mt126 {
  margin-top: 126px; }

.u-mb126 {
  margin-bottom: 126px; }

.u-ma127 {
  margin: 127px; }

.u-mt127 {
  margin-top: 127px; }

.u-mb127 {
  margin-bottom: 127px; }

.u-ma128 {
  margin: 128px; }

.u-mt128 {
  margin-top: 128px; }

.u-mb128 {
  margin-bottom: 128px; }

.u-ma129 {
  margin: 129px; }

.u-mt129 {
  margin-top: 129px; }

.u-mb129 {
  margin-bottom: 129px; }

.u-ma130 {
  margin: 130px; }

.u-mt130 {
  margin-top: 130px; }

.u-mb130 {
  margin-bottom: 130px; }

.u-ma131 {
  margin: 131px; }

.u-mt131 {
  margin-top: 131px; }

.u-mb131 {
  margin-bottom: 131px; }

.u-ma132 {
  margin: 132px; }

.u-mt132 {
  margin-top: 132px; }

.u-mb132 {
  margin-bottom: 132px; }

.u-ma133 {
  margin: 133px; }

.u-mt133 {
  margin-top: 133px; }

.u-mb133 {
  margin-bottom: 133px; }

.u-ma134 {
  margin: 134px; }

.u-mt134 {
  margin-top: 134px; }

.u-mb134 {
  margin-bottom: 134px; }

.u-ma135 {
  margin: 135px; }

.u-mt135 {
  margin-top: 135px; }

.u-mb135 {
  margin-bottom: 135px; }

.u-ma136 {
  margin: 136px; }

.u-mt136 {
  margin-top: 136px; }

.u-mb136 {
  margin-bottom: 136px; }

.u-ma137 {
  margin: 137px; }

.u-mt137 {
  margin-top: 137px; }

.u-mb137 {
  margin-bottom: 137px; }

.u-ma138 {
  margin: 138px; }

.u-mt138 {
  margin-top: 138px; }

.u-mb138 {
  margin-bottom: 138px; }

.u-ma139 {
  margin: 139px; }

.u-mt139 {
  margin-top: 139px; }

.u-mb139 {
  margin-bottom: 139px; }

.u-ma140 {
  margin: 140px; }

.u-mt140 {
  margin-top: 140px; }

.u-mb140 {
  margin-bottom: 140px; }

.u-ma141 {
  margin: 141px; }

.u-mt141 {
  margin-top: 141px; }

.u-mb141 {
  margin-bottom: 141px; }

.u-ma142 {
  margin: 142px; }

.u-mt142 {
  margin-top: 142px; }

.u-mb142 {
  margin-bottom: 142px; }

.u-ma143 {
  margin: 143px; }

.u-mt143 {
  margin-top: 143px; }

.u-mb143 {
  margin-bottom: 143px; }

.u-ma144 {
  margin: 144px; }

.u-mt144 {
  margin-top: 144px; }

.u-mb144 {
  margin-bottom: 144px; }

.u-ma145 {
  margin: 145px; }

.u-mt145 {
  margin-top: 145px; }

.u-mb145 {
  margin-bottom: 145px; }

.u-ma146 {
  margin: 146px; }

.u-mt146 {
  margin-top: 146px; }

.u-mb146 {
  margin-bottom: 146px; }

.u-ma147 {
  margin: 147px; }

.u-mt147 {
  margin-top: 147px; }

.u-mb147 {
  margin-bottom: 147px; }

.u-ma148 {
  margin: 148px; }

.u-mt148 {
  margin-top: 148px; }

.u-mb148 {
  margin-bottom: 148px; }

.u-ma149 {
  margin: 149px; }

.u-mt149 {
  margin-top: 149px; }

.u-mb149 {
  margin-bottom: 149px; }

.u-ma150 {
  margin: 150px; }

.u-mt150 {
  margin-top: 150px; }

.u-mb150 {
  margin-bottom: 150px; }

.u-ma151 {
  margin: 151px; }

.u-mt151 {
  margin-top: 151px; }

.u-mb151 {
  margin-bottom: 151px; }

.u-ma152 {
  margin: 152px; }

.u-mt152 {
  margin-top: 152px; }

.u-mb152 {
  margin-bottom: 152px; }

.u-ma153 {
  margin: 153px; }

.u-mt153 {
  margin-top: 153px; }

.u-mb153 {
  margin-bottom: 153px; }

.u-ma154 {
  margin: 154px; }

.u-mt154 {
  margin-top: 154px; }

.u-mb154 {
  margin-bottom: 154px; }

.u-ma155 {
  margin: 155px; }

.u-mt155 {
  margin-top: 155px; }

.u-mb155 {
  margin-bottom: 155px; }

.u-ma156 {
  margin: 156px; }

.u-mt156 {
  margin-top: 156px; }

.u-mb156 {
  margin-bottom: 156px; }

.u-ma157 {
  margin: 157px; }

.u-mt157 {
  margin-top: 157px; }

.u-mb157 {
  margin-bottom: 157px; }

.u-ma158 {
  margin: 158px; }

.u-mt158 {
  margin-top: 158px; }

.u-mb158 {
  margin-bottom: 158px; }

.u-ma159 {
  margin: 159px; }

.u-mt159 {
  margin-top: 159px; }

.u-mb159 {
  margin-bottom: 159px; }

.u-ma160 {
  margin: 160px; }

.u-mt160 {
  margin-top: 160px; }

.u-mb160 {
  margin-bottom: 160px; }

.u-ma161 {
  margin: 161px; }

.u-mt161 {
  margin-top: 161px; }

.u-mb161 {
  margin-bottom: 161px; }

.u-ma162 {
  margin: 162px; }

.u-mt162 {
  margin-top: 162px; }

.u-mb162 {
  margin-bottom: 162px; }

.u-ma163 {
  margin: 163px; }

.u-mt163 {
  margin-top: 163px; }

.u-mb163 {
  margin-bottom: 163px; }

.u-ma164 {
  margin: 164px; }

.u-mt164 {
  margin-top: 164px; }

.u-mb164 {
  margin-bottom: 164px; }

.u-ma165 {
  margin: 165px; }

.u-mt165 {
  margin-top: 165px; }

.u-mb165 {
  margin-bottom: 165px; }

.u-ma166 {
  margin: 166px; }

.u-mt166 {
  margin-top: 166px; }

.u-mb166 {
  margin-bottom: 166px; }

.u-ma167 {
  margin: 167px; }

.u-mt167 {
  margin-top: 167px; }

.u-mb167 {
  margin-bottom: 167px; }

.u-ma168 {
  margin: 168px; }

.u-mt168 {
  margin-top: 168px; }

.u-mb168 {
  margin-bottom: 168px; }

.u-ma169 {
  margin: 169px; }

.u-mt169 {
  margin-top: 169px; }

.u-mb169 {
  margin-bottom: 169px; }

.u-ma170 {
  margin: 170px; }

.u-mt170 {
  margin-top: 170px; }

.u-mb170 {
  margin-bottom: 170px; }

.u-ma171 {
  margin: 171px; }

.u-mt171 {
  margin-top: 171px; }

.u-mb171 {
  margin-bottom: 171px; }

.u-ma172 {
  margin: 172px; }

.u-mt172 {
  margin-top: 172px; }

.u-mb172 {
  margin-bottom: 172px; }

.u-ma173 {
  margin: 173px; }

.u-mt173 {
  margin-top: 173px; }

.u-mb173 {
  margin-bottom: 173px; }

.u-ma174 {
  margin: 174px; }

.u-mt174 {
  margin-top: 174px; }

.u-mb174 {
  margin-bottom: 174px; }

.u-ma175 {
  margin: 175px; }

.u-mt175 {
  margin-top: 175px; }

.u-mb175 {
  margin-bottom: 175px; }

.u-ma176 {
  margin: 176px; }

.u-mt176 {
  margin-top: 176px; }

.u-mb176 {
  margin-bottom: 176px; }

.u-ma177 {
  margin: 177px; }

.u-mt177 {
  margin-top: 177px; }

.u-mb177 {
  margin-bottom: 177px; }

.u-ma178 {
  margin: 178px; }

.u-mt178 {
  margin-top: 178px; }

.u-mb178 {
  margin-bottom: 178px; }

.u-ma179 {
  margin: 179px; }

.u-mt179 {
  margin-top: 179px; }

.u-mb179 {
  margin-bottom: 179px; }

.u-ma180 {
  margin: 180px; }

.u-mt180 {
  margin-top: 180px; }

.u-mb180 {
  margin-bottom: 180px; }

.u-ma181 {
  margin: 181px; }

.u-mt181 {
  margin-top: 181px; }

.u-mb181 {
  margin-bottom: 181px; }

.u-ma182 {
  margin: 182px; }

.u-mt182 {
  margin-top: 182px; }

.u-mb182 {
  margin-bottom: 182px; }

.u-ma183 {
  margin: 183px; }

.u-mt183 {
  margin-top: 183px; }

.u-mb183 {
  margin-bottom: 183px; }

.u-ma184 {
  margin: 184px; }

.u-mt184 {
  margin-top: 184px; }

.u-mb184 {
  margin-bottom: 184px; }

.u-ma185 {
  margin: 185px; }

.u-mt185 {
  margin-top: 185px; }

.u-mb185 {
  margin-bottom: 185px; }

.u-ma186 {
  margin: 186px; }

.u-mt186 {
  margin-top: 186px; }

.u-mb186 {
  margin-bottom: 186px; }

.u-ma187 {
  margin: 187px; }

.u-mt187 {
  margin-top: 187px; }

.u-mb187 {
  margin-bottom: 187px; }

.u-ma188 {
  margin: 188px; }

.u-mt188 {
  margin-top: 188px; }

.u-mb188 {
  margin-bottom: 188px; }

.u-ma189 {
  margin: 189px; }

.u-mt189 {
  margin-top: 189px; }

.u-mb189 {
  margin-bottom: 189px; }

.u-ma190 {
  margin: 190px; }

.u-mt190 {
  margin-top: 190px; }

.u-mb190 {
  margin-bottom: 190px; }

.u-ma191 {
  margin: 191px; }

.u-mt191 {
  margin-top: 191px; }

.u-mb191 {
  margin-bottom: 191px; }

.u-ma192 {
  margin: 192px; }

.u-mt192 {
  margin-top: 192px; }

.u-mb192 {
  margin-bottom: 192px; }

.u-ma193 {
  margin: 193px; }

.u-mt193 {
  margin-top: 193px; }

.u-mb193 {
  margin-bottom: 193px; }

.u-ma194 {
  margin: 194px; }

.u-mt194 {
  margin-top: 194px; }

.u-mb194 {
  margin-bottom: 194px; }

.u-ma195 {
  margin: 195px; }

.u-mt195 {
  margin-top: 195px; }

.u-mb195 {
  margin-bottom: 195px; }

.u-ma196 {
  margin: 196px; }

.u-mt196 {
  margin-top: 196px; }

.u-mb196 {
  margin-bottom: 196px; }

.u-ma197 {
  margin: 197px; }

.u-mt197 {
  margin-top: 197px; }

.u-mb197 {
  margin-bottom: 197px; }

.u-ma198 {
  margin: 198px; }

.u-mt198 {
  margin-top: 198px; }

.u-mb198 {
  margin-bottom: 198px; }

.u-ma199 {
  margin: 199px; }

.u-mt199 {
  margin-top: 199px; }

.u-mb199 {
  margin-bottom: 199px; }

.u-ma200 {
  margin: 200px; }

.u-mt200 {
  margin-top: 200px; }

.u-mb200 {
  margin-bottom: 200px; }

/* input ---------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="number"],
select,
textarea {
  display: block;
  width: 100%;
  height: 100%;
  padding: 14px 16px 12px;
  font: 16px/16px sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  resize: none;
  -webkit-appearance: none;
  appearance: none; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  select:focus,
  textarea:focus {
    outline: none; }
  input[type="text"]:-webkit-autofill,
  input[type="password"]:-webkit-autofill,
  input[type="number"]:-webkit-autofill,
  select:-webkit-autofill,
  textarea:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
    font: 15px/24px sans-serif; }

.u-inputText-solo,
.u-inputText-age,
.u-inputText-zip {
  position: relative;
  width: 100%;
  height: 46px;
  border: 1px solid #DDD;
  background-color: #FFF;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 0;
  transition: 0.3s; }
  .u-inputText-solo:hover,
  .u-inputText-age:hover,
  .u-inputText-zip:hover {
    border-color: #9a9a9a;
    z-index: 1; }
  .u-inputText-solo:focus-within,
  .u-inputText-age:focus-within,
  .u-inputText-zip:focus-within {
    border: 1px solid #000; }
  .u-inputText-solo &gt; input,
  .u-inputText-age &gt; input,
  .u-inputText-zip &gt; input {
    border-radius: 4px;
    border: none;
    background: transparent; }
    .u-inputText-solo &gt; input::placeholder,
    .u-inputText-age &gt; input::placeholder,
    .u-inputText-zip &gt; input::placeholder {
      color: transparent; }
  .u-inputText-solo &gt; label,
  .u-inputText-age &gt; label,
  .u-inputText-zip &gt; label {
    position: absolute;
    width: fit-content;
    top: 12px;
    left: 16px;
    font: 14px sans-serif;
    letter-spacing: 0.5px;
    word-break: keep-all;
    color: #CCC;
    background-color: transparent;
    z-index: -1;
    transition: 0.3s; }
    .u-inputText-solo &gt; label span,
    .u-inputText-age &gt; label span,
    .u-inputText-zip &gt; label span {
      font-size: 12px; }
  .u-inputText-solo &gt; input:focus ~ label,
  .u-inputText-solo &gt; input:not(:placeholder-shown) ~ label,
  .u-inputText-age &gt; input:focus ~ label,
  .u-inputText-age &gt; input:not(:placeholder-shown) ~ label,
  .u-inputText-zip &gt; input:focus ~ label,
  .u-inputText-zip &gt; input:not(:placeholder-shown) ~ label {
    top: -7px;
    font-size: 10px;
    color: #000;
    z-index: 5555; }
    .u-inputText-solo &gt; input:focus ~ label span,
    .u-inputText-solo &gt; input:not(:placeholder-shown) ~ label span,
    .u-inputText-age &gt; input:focus ~ label span,
    .u-inputText-age &gt; input:not(:placeholder-shown) ~ label span,
    .u-inputText-zip &gt; input:focus ~ label span,
    .u-inputText-zip &gt; input:not(:placeholder-shown) ~ label span {
      font-size: 10px; }
    .u-inputText-solo &gt; input:focus ~ label::before,
    .u-inputText-solo &gt; input:not(:placeholder-shown) ~ label::before,
    .u-inputText-age &gt; input:focus ~ label::before,
    .u-inputText-age &gt; input:not(:placeholder-shown) ~ label::before,
    .u-inputText-zip &gt; input:focus ~ label::before,
    .u-inputText-zip &gt; input:not(:placeholder-shown) ~ label::before {
      content: '';
      position: absolute;
      width: calc(100% + 20px);
      left: -10px;
      height: 1px;
      top: 6px;
      background: #FFF;
      box-sizing: initial;
      z-index: -1; }

.u-inputText-age {
  max-width: 100px; }
  .u-inputText-age::before {
    content: '歳';
    position: absolute;
    right: 10px;
    color: #969696;
    font-size: 1.4rem;
    line-height: 48px; }

.u-inputText-zip {
  max-width: 130px;
  border-radius: 4px 0 0 4px; }

.u-inputGroup-name {
  display: flex;
  max-width: 300px; }
  .u-inputGroup-name &gt; div:first-child {
    border-radius: 4px 0 0 4px !important; }
  .u-inputGroup-name &gt; div:last-child {
    border-radius: 0 4px 4px 0 !important;
    margin-left: -1px; }

.u-inputGroup-add {
  display: grid;
  grid-template-columns: 160px 1fr; }

.u-inputPassword-solo {
  position: relative;
  width: 100%;
  height: 46px;
  border: 1px solid #DDD;
  background-color: #FFF;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 0;
  transition: 0.3s; }
  .u-inputPassword-solo:hover {
    border-color: #9a9a9a; }
  .u-inputPassword-solo:focus-within {
    border: 1px solid #000; }
  .u-inputPassword-solo &gt; input {
    font-family: 'Inconsolata', monospace;
    border-radius: 4px;
    border: none;
    background: transparent; }
    .u-inputPassword-solo &gt; input::placeholder {
      color: transparent; }
  .u-inputPassword-solo &gt; label {
    position: absolute;
    width: fit-content;
    top: 12px;
    left: 16px;
    font: 14px sans-serif;
    letter-spacing: 0.5px;
    word-break: keep-all;
    color: #CCC;
    background-color: transparent;
    z-index: -1;
    transition: 0.3s; }
  .u-inputPassword-solo &gt; input:focus ~ label,
  .u-inputPassword-solo &gt; input:not(:placeholder-shown) ~ label {
    top: -7px;
    font-size: 10px;
    color: #000;
    z-index: 5555; }
    .u-inputPassword-solo &gt; input:focus ~ label::before,
    .u-inputPassword-solo &gt; input:not(:placeholder-shown) ~ label::before {
      content: '';
      position: absolute;
      width: calc(100% + 20px);
      left: -10px;
      height: 1px;
      top: 6px;
      background: #FFF;
      box-sizing: initial;
      z-index: -1; }

.u-inputTextarea-solo {
  position: relative;
  width: 100%;
  min-height: 92px;
  border: 1px solid #DDD;
  background-color: #FFF;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 0;
  transition: 0.3s; }
  .u-inputTextarea-solo:hover {
    border-color: #9a9a9a; }
  .u-inputTextarea-solo:focus-within {
    border: 1px solid #000; }
  .u-inputTextarea-solo &gt; textarea {
    min-height: 92px;
    border-radius: 4px;
    border: none;
    padding-bottom: 16px;
    background: transparent;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word; }
    .u-inputTextarea-solo &gt; textarea::placeholder {
      color: transparent; }
  .u-inputTextarea-solo &gt; label {
    position: absolute;
    width: fit-content;
    top: 12px;
    left: 16px;
    font: 14px sans-serif;
    letter-spacing: 0.5px;
    word-break: keep-all;
    color: #CCC;
    background-color: transparent;
    z-index: -1;
    transition: 0.3s; }
  .u-inputTextarea-solo &gt; textarea:focus ~ label,
  .u-inputTextarea-solo &gt; textarea:not(:placeholder-shown) ~ label {
    top: -7px;
    font-size: 10px;
    color: #000;
    z-index: 5555; }
    .u-inputTextarea-solo &gt; textarea:focus ~ label::before,
    .u-inputTextarea-solo &gt; textarea:not(:placeholder-shown) ~ label::before {
      content: '';
      position: absolute;
      width: calc(100% + 20px);
      left: -10px;
      height: 1px;
      top: 6px;
      background: #FFF;
      box-sizing: initial;
      z-index: -1; }

.u-input__notice {
  color: #969696;
  margin-top: 2px; }

.u-inputCheck-slide {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 0; }
  .u-inputCheck-slide__input {
    opacity: 0;
    position: absolute;
    z-index: -9999; }
    .u-inputCheck-slide__input:focus:not(:focus-visible) ~ label {
      border: 1px solid transparent; }
    .u-inputCheck-slide__input:focus ~ label {
      border: 1px solid #000; }
  .u-inputCheck-slide__input:checked + label {
    background-color: #FABE00; }
    .u-inputCheck-slide__input:checked + label:after {
      left: 19px; }
  .u-inputCheck-slide label {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    background: #ccc;
    border-radius: 20px;
    box-sizing: border-box;
    margin-right: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: 0.4s; }
    .u-inputCheck-slide label:after {
      position: absolute;
      content: '';
      width: 22px;
      height: 22px;
      left: -1px;
      top: -2px;
      border-radius: 100%;
      background: #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      z-index: 2;
      transition: 0.4s; }
  .u-inputCheck-slide p {
    font-size: 1.4rem; }

.u-inputRadio-solo {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  width: 100%;
  max-width: 300px;
  height: 46px;
  background-color: #FFF;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 0; }
  .u-inputRadio-solo &gt; div {
    width: 100%;
    height: 100%; }
    .u-inputRadio-solo &gt; div:first-child &gt; label {
      border-right: none;
      border-radius: 4px 0 0 4px; }
    .u-inputRadio-solo &gt; div:last-child &gt; label {
      border-left: none;
      border-radius: 0 4px 4px 0; }
    .u-inputRadio-solo &gt; div &gt; label {
      border: 1px solid #DDD;
      display: flex;
      font: 12px/16px sans-serif;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 0 8px;
      color: #CCC;
      cursor: pointer;
      transition: 0.3s; }
    .u-inputRadio-solo &gt; div &gt; input {
      opacity: 0;
      position: absolute;
      z-index: -9999; }
      .u-inputRadio-solo &gt; div &gt; input:checked ~ label,
      .u-inputRadio-solo &gt; div &gt; input:checked:hover ~ label {
        border: 1px solid #FABE00;
        font-weight: 400;
        color: #000; }
      .u-inputRadio-solo &gt; div &gt; input:hover ~ label {
        border: 1px solid #9a9a9a;
        font-weight: 400;
        color: #1a1a1a; }

.u-inputSelect-solo {
  position: relative;
  width: 100%;
  height: 46px;
  border: 1px solid #DDD;
  background-color: #FFF;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 0;
  transition: 0.3s;
  background-image: url("../images/svg/icon_arrowDown.svg");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 13px 13px; }
  .u-inputSelect-solo:hover {
    border-color: #9a9a9a; }
  .u-inputSelect-solo:focus-within, .u-inputSelect-solo.isOpen {
    border: 1px solid #000; }
  .u-inputSelect-solo &gt; select {
    border-radius: 4px;
    border: none;
    background: transparent; }
    .u-inputSelect-solo &gt; select::placeholder {
      color: transparent; }
  .u-inputSelect-solo &gt; label {
    position: absolute;
    width: fit-content;
    top: 12px;
    left: 16px;
    font: 14px sans-serif;
    letter-spacing: 0.5px;
    word-break: keep-all;
    color: #CCC;
    background-color: transparent;
    z-index: -1;
    transition: 0.3s; }
    .u-inputSelect-solo &gt; label .option::after {
      content: '任意';
      display: block; }
  .u-inputSelect-solo &gt; select:focus ~ label,
  .u-inputSelect-solo &gt; select:not(:invalid) ~ label {
    top: -7px;
    font-size: 10px;
    color: #000;
    z-index: 5555; }
    .u-inputSelect-solo &gt; select:focus ~ label::before,
    .u-inputSelect-solo &gt; select:not(:invalid) ~ label::before {
      content: '';
      position: absolute;
      width: 120%;
      height: 1px;
      top: 6px;
      left: -10%;
      background: #FFF;
      box-sizing: initial;
      z-index: -1; }
  .u-inputSelect-solo.add {
    max-width: 150px; }
  .u-inputSelect-solo.year {
    background: none;
    border-radius: 4px 0 0 4px; }
    .u-inputSelect-solo.year::before {
      content: '年';
      position: absolute;
      right: 10px;
      color: #969696;
      font-size: 1.4rem;
      line-height: 48px; }
  .u-inputSelect-solo.month {
    background: none;
    border-radius: 0; }
    .u-inputSelect-solo.month::before {
      content: '月';
      position: absolute;
      right: 10px;
      color: #969696;
      font-size: 1.4rem;
      line-height: 48px; }
  .u-inputSelect-solo.date {
    background: none;
    border-radius: 0; }
    .u-inputSelect-solo.date::before {
      content: '日';
      position: absolute;
      right: 10px;
      color: #969696;
      font-size: 1.4rem;
      line-height: 48px; }
  .u-inputSelect-solo.hour {
    background: none;
    border-radius: 0 4px 4px 0; }
    .u-inputSelect-solo.hour::before {
      content: '時';
      position: absolute;
      right: 10px;
      color: #969696;
      font-size: 1.4rem;
      line-height: 48px; }

/* c-swiper ---------------------------------------------------------- */
.c-onair__nowOnAir--swipe {
  width: 100%;
  height: 104px; }

.swiper-slide {
  width: 100%;
  height: 100%; }

.c-onair__nowOnAir--swipe {
  width: 100%;
  height: auto; }

.swiper-pagination-bullets {
  width: 100px; }

.c-onairMobPlay__swiper--pagination &gt; .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #ccc; }

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #000; }

.c-onairMob__swiper--pagination &gt; .swiper-pagination-bullet:first-child {
  margin: 0 !important; }
  .c-onairMob__swiper--pagination &gt; .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active {
    background: #CD061E;
    animation: anair 1s ease infinite; }

.c-onairMobPlay__swiper--pagination &gt; .swiper-pagination-bullet:first-child {
  margin: 0 !important; }
  .c-onairMobPlay__swiper--pagination &gt; .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active {
    background: #CD061E;
    animation: anair 1s ease infinite; }

.c-onairMob__swiper--pagination &gt; .swiper-pagination-bullet:last-child .c-onairMob__swiper--pagination &gt; .swiper-pagination-bullet-active {
  background: #527EE0; }

.c-topics__swiper--pagination &gt; .swiper-pagination-bullet {
  width: 4px !important;
  height: 4px !important;
  margin: 0 0 0 10px !important;
  background: #000; }

@keyframes anair {
  0% {
    opacity: .4; }
  50% {
    opacity: 1; }
  100% {
    opacity: .4; } }

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color:#007aff; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-vertical &gt; .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-pointer-events {
  touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  padding: 0px 2px;  /* 20240705追記 */
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height; }

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-css-mode &gt; .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }

.swiper-css-mode &gt; .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode &gt; .swiper-wrapper &gt; .swiper-slide {
  scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode &gt; .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode &gt; .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-centered &gt; .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-centered.swiper-horizontal &gt; .swiper-wrapper &gt; .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal &gt; .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical &gt; .swiper-wrapper &gt; .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical &gt; .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

.swiper-centered &gt; .swiper-wrapper &gt; .swiper-slide {
  scroll-snap-align: center center; }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size); }

:root {
  --swiper-navigation-size:44px; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-horizontal &gt; .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet:only-child {
  display: none !important; }

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical &gt; .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical &gt; .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top; }

.swiper-horizontal &gt; .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-horizontal &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left; }

.swiper-horizontal.swiper-rtl &gt; .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-horizontal &gt; .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical &gt; .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-horizontal &gt; .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical &gt; .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-lock {
  display: none; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-horizontal &gt; .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-vertical &gt; .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container &gt; canvas, .swiper-zoom-container &gt; img, .swiper-zoom-container &gt; svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000; }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-free-mode &gt; .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-grid &gt; .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-grid-column &gt; .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube {
  overflow: visible; }

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0; }

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px); }

.swiper-flip {
  overflow: visible; }

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform,opacity,height; }

.swiper-cards {
  overflow: visible; }

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }
</pre></body></html>