@charset "UTF-8";
:root {
  --scrollbar: 0px;
  --color-black: rgba(0, 0, 0, 1);
  --color-white: rgba(255, 255, 255, 1);
  --color-dblue: #2B3539;
  --color-btn-gray: #E0E0E0;
  --color-bg-popup-ui: #F2F2F2;
  --color-bdr-popup-ui: #BDBDBD;
  --color-marunouchi: #E84700;
  --color-nihonbashi: #EE87B4;
  --color-ginza: #004FA2;
  --color-yurakucho: #B09DCB;
  --color-akasaka: #BA4620;
  --color-roppongi: #507936;
  --color-shibuya: #00ADA9;
  --color-harajuku: #C4D700;
  --color-shinjuku: #EE7800;
  --color-haneda: #1D2088;
  --color-tcs: #C8C8C8;
  --iconSnsW: 40px;
  --iconSnsH: 40px;
  --icon-arrow-downW: 15px;
  --icon-arrow-downH: 15px;
  --btn-menuW: 11.73vw;
  --btn-menuH: 13.87vw;
  --menu-barH: 2.67vw;
  --innerW: 89.33%;
  --articleW: 89.33%;
  --infoW: var(--innerW);
  --bdr-width: 5px;
  --page-top-space: 44.53vw;
  --tagH: 31px;
  --lineH: 1.4;
  --radius: 5px;
  --grid1: calc( (100vw - 24vw - var(--scrollbar) )/6 );
  --space1: 5.33vw;
  --space2: 5.33vw;
  --gutter: 2.67vw;
  --grid1-space: calc( var(--grid1) + var(--space2) );
  --grid-d2: calc( var(--grid1)/2 + var(--gutter)/2 );
  --grid2: calc( var(--grid1)*2 + var(--gutter));
  --grid3: calc( var(--grid1)*3 + var(--gutter)*2);
  --grid4: calc( var(--grid1)*4 + var(--gutter)*3);
  --grid5: calc( var(--grid1)*5 + var(--gutter)*4);
  --grid6: calc( var(--grid1)*6 + var(--gutter)*5);
  --grid7: calc( var(--grid1)*7 + var(--gutter)*6);
  --s1: 4.27vw;
  --space1: calc( var(--s1) );
  --space2: calc( var(--s1)*2 );
  --space3: calc( var(--s1)*3 );
  --space4: calc( var(--s1)*4 );
  /**/
  --section-pt: 26.67vw;
  --section-insta-pt: 16vw;
  --fs-super-large: 16vw;
  --fs-event-ttl: 13.33vw;
  --fs-ttl-h2: 13.33vw;
  --fs-ttl-h3: 8vw;
  --fs-article-h1: 8vw;
  --fs-article-h2: 6.67vw;
  --fs-body: 5.33vw;
  --fs-ttl-list: 5.33vw;
  --fs-10-10-10-15: 2.67vw;
  --fs-15-15-20: 4vw;
  --fs-15-15-20-20: 4vw;
  --fs-18-30-35-40: 4.8vw;
  --fs-18-18-25-30: 4.8vw;
  --fs-20-25-30: 5.33vw;
  --fs-25-30-40-50: 6.67vw;
  --fs-25-30-30-40: 6.67vw;
  --fs-40-50: 10.67vw;
  --fs-small: 4.8vw;
  --fs-fnav: 6.67vw;
  --fs-info: 4vw;
  --fs-more: 6.67vw;
  --icon-btt-width: 20px;
  --btnH: 50px;
  --height-btn-date: 50px;
  --about-leadW: 94.66%;
  --list-areaW: 50%;
  --icon-xW: 21.33vw;
  --post-tagH: 8.27vw;
  --post-tag-padding: 2.67vw;
  --popup-ui-padding: 5.33vw;
  --hide-y: 40px;
}

@media all and (min-width: 768px) {
  :root {
    --innerW: 94.79%;
    --articleW: 73.17%;
    --infoW: var(--grid7);
    --page-top-space: 36.2vw;
    --section-pt: 19.53vw;
    --section-insta-pt: 9.38vw;
    --icon-arrow-downW: 20px;
    --icon-arrow-downH: 20px;
    --btn-menuW: 11.72vw;
    --btn-menuH: 14.06vw;
    --menu-barH: 2.86vw;
    --lineH: 1.4;
    --grid1: calc( (100vw - 26.04vw - var(--scrollbar) )/9 );
    --space1: 2.6vw;
    --space2: 5.21vw;
    --gutter: 2.6vw;
    --fs-super-large: 10.42vw;
    --fs-event-ttl: 10.42vw;
    --fs-ttl-h2: 9.11vw;
    --fs-ttl-h3: 5.21vw;
    --fs-article-h1: 5.21vw;
    --fs-article-h2: 3.91vw;
    --fs-body: 3.91vw;
    --fs-ttl-list: 3.26vw;
    --fs-10-10-10-15: 1.3vw;
    --fs-15-15-20: 1.95vw;
    --fs-15-15-20-20: 1.95vw;
    --fs-18-18-25-30: 2.34vw;
    --fs-18-30-35-40: 3.91vw;
    --fs-25-30-40-50: 3.91vw;
    --fs-25-30-30-40: 3.91vw;
    --fs-40-50: 5.21vw;
    --fs-20-25-30: 3.26vw;
    --fs-small: 2.34vw;
    --fs-fnav: 3.91vw;
    --fs-more: 6.51vw;
    --fs-info: 1.95vw;
    --fs-tag: 1.5rem;
    --about-leadW: 73.177%;
    --list-areaW: 33.33%;
    --icon-xW: 10.42vw;
    --icon-btt-width: 25px;
    --popup-ui-padding: 2.6vw;
    --post-tagH: 4.04vw;
    --post-tag-padding: 1.3vw;
  }
}
@media all and (min-width: 1024px) {
  :root {
    --innerW: 94.14%;
    --articleW: 72.85%;
    --page-top-space: 35.45vw;
    --grid1: calc( (100vw - 21.48vw - var(--scrollbar) )/9 );
    --space1: 2.93vw;
    --space2: 5.86vw;
    --gutter: 1.95vw;
    --section-pt: 14.65vw;
    --section-insta-pt: 5.86vw;
    --icon-arrow-downW: 25px;
    --icon-arrow-downH: 25px;
    --btn-menuW: 10.55vw;
    --btn-menuH: 12.4vw;
    --menu-barH: 2.44vw;
    --fs-super-large: 9.77vw;
    --fs-event-ttl: 9.77vw;
    --fs-ttl-h2: 6.84vw;
    --fs-ttl-h3: 3.91vw;
    --fs-article-h1: 3.91vw;
    --fs-article-h2: 2.93vw;
    --fs-body: 2.93vw;
    --fs-ttl-list: 2.44vw;
    --fs-10-10-10-15: 0.98vw;
    --fs-15-15-20: 1.46vw;
    --fs-15-15-20-20: 1.95vw;
    --fs-18-18-25-30: 2.44vw;
    --fs-18-30-35-40: 3.42vw;
    --fs-25-30-40-50: 3.91vw;
    --fs-25-30-30-40: 2.93vw;
    --fs-40-50: 3.91vw;
    --fs-20-25-30: 2.44vw;
    --fs-small: 2.44vw;
    --fs-fnav: 3.91vw;
    --fs-tag: 1.5rem;
    --fs-info: 1.46vw;
    --fs-more: 3.91vw;
    --about-leadW: 72.85%;
    --list-areaW: 225px;
    --icon-xW: 8.4vw;
    --icon-btt-width: 30px;
    --popup-ui-padding: 2.93vw;
    --post-tagH: 3.03vw;
    --post-tag-padding: 0.98vw;
  }
}
@media all and (min-width: 1440px) {
  :root {
    --innerW: 91.66%;
    --articleW: 70.97%;
    --iconSnsW: 55px;
    --iconSnsH: 55px;
    --page-top-space: 25.21vw;
    --grid1: calc( (100vw - 19.44vw - var(--scrollbar) )/9 );
    --space1: 4.17vw;
    --space2: 8.33vw;
    --gutter: 1.39vw;
    --section-pt: 10.42vw;
    --section-insta-pt: 4.17vw;
    --icon-arrow-downW: 30px;
    --icon-arrow-downH: 30px;
    --btn-menuW: 8.96vw;
    --btn-menuH: 10.69vw;
    --menu-barH: 2.08vw;
    --fs-super-large: 10.42vw;
    --fs-event-ttl: 10.42vw;
    --fs-ttl-h2: 5.56vw;
    --fs-ttl-h3: 2.78vw;
    --fs-article-h1: 3.47vw;
    --fs-article-h2: 2.78vw;
    --fs-body: 2.78vw;
    --fs-ttl-list: 2.08vw;
    --fs-10-10-10-15: 1.04vw;
    --fs-15-15-20: 1.39vw;
    --fs-15-15-20-20: 1.39vw;
    --fs-18-18-25-30: 2.08vw;
    --fs-18-30-35-40: 2.78vw;
    --fs-25-30-40-50: 3.47vw;
    --fs-25-30-30-40: 2.78vw;
    --fs-40-50: 3.47vw;
    --fs-20-25-30: 2.08vw;
    --fs-small: 2.08vw;
    --fs-fnav: 3.47vw;
    --fs-tag: 2.0rem;
    --fs-info: 1.39vw;
    --fs-more: 3.47vw;
    --about-leadW: 70.97%;
    --icon-xW: 6.94vw;
    --list-areaW: 312px;
    --popup-ui-padding: 1.67vw;
    --post-tagH: 2.43vw;
    --post-tag-padding: 0.69vw;
  }
}
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

html {
  font-size: 3.125vw;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
}

/* Small Devices, Tablets */
/* PC */
@media all and (min-width: 1024px) {
  html {
    font-size: 62.5%;
  }
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
:root {
  --vh: 100vh;
}

@font-face {
  font-family: "Soehne dreiviertelfett";
  src: url("/assets/fonts/soehne-dreiviertelfett.woff2") format("woff2"), url("/assets/fonts/soehne-dreiviertelfett.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Soehne halbfett";
  src: url("/assets/fonts/soehne-halbfett.woff2") format("woff2"), url("/assets/fonts/soehne-halbfett.woff") format("woff");
  font-display: swap;
}
body {
  overflow-x: hidden;
  overflow-y: visible;
}

body {
  color: #000;
  background: var(--color-white);
  font-family: "Soehne halbfett", "Noto Sans JP", "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  overscroll-behavior-y: none;
  font-size: var(--fs-body);
  transition: opacity 0.6s ease;
}
body.disable {
  opacity: 0;
}

:lang(ja) body {
  font-family: YakuHanJP, "Soehne halbfett", "Noto Sans JP", "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 700;
}

a {
  color: #000;
  text-decoration: none;
  text-decoration-thickness: 1px;
}

li {
  list-style: none;
}

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

::selection {
  background-color: var(--color-black);
  color: var(--color-white);
}

svg,
img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

button {
  vertical-align: top;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: var(--color-black);
}

.c-ttl_h2 h2 {
  font-size: var(--fs-ttl-h2);
}

.c-ttl_h3 h3 {
  font-size: var(--fs-ttl-h3);
}

.icon {
  position: relative;
  display: block;
}
.icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

footer#global_footer svg,
#b-glbnav svg {
  fill: var(--color-white);
}
footer#global_footer .inner,
#b-glbnav .inner {
  width: var(--innerW);
  margin: auto;
  position: relative;
}
footer#global_footer .flex_sb,
#b-glbnav .flex_sb {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-end;
}

#bdr_instagram,
#bdr_footer {
  width: 100%;
  height: 100px;
  position: relative;
  top: 0px;
  padding: 2px 0 0px 0;
}

.show_grid #grid {
  display: block;
}

#grid {
  width: calc(100vw - var(--scrollbar));
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  pointer-events: none;
  display: none;
}
#grid #grid_inr {
  width: 89.33%;
  margin: auto;
  height: 100vh;
  display: flex;
  justify-content: space-between;
}
#grid #grid_inr span {
  display: block;
  background: rgba(255, 0, 0, 0.05);
  width: var(--grid1);
}
#grid #grid_inr span:nth-of-type(7) {
  display: none;
}
#grid #grid_inr span:nth-of-type(8) {
  display: none;
}
#grid #grid_inr span:nth-of-type(9) {
  display: none;
}

#keyvisual {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  pointer-events: none;
  z-index: 5;
}

#bg_line {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  pointer-events: none;
}

[data-page=top] #bdr_footer {
  background: var(--color-dblue);
}

main {
  padding-top: var(--page-top-space);
}

footer#global_footer {
  width: 100%;
  background: var(--color-black);
  position: relative;
  margin-top: -1px;
}
footer#global_footer .inner {
  width: var(--innerW);
  margin: auto;
  padding: 24vw 0 53.33vw 0;
}
footer#global_footer .fnav_cols {
  margin-bottom: 18.67vw;
}
footer#global_footer .logo {
  width: 65.37%;
  aspect-ratio: 219/159;
}
footer#global_footer .nav_lang {
  margin-bottom: 3.2vw;
}
footer#global_footer .nav_footer {
  margin-top: 16vw;
}
footer#global_footer .nav_footer .nav_cols {
  display: flex;
}
footer#global_footer .nav_footer .nav_cols .nav_cols_l,
footer#global_footer .nav_footer .nav_cols .nav_cols_r {
  width: 50%;
}
footer#global_footer .nav_footer ul.nav_post {
  position: relative;
}
footer#global_footer .nav_footer ul.nav_post li {
  width: 50%;
  line-height: 1;
  position: relative;
  margin-bottom: 6.4vw;
}
footer#global_footer .nav_footer ul.nav_post li:last-child {
  margin-bottom: 0px;
}
footer#global_footer .nav_footer ul.nav_post li a {
  color: var(--color-white);
  line-height: 1;
  font-size: var(--fs-fnav);
  letter-spacing: -0.02em;
}
footer#global_footer .nav_footer ul.nav_post li button[data-fnav-accordion] {
  display: flex;
  align-items: center;
  color: var(--color-white);
  line-height: 1;
  font-size: var(--fs-fnav);
  font-family: "Soehne halbfett", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}
footer#global_footer .nav_footer ul.nav_post li button[data-fnav-accordion] .icon {
  width: var(--icon-arrow-downW);
  height: var(--icon-arrow-downH);
  margin-right: 1.6vw;
}
footer#global_footer .nav_footer ul.nav_post li .nav_child {
  position: absolute;
  overflow: hidden;
  height: 0;
  top: 1.5em;
  width: 100%;
  background: var(--color-black);
  z-index: 5;
  transition: height 0.3s ease;
}
footer#global_footer .nav_footer ul.nav_post li .nav_child .inner {
  padding: 3.2vw 8vw 5.33vw 5.33vw;
}
footer#global_footer .nav_footer ul.nav_post li .nav_child ul li {
  width: 100%;
  margin-bottom: 0.5em;
}
footer#global_footer .nav_footer ul.nav_post li .nav_child ul li:last-child {
  margin-bottom: 0px;
}
footer#global_footer .nav_footer ul.nav_post li .nav_child ul li a {
  font-size: var(--fs-small);
  display: block;
}
footer#global_footer .nav_footer ul.nav_post li .nav_child[data-fnav-content="1"] {
  width: 200%;
}
footer#global_footer .nav_footer ul.nav_info {
  margin-top: 9.07vw;
}
footer#global_footer .nav_footer ul.nav_info li {
  margin-bottom: 4vw;
  display: block;
}
footer#global_footer .nav_footer ul.nav_info li:last-child {
  margin-bottom: 0px;
}
footer#global_footer .nav_footer ul.nav_info li a {
  color: var(--color-white);
  font-size: var(--fs-18-18-25-30);
  position: relative;
  display: block;
  letter-spacing: -0.02em;
}
footer#global_footer .copy p {
  line-height: 1.1;
}
footer#global_footer .backtotop {
  position: absolute;
  right: 5.33vw;
  z-index: 2;
  margin-top: -21.33vw;
}
footer#global_footer .backtotop button {
  background: var(--color-black);
}
footer#global_footer .backtotop span.icon {
  display: block;
  width: var(--icon-btt-width);
  margin: auto;
  margin-bottom: 1em;
  position: relative;
}
footer#global_footer .backtotop span.txt {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  color: var(--color-white);
  line-height: 0.8;
  display: block;
  font-family: "Soehne dreiviertelfett", "Noto Sans JP", sans-serif;
  font-variation-settings: "wght" 900;
  font-size: var(--fs-fnav);
}

#keyvisual {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 5;
  pointer-events: none;
}

.hide_visual #keyvisual,
.hide_visual button[data-menu] {
  transform: translate3d(0, -100%, 0);
}

@media all and (min-width: 768px) {
  footer#global_footer .inner {
    padding: 9.38vw 0 26.04vw 0;
  }
  footer#global_footer .nav_lang {
    margin-bottom: 0vw;
  }
  footer#global_footer .fnav_cols {
    margin-bottom: 8.33vw;
    display: flex;
    justify-content: flex-start;
  }
  footer#global_footer .fnav_cols .logo {
    width: 28.29%;
  }
  footer#global_footer .fnav_cols .nav_footer {
    width: 65.65%;
    margin-left: 5.9%;
    margin-top: 0px;
  }
  footer#global_footer .fnav_cols .nav_footer .nav_cols_l {
    width: 40%;
  }
  footer#global_footer .fnav_cols .nav_footer .nav_cols_r {
    width: 60%;
  }
  footer#global_footer .fnav_cols ul.nav_post {
    box-sizing: border-box;
    padding-right: 26.09%;
    row-gap: 2.86vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li {
    margin-bottom: 2.86vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li button[data-fnav-accordion] .icon {
    margin-right: 0.78vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li .nav_child {
    width: 32.29vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li .nav_child .inner {
    padding: 1.3vw 3.13vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li .nav_child[data-fnav-content="1"] {
    width: 36.46vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li:last-child .nav_child ul {
    display: flex;
    flex-wrap: wrap;
  }
  footer#global_footer .fnav_cols ul.nav_post li:last-child .nav_child ul li {
    width: 50%;
  }
  footer#global_footer .fnav_cols ul.nav_info {
    margin-top: 3.13vw;
  }
  footer#global_footer .fnav_cols ul.nav_info li {
    margin-bottom: 1.95vw;
  }
  footer#global_footer .copy {
    position: relative;
    top: -0.52vw;
  }
  footer#global_footer .copy p br {
    display: none;
  }
  footer#global_footer .backtotop {
    right: 2.34vw;
    margin-top: -7.81vw;
  }
  #grid #grid_inr {
    width: 94.79%;
  }
  #grid #grid_inr span {
    width: 8.669%;
  }
  #grid #grid_inr span:nth-of-type(7) {
    display: block;
  }
  #grid #grid_inr span:nth-of-type(8) {
    display: block;
  }
  #grid #grid_inr span:nth-of-type(9) {
    display: block;
  }
}
@media all and (min-width: 1024px) {
  footer#global_footer .inner {
    padding: 6.45vw 0 19.53vw 0;
  }
  footer#global_footer .nav_lang {
    margin-bottom: 1.25vw;
  }
  footer#global_footer .fnav_cols {
    margin-bottom: 6.25vw;
  }
  footer#global_footer .fnav_cols .logo {
    width: 26.23%;
    aspect-ratio: 350/256;
  }
  footer#global_footer .fnav_cols .logo a:hover img {
    scale: 0.95;
  }
  footer#global_footer .fnav_cols .nav_footer {
    width: 66.46%;
    margin-left: 7.3%;
  }
  footer#global_footer .fnav_cols ul.nav_post {
    padding-right: 28.49;
    row-gap: 1.76vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li {
    margin-bottom: 1.86vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li button[data-fnav-accordion] .icon {
    margin-right: 0.59vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li .nav_child {
    width: 33.5vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li .nav_child .inner {
    padding: 1.95vw 2.93vw;
  }
  footer#global_footer .fnav_cols ul.nav_info {
    margin-top: 3.42vw;
  }
  footer#global_footer .fnav_cols ul.nav_info li {
    margin-bottom: 0.3em;
  }
  footer#global_footer .fnav_cols ul.nav_info li a {
    display: inline-block;
  }
  footer#global_footer .backtotop {
    right: 3.13vw;
    margin-top: -5.86vw;
  }
  #grid #grid_inr {
    width: 94.14%;
  }
  #grid #grid_inr span {
    width: 9.26%;
  }
}
@media all and (min-width: 1440px) {
  footer#global_footer .inner {
    padding: 5vw 0 13.89vw 0;
  }
  footer#global_footer .nav_lang {
    margin-bottom: 0.14vw;
  }
  footer#global_footer .fnav_cols {
    margin-bottom: 4.44vw;
  }
  footer#global_footer .fnav_cols .logo {
    width: 26.51%;
  }
  footer#global_footer .fnav_cols .nav_footer {
    width: 73.48%;
    margin-left: 7.34%;
  }
  footer#global_footer .fnav_cols ul.nav_post {
    padding-right: 31.06%;
    row-gap: 1.81vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li {
    margin-bottom: 1.81vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li button[data-fnav-accordion] .icon {
    margin-right: 0.42vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li .nav_child {
    width: 27.36vw;
  }
  footer#global_footer .fnav_cols ul.nav_post li .nav_child .inner {
    padding: 1.39vw 2.08vw;
  }
  footer#global_footer .fnav_cols ul.nav_info {
    margin-top: 2.08vw;
  }
  footer#global_footer .fnav_cols ul.nav_info li {
    margin-bottom: 0.3em;
  }
  footer#global_footer .backtotop {
    right: 4.17vw;
    margin-top: -6.94vw;
  }
  #grid #grid_inr {
    width: 91.66%;
  }
  #grid #grid_inr span {
    width: 9.764%;
  }
}
button[data-menu] {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 20;
  width: 21.87vw;
  height: 24.53vw; /* mix-blend-mode: difference; filter: invert(100);*/
}
button[data-menu] span.inr {
  width: var(--btn-menuW);
  height: var(--btn-menuH);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: calc(var(--btn-menuH) / -2) 0 0 calc(var(--btn-menuW) / -2);
}
button[data-menu] span.l {
  width: 100%;
  position: absolute;
  height: var(--menu-barH);
  background: var(--color-black);
  display: block;
  transition: background 0.2s ease 0s, top 0.1s ease 0s, rotate 0.3s ease 0s;
}
button[data-menu] span.l:nth-of-type(1) {
  top: 0px;
}
button[data-menu] span.l:nth-of-type(2) {
  top: 5.6vw;
}
button[data-menu] span.l:nth-of-type(3) {
  top: 11.2vw;
}

.menu {
  overflow: hidden;
}
.menu #b-glbnav {
  opacity: 1;
  pointer-events: auto;
}
.menu #b-glbnav .inner {
  overflow-y: auto;
}
.menu button[data-menu] {
  mix-blend-mode: revert;
  filter: invert(0);
}
.menu button[data-menu] span.l {
  background: var(--color-white);
}
.menu button[data-menu] span.l:nth-of-type(1) {
  top: 5.6vw;
  rotate: 45deg;
}
.menu button[data-menu] span.l:nth-of-type(2) {
  display: none;
}
.menu button[data-menu] span.l:nth-of-type(3) {
  top: 5.6vw;
  rotate: -45deg;
}

.nav_lang ul {
  display: flex;
  align-items: center;
}
.nav_lang ul li {
  line-height: 1;
}
.nav_lang ul li a {
  color: var(--color-dblue);
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: var(--fs-25-30-40-50);
  letter-spacing: -0.02em;
}
.nav_lang ul li a.current {
  color: var(--color-white);
  pointer-events: none;
}
.nav_lang ul li:first-child:after {
  content: "/";
  color: var(--color-white);
  padding-left: 0.3em;
  margin-right: 0.3em;
  line-height: 1;
  font-size: var(--fs-25-30-40-50);
  position: relative;
  top: -0.08em;
}

.sns ul {
  display: flex;
  align-items: center;
}
.sns ul li {
  margin-right: 30px;
}
.sns ul li:last-child {
  margin-right: 0px;
}
.sns ul li a {
  display: block;
}
.sns ul li a svg {
  width: var(--iconSnsW);
  height: var(--iconSnsH);
}

.copy p {
  color: var(--color-white);
  font-size: var(--fs-small);
}

#b-glbnav {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: var(--color-black);
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
#b-glbnav .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
#b-glbnav .glbnav_content {
  padding-top: 38.4vw;
  box-sizing: border-box;
  min-height: 100%;
}
#b-glbnav p.logo_white {
  position: absolute;
  width: 28%;
  top: 5.33vw;
  left: 5.33vw;
}
#b-glbnav .cols {
  display: flex;
  width: var(--innerW);
  margin: auto;
  margin-bottom: 20.27vw;
}
#b-glbnav .cols .col_l {
  width: 50.74%;
  margin-right: 8.95%;
}
#b-glbnav .cols .col_r {
  width: 34%;
}
#b-glbnav .c-nav p {
  color: var(--color-white);
  font-size: var(--fs-15-15-20-20);
  margin-bottom: 1em;
}
#b-glbnav .c-nav ul li {
  margin-bottom: 3.47vw;
  line-height: 1;
}
#b-glbnav .c-nav ul li:last-child {
  margin-bottom: 0px;
}
#b-glbnav .c-nav ul li a {
  color: var(--color-white);
  font-size: var(--fs-25-30-40-50);
}
#b-glbnav .c-nav.creative, #b-glbnav .c-nav.other, #b-glbnav .c-nav.info {
  width: 91.22%;
}
#b-glbnav .c-nav.creative ul li a, #b-glbnav .c-nav.other ul li a, #b-glbnav .c-nav.info ul li a {
  letter-spacing: -0.05em;
  white-space: nowrap;
}
#b-glbnav .c-nav.creative {
  border-bottom: 2px solid var(--color-white);
  padding-bottom: 6.93vw;
  margin-bottom: 7.47vw;
}
#b-glbnav .c-nav.other {
  margin-bottom: 6.4vw;
}
#b-glbnav .c-nav.creative, #b-glbnav .c-nav.other {
  font-family: "Soehne halbfett", "Noto Sans JP", sans-serif;
  font-weight: 700;
}
#b-glbnav .c-nav.info ul li {
  margin-bottom: 0.8em;
}
#b-glbnav .c-nav.info ul li:last-child {
  margin-bottom: 0px;
}
#b-glbnav .c-nav.info ul li a {
  font-size: var(--fs-small);
  display: block;
}
#b-glbnav .c-nav.info ul li a span {
  display: block;
  line-height: 1;
}
#b-glbnav .nav_area ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.11em;
}
#b-glbnav .nav_area ul li {
  width: 50%;
  margin-bottom: 0px;
}
#b-glbnav .nav_area ul li a {
  line-height: 1;
}
#b-glbnav .nav_area ul li a span {
  font-family: "Soehne dreiviertelfett", "Noto Sans JP", sans-serif;
  font-weight: 900;
}
#b-glbnav .nav_area ul li:last-child {
  width: 100%;
  white-space: nowrap;
}
#b-glbnav .nav_area ul li:last-child a {
  width: 100%;
  display: block;
}
#b-glbnav .nav_bottom {
  position: sticky;
  bottom: calc(env(safe-area-inset-bottom) + 22px);
  width: var(--innerW);
  margin: auto;
}
#b-glbnav .nav_lang {
  margin-bottom: 0.8em;
}
#b-glbnav .copy p {
  line-height: 1.2;
}

@media all and (min-width: 768px) {
  button[data-menu] {
    width: 16.93vw;
    height: 19.27vw;
  }
  button[data-menu] span.l:nth-of-type(1) {
    top: 0px;
  }
  button[data-menu] span.l:nth-of-type(2) {
    top: 5.6vw;
  }
  button[data-menu] span.l:nth-of-type(3) {
    top: 11.2vw;
  }
  .menu button[data-menu] span.l:nth-of-type(1) {
    top: 5.6vw;
  }
  .menu button[data-menu] span.l:nth-of-type(3) {
    top: 5.6vw;
  }
  #b-glbnav .glbnav_content {
    padding-top: 29.17vw;
    box-sizing: border-box;
    position: relative;
    min-height: 91.8vw;
    padding-bottom: 14.32vw;
  }
  #b-glbnav .nav_lang {
    width: 50%;
  }
  #b-glbnav p.logo_white {
    width: 19.01vw;
    top: 2.6vw;
    left: 2.6vw;
  }
  #b-glbnav .cols {
    margin-bottom: 0;
    padding-left: 22.8%;
    box-sizing: border-box;
    width: 100%;
  }
  #b-glbnav .cols .col_l {
    width: 36.08%;
    margin-right: 21.88%;
  }
  #b-glbnav .cols .col_r {
    width: 25.97%;
  }
  #b-glbnav .c-nav p {
    margin-bottom: 0.85em;
  }
  #b-glbnav .c-nav ul li {
    margin-bottom: 4.17vw;
  }
  #b-glbnav .c-nav ul li:last-child {
    margin-bottom: 0px;
  }
  #b-glbnav .c-nav.creative, #b-glbnav .c-nav.other, #b-glbnav .c-nav.info {
    width: 91.22%;
  }
  #b-glbnav .c-nav.creative ul li a, #b-glbnav .c-nav.other ul li a, #b-glbnav .c-nav.info ul li a {
    letter-spacing: -0.6px;
  }
  #b-glbnav .c-nav.creative {
    padding-bottom: 5.86vw;
    margin-bottom: 5.99vw;
  }
  #b-glbnav .c-nav.creative li {
    margin-bottom: 4.17vw;
  }
  #b-glbnav .c-nav.other {
    margin-bottom: 7.03vw;
  }
  #b-glbnav .c-nav.creative, #b-glbnav .c-nav.other {
    width: 100%;
  }
  #b-glbnav .c-nav.info ul li {
    margin-bottom: 0.5em;
  }
  #b-glbnav .c-nav.info ul li:last-child {
    margin-bottom: 0px;
  }
  #b-glbnav .nav_area ul {
    row-gap: 0.7em;
  }
  #b-glbnav .nav_area ul li {
    line-height: 1;
    margin-bottom: 1.43vw;
  }
  #b-glbnav .nav_area ul li a {
    display: inline-block;
    font-size: var(--fs-body);
  }
  #b-glbnav .nav_bottom {
    position: absolute;
    bottom: calc(env(safe-area-inset-bottom) + 2.6vw);
    left: 2.6%;
  }
  #b-glbnav .copy p br {
    display: none;
  }
}
@media all and (min-width: 1024px) {
  button[data-menu] {
    width: 16.41vw;
    height: 18.26vw;
  }
  button[data-menu] span.l:nth-of-type(1) {
    top: 0px;
  }
  button[data-menu] span.l:nth-of-type(2) {
    top: 4.98vw;
  }
  button[data-menu] span.l:nth-of-type(3) {
    top: 9.96vw;
  }
  .menu button[data-menu] span.l:nth-of-type(1) {
    top: 4.98vw;
  }
  .menu button[data-menu] span.l:nth-of-type(3) {
    top: 4.98vw;
  }
  #b-glbnav .glbnav_content {
    width: 100%;
    padding-top: 128px;
    min-height: 70.31vw;
    padding-bottom: 10.74vw;
  }
  #b-glbnav p.logo_white {
    width: 19.43vw;
    top: 1.95vw;
    left: 1.95vw;
  }
  #b-glbnav p.logo_white a:hover img {
    scale: 0.95;
  }
  #b-glbnav .cols {
    padding-left: 34.02%;
  }
  #b-glbnav .cols .col_l {
    width: 37%;
    margin-right: 14.24%;
  }
  #b-glbnav .cols .col_r {
    width: 30%;
  }
  #b-glbnav .c-nav p {
    margin-bottom: 0.55em;
  }
  #b-glbnav .c-nav ul li {
    margin-bottom: 0.88vw;
  }
  #b-glbnav .c-nav ul li:last-child {
    margin-bottom: 0px;
  }
  #b-glbnav .c-nav.creative {
    padding-bottom: 3.03vw;
    margin-bottom: 2.93vw;
  }
  #b-glbnav .c-nav.creative li {
    margin-bottom: 0.88vw;
  }
  #b-glbnav .c-nav.other {
    margin-bottom: 4.1vw;
  }
  #b-glbnav .c-nav.info ul li {
    margin-bottom: 0.4em;
  }
  #b-glbnav .c-nav.info ul li:last-child {
    margin-bottom: 0px;
  }
  #b-glbnav .nav_lang {
    margin-bottom: 1.25vw;
  }
  #b-glbnav .nav_area ul {
    row-gap: 0.28em;
  }
  #b-glbnav .nav_bottom {
    bottom: 23px;
    left: 2.929%;
  }
}
@media all and (min-width: 1440px) {
  button[data-menu] {
    width: 13.13vw;
    height: 14.72vw;
  }
  button[data-menu] span.l:nth-of-type(1) {
    top: 0px;
  }
  button[data-menu] span.l:nth-of-type(2) {
    top: 4.31vw;
  }
  button[data-menu] span.l:nth-of-type(3) {
    top: 8.61vw;
  }
  .menu button[data-menu] span.l:nth-of-type(1) {
    top: 4.31vw;
  }
  .menu button[data-menu] span.l:nth-of-type(3) {
    top: 4.31vw;
  }
  .sns ul li {
    margin-right: 40px;
  }
  #b-glbnav .glbnav_content {
    padding-top: 204px;
    min-height: 67.43vw;
    padding-bottom: 9.72vw;
  }
  #b-glbnav p.logo_white {
    width: 19.31vw;
    top: 1.39vw;
    left: 1.39vw;
  }
  #b-glbnav .cols {
    padding-left: 34.02%;
  }
  #b-glbnav .cols .col_l {
    width: 37%;
    margin-right: 14.24%;
  }
  #b-glbnav .cols .col_r {
    width: 30%;
  }
  #b-glbnav .c-nav p {
    margin-bottom: 0.63vw;
  }
  #b-glbnav .c-nav ul li {
    margin-bottom: 1.39vw;
  }
  #b-glbnav .c-nav ul li:last-child {
    margin-bottom: 0px;
  }
  #b-glbnav .c-nav.creative {
    padding-bottom: 2.36vw;
    margin-bottom: 2.29vw;
  }
  #b-glbnav .c-nav.creative li {
    margin-bottom: 1.04vw;
  }
  #b-glbnav .c-nav.other {
    margin-bottom: 3.61vw;
  }
  #b-glbnav .c-nav.other li {
    margin-bottom: 1.04vw;
  }
  #b-glbnav .c-nav.info ul li {
    margin-bottom: 0.55em;
  }
  #b-glbnav .c-nav.info ul li:last-child {
    margin-bottom: 0px;
  }
  #b-glbnav .nav_lang {
    margin-bottom: 0.83vw;
  }
  #b-glbnav .nav_area ul {
    row-gap: 0.2em;
  }
  #b-glbnav .nav_bottom {
    bottom: 46px;
    left: 4.17%;
  }
}
.bg-dblue {
  background: var(--color-dblue);
}

.en {
  font-family: "Soehne halbfett", "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.bold {
  font-family: "Soehne dreiviertelfett", "Noto Sans JP", sans-serif;
  font-weight: 900;
}

.fs-20-30 {
  font-size: var(--fs-ttl-list);
}

.fs-15-15-20 {
  font-size: var(--fs-15-15-20);
}

.radius {
  border-radius: var(--radius);
  overflow: hidden;
}

.innerW {
  width: var(--innerW);
  margin: auto;
}

section .section_inner {
  padding: var(--section-pt) 0;
}

section.s-instagram {
  position: relative;
}
section.s-instagram:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: -2px;
  background: var(--color-dblue);
}
section.s-instagram .section_inner {
  padding: var(--section-insta-pt) 0 var(--section-pt) 0;
}

[data-border] {
  width: 100%;
  position: relative;
}
[data-border] canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.bg_marunouchi {
  background: var(--color-marunouchi);
}

.bg_nihonbashi {
  background: var(--color-nihonbashi);
}

.bg_ginza {
  background: var(--color-ginza);
}

.bg_yurakucho {
  background: var(--color-yurakucho);
}

.bg_akasaka {
  background: var(--color-akasaka);
}

.bg_roppongi {
  background: var(--color-roppongi);
}

.bg_shibuya {
  background: var(--color-shibuya);
}

.bg_harajuku {
  background: var(--color-harajuku);
}

.bg_shinjuku {
  background: var(--color-shinjuku);
}

.bg_haneda {
  background: var(--color-haneda);
}

.bg_news {
  background: var(--color-black);
}

.bg_harakado,
.bg_tcs {
  background: var(--color-black);
}

.area_marunouchi figure {
  border-color: var(--color-marunouchi);
}

.area_nihonbashi figure {
  border-color: var(--color-nihonbashi);
}

.area_ginza figure {
  border-color: var(--color-ginza);
}

.area_yurakucho figure {
  border-color: var(--color-yurakucho);
}

.area_akasaka figure {
  border-color: var(--color-akasaka);
}

.area_roppongi figure {
  border-color: var(--color-roppongi);
}

.area_shibuya figure {
  border-color: var(--color-shibuya);
}

.area_harajuku figure {
  border-color: var(--color-harajuku);
}

.area_shinjuku figure {
  border-color: var(--color-shinjuku);
}

.area_haneda figure {
  border-color: var(--color-haneda);
}

.area_harakado figure,
.area_tcs figure {
  border-color: var(--color-black);
}

[data-nav-date] {
  width: var(--innerW);
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.7%;
  row-gap: 6.93vw;
}
[data-nav-date] li {
  width: 48.65%;
}
[data-nav-date] li :is(button, a) {
  width: 100%;
  display: block;
}
[data-nav-date] li :is(button, a).active span.txt {
  background: var(--color-shibuya);
}
[data-nav-date] li :is(button, a).active .inr span.g {
  background: var(--color-shibuya);
}
[data-nav-date] li :is(button, a) span.txt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--height-btn-date);
  font-size: var(--fs-15-15-20);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  background: var(--color-black);
  color: var(--color-white);
}
[data-nav-date] li :is(button, a) .inr {
  width: 100%;
  position: relative;
  display: block;
}
[data-nav-date] li :is(button, a) .inr span.g {
  position: absolute;
  height: 3px;
  background: var(--color-black);
  display: block;
}
[data-nav-date] li :is(button, a) .inr span.g.t {
  top: -3px;
}
[data-nav-date] li :is(button, a) .inr span.g.b {
  bottom: -3px;
}
[data-nav-date] li :is(button, a) .inr span.g.t1 {
  top: -4px;
  height: 4px;
}
[data-nav-date] li :is(button, a) .inr span.g.b1 {
  bottom: -4px;
  height: 4px;
}

[data-page=events] {
  /*
  #events{ position: relative; top: 100vh; @include mx.transition(top, .5s, ease-out);}
  .active{
  	#events{ top: 0px;}
  }
  */
}

/* 投稿一覧 ----------------------------------------------------- */
:is(.c-list_post,
.c-list_events) ul {
  padding-bottom: 14.93vw;
}
:is(.c-list_post,
.c-list_events) ul li.post {
  margin-bottom: 10.67vw;
}
:is(.c-list_post,
.c-list_events) ul li.post:last-child {
  margin-bottom: 0px;
}
:is(.c-list_post,
.c-list_events) ul li.post a {
  display: block;
  position: relative;
}
:is(.c-list_post,
.c-list_events) ul li.post figure {
  width: 100%;
  box-sizing: border-box;
  border-width: var(--bdr-width);
  border-style: solid;
  background: var(--color-white); /*aspect-ratio: 335 / 223; background: #ddd;*/
}
:is(.c-list_post,
.c-list_events) ul li.post .post_info {
  margin-top: 4.27vw;
}
:is(.c-list_post,
.c-list_events) ul li.post .post_info h3 {
  line-height: 1.4;
  letter-spacing: -0.02em;
}
:is(.c-list_post,
.c-list_events) ul li.post .post_info p.date {
  margin-bottom: 2.93vw;
  line-height: 1;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}
:is(.c-list_post,
.c-list_events) ul li.post .c-list_tag {
  margin-top: 3.2vw;
}
:is(.c-list_post,
.c-list_events) ul li.post .c-list_tag ul {
  padding-bottom: 0px;
}
:is(.c-list_post,
.c-list_events) ul li.post .description {
  margin-top: 3.2vw;
}
:is(.c-list_post,
.c-list_events) ul li.post .description p {
  font-size: var(--fs-15-15-20);
  line-height: var(--lineH);
}
:is(.c-list_post,
.c-list_events) ul li.post .area_tags {
  position: absolute;
  top: 0px;
  right: 0px;
  height: auto;
  min-height: auto;
  margin: 0;
  width: auto;
  display: flex;
}
:is(.c-list_post,
.c-list_events) ul li.post .area_tags li {
  font-size: var(--fs-15-15-20);
  display: flex;
  align-items: center;
  height: var(--post-tagH);
}
:is(.c-list_post,
.c-list_events) ul li.post .area_tags li span {
  padding: 0 var(--post-tag-padding);
  display: block;
  color: var(--color-white);
  position: relative;
  top: 0.27vw;
}
:is(.c-list_post,
.c-list_events) ul li.block_more {
  width: 100%;
}
:is(.c-list_post,
.c-list_events) ul li.block_more a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  text-align: center;
  position: relative;
}
:is(.c-list_post,
.c-list_events) ul li.block_more a .inr {
  width: 37.61%;
  aspect-ratio: 270/160;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
:is(.c-list_post,
.c-list_events) ul li.block_more a p {
  font-size: var(--fs-more);
  position: relative;
  letter-spacing: -1.6px;
  font-family: "Soehne halbfett", "Noto Sans JP", sans-serif;
  font-variation-settings: "wght" 700;
}
:is(.c-list_post,
.c-list_events) ul li.block_more a p span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:is(.c-list_post,
.c-list_events) ul li.block_more a img.line {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  aspect-ratio: 540/320;
}

.c-list_events ul li.post .area_tags {
  display: none;
}

:is(.is_schedule,
.is_category,
.is_tag) .c-list_events ul li.post .area_tags {
  display: flex;
}

.c-list_post.post_new {
  position: relative;
}
.c-list_post.post_new ul {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
}
.c-list_post.post_new ul li.post {
  flex-shrink: 0;
  scroll-snap-align: center;
  width: 85.86%;
}
.c-list_post.post_new ul li.post:first-child {
  margin-left: 5.63%;
}
.c-list_post.post_new ul li.post a {
  width: 93.78%;
  display: block;
}
.c-list_post.post_new button.nav_carousel {
  font-size: var(--fs-25-30-40-50);
  font-family: "Soehne halbfett", "Noto Sans JP", sans-serif;
  font-weight: 700;
  position: absolute;
  top: 25.07vw;
  display: none;
}
.c-list_post.post_new button.nav_carousel span {
  background: var(--color-black);
  line-height: 0.78;
  display: block;
  color: var(--color-white);
}
.c-list_post.post_new button.nav_carousel[data-carousel-prev] {
  left: 0px;
}
.c-list_post.post_new button.nav_carousel[data-carousel-next] {
  right: 0px;
}

.c-list_tag ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
}
.c-list_tag ul li {
  display: flex;
  align-items: center;
}
.c-list_tag ul li span {
  font-size: var(--fs-tag);
  color: var(--color-btn-gray);
  display: block;
  line-height: 1;
  font-size: var(--fs-15-15-20);
}
.c-list_tag ul li span:before {
  content: "#";
}

/* AREA一覧 ----------------------------------------------------- */
.c-list_area {
  width: var(--innerW);
  margin: auto;
}
.c-list_area ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5.33vw;
}
.c-list_area ul li {
  width: var(--list-areaW);
  aspect-ratio: 1/1;
  position: relative;
}
.c-list_area ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
}
.c-list_area ul li .inr {
  position: relative;
  z-index: 2;
  text-align: center;
}
.c-list_area ul li h3 {
  font-size: var(--fs-ttl-h2);
  line-height: 0.8;
  font-family: "Soehne halbfett", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: -1.6px;
}
.c-list_area ul li p {
  font-size: var(--fs-20-25-30);
  line-height: 1;
  margin-top: 20px;
  text-align: center;
}
.c-list_area ul li p {
  font-family: "Noto Sans JP", sans-serif;
}
.c-list_area ul li .circle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

/* CREATIVE */
.c-list_creative ul li {
  position: relative;
  /*&:nth-child(2){
  	&:after{ content: ""; width: var(--icon-xW); height: var(--icon-xW); display: block; position: absolute; top: calc( var(--icon-xW)/-2 ); left: 50%; margin-left: calc( var(--icon-xW)/-2 ); background: url(../images/common/icon_x.svg) top left no-repeat; background-size: cover;}
  }
  */
}
.c-list_creative ul li a {
  width: 100%;
  display: block;
  position: relative;
}
.c-list_creative ul li a .txt {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
}
.c-list_creative ul li a h3 {
  color: var(--color-white);
  text-align: center;
  width: 100%;
  font-size: 13.33vw;
  letter-spacing: -1.6px;
}

.s-instagram .c-ttl_h2 h2 {
  color: var(--color-white);
}
.s-instagram .c-list_instagram {
  width: 100%;
  overflow: hidden;
}
.s-instagram .c-list_instagram ul {
  display: flex;
}
.s-instagram .c-list_instagram ul li {
  width: 55.2%;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
}
.s-instagram .c-list_instagram ul li a {
  display: block;
  width: 90.33%;
}

.ls_narrow {
  letter-spacing: -1.6px;
}

.c-ttl_h2 {
  margin-bottom: 21.33vw;
  position: relative;
}
.c-ttl_h2 h2 span {
  font-family: "Soehne dreiviertelfett", "Noto Sans JP", sans-serif;
  font-variation-settings: "wght" 900;
  letter-spacing: -0.02em;
}
.c-ttl_h2 .lead {
  margin-top: 13.33vw;
}
.c-ttl_h2 .lead p {
  line-height: var(--lineH);
  font-size: var(--fs-body);
  text-align: justify;
}
.c-ttl_h2 .lead p br.only_tab {
  display: none;
}
.c-ttl_h2 .lead p br.tab {
  display: none;
}

:is(button[data-toggle-calendar],
button[data-toggle-area],
button[data-toggle-purpose]) {
  background: #C8C8C8;
  display: block;
  width: 100%;
  position: relative;
}
:is(button[data-toggle-calendar],
button[data-toggle-area],
button[data-toggle-purpose]) .inr {
  display: flex;
  height: var(--btnH);
  align-items: center;
  position: relative;
}
:is(button[data-toggle-calendar],
button[data-toggle-area],
button[data-toggle-purpose]) span.text {
  font-family: "Soehne halbfett", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: var(--color-white);
  text-indent: 20px;
}
:is(button[data-toggle-calendar],
button[data-toggle-area],
button[data-toggle-purpose]) svg {
  fill: var(--color-black);
}
:is(button[data-toggle-calendar],
button[data-toggle-area],
button[data-toggle-purpose]).active span.text {
  color: var(--color-black);
}

.block_gate {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.block_gate span {
  display: block;
  background: #C8C8C8;
  position: absolute;
}

.disable .block_gate span {
  background: #757575 !important;
}

.c-select_date .block_gate span:nth-of-type(1) {
  width: 24.35%;
  height: 8px;
  left: 15%;
  top: -4px;
}
.c-select_date .block_gate span:nth-of-type(2) {
  width: 28.35%;
  height: 4px;
  right: 12%;
  top: -4px;
}
.c-select_date .block_gate span:nth-of-type(3) {
  width: 45%;
  height: 12px;
  left: 18%;
  bottom: -8px;
}
.c-select_date .block_gate span:nth-of-type(4) {
  width: 14px;
  height: 4px;
  right: 15%;
  bottom: -4px;
}

.c-select_area .block_gate span:nth-of-type(1) {
  width: 43.5%;
  height: 8px;
  left: 8%;
  top: -4px;
}
.c-select_area .block_gate span:nth-of-type(2) {
  width: 49%;
  height: 6px;
  left: 6%;
  bottom: -6px;
}
.c-select_area .block_gate span:nth-of-type(3) {
  width: 17.17%;
  height: 4px;
  right: 5%;
  bottom: -4px;
}

.c-select_purpose .block_gate span:nth-of-type(1) {
  width: 21.47%;
  height: 4px;
  left: 8%;
  top: -4px;
}
.c-select_purpose .block_gate span:nth-of-type(2) {
  width: 46%;
  height: 8px;
  right: 10%;
  top: -8px;
}
.c-select_purpose .block_gate span:nth-of-type(3) {
  width: 36%;
  height: 6px;
  left: 12%;
  bottom: -4px;
}
.c-select_purpose .block_gate span:nth-of-type(4) {
  width: 36.8%;
  height: 10px;
  left: 45%;
  bottom: -10px;
}
.c-select_purpose .block_gate span:nth-of-type(5) {
  width: 6px;
  height: 4px;
  right: 4%;
  bottom: -4px;
}

.selector {
  position: relative;
  height: var(--btnH);
}
.selector button {
  font-size: var(--fs-15-15-20);
}

.block_submit {
  position: relative;
  margin-top: 20px;
  height: var(--btnH);
}
.block_submit .block_gate span {
  background: var(--color-black);
}
.block_submit .block_gate span:nth-of-type(1) {
  width: 29.25%;
  height: 6px;
  left: 10%;
  top: -6px;
}
.block_submit .block_gate span:nth-of-type(2) {
  width: 65.37%;
  height: 10px;
  right: 5%;
  bottom: -8px;
}

button[data-toggle-calendar] span.icon {
  width: 24px;
  height: 24px;
  position: absolute;
  display: block;
  right: 13px;
  top: 50%;
  margin-top: -12px;
}

button[data-toggle-area] span.icon,
button[data-toggle-purpose] span.icon {
  width: 10px;
  height: 16px;
  position: absolute;
  display: block;
  right: 13px;
  top: 50%;
  margin-top: -8px;
}

button[data-submit-filter] {
  height: var(--btnH);
  width: 100%;
  background: var(--color-black);
}
button[data-submit-filter] .inr {
  display: flex;
  align-items: center;
  height: var(--btnH);
}
button[data-submit-filter] span.text {
  font-family: "Soehne halbfett", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: var(--color-white);
  font-size: var(--fs-15-15-20);
  display: block;
  text-align: center;
  width: 100%;
}
button[data-submit-filter].disable {
  background: #757575;
  pointer-events: none;
}
button[data-submit-filter].disable span {
  text-decoration: line-through;
}

.c-list_events ul {
  position: relative;
  width: var(--innerW);
  margin: auto;
}

@media all and (min-width: 768px) {
  [data-nav-date] {
    column-gap: 2.74%;
    row-gap: 3.65vw;
  }
  [data-nav-date] li {
    width: 22.93%;
  }
  :is(.c-list_post,
  .c-list_events) {
    position: relative;
  }
  :is(.c-list_post,
  .c-list_events) ul {
    padding-bottom: 7.29vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post {
    width: calc(50% - 1.3vw);
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .post_info {
    margin-top: 2.34vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .post_info h3 {
    line-height: 1.2;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .post_info p.date {
    margin-bottom: 1.04vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .description {
    margin-top: 1.56vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .c-list_tag {
    margin-top: 2.08vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .area_tags li span {
    top: 0.13vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.block_more {
    width: calc(50% - 1.3vw);
  }
  :is(.c-list_post,
  .c-list_events) ul li.block_more a {
    width: 100%;
    height: auto;
    aspect-ratio: 360/240;
  }
  :is(.c-list_post,
  .c-list_events) ul li.block_more a .inr {
    width: 59.13%;
  }
  .s-schedule .c-list_post {
    width: 100%;
    overflow-x: hidden;
  }
  .c-list_post ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2.6vw;
    row-gap: 3.91vw;
  }
  .c-list_post ul li.post {
    margin-bottom: 0;
  }
  .c-list_post.post_new ul {
    overflow-x: visible;
    scroll-snap-type: none;
    flex-wrap: initial;
    column-gap: 0;
    row-gap: 0;
    transition: transform 0.5s ease;
  }
  .c-list_post.post_new ul li.post {
    scroll-snap-align: initial;
    width: 45.44%;
  }
  .c-list_post.post_new ul li.post:first-child {
    margin-left: 2.604%;
  }
  .c-list_post.post_new ul li.post a {
    width: 91.4%;
    display: block;
  }
  .c-list_post.post_new button.nav_carousel {
    top: 12.24vw;
    display: block;
  }
  .c-list_post.post_new button.nav_carousel[data-carousel-prev] {
    left: 1.3vw;
  }
  .c-list_post.post_new button.nav_carousel[data-carousel-next] {
    right: 1.3vw;
  }
  .c-list_post.post_new button.nav_carousel.disable {
    opacity: 0;
    pointer-events: none;
  }
  .c-list_events ul {
    min-height: 100vh;
  }
  .c-list_events ul li.post {
    position: absolute;
    margin-bottom: 0;
    padding-bottom: 10.42vw;
  }
  .c-list_events ul li.post:nth-child(2n) {
    right: 0px;
  }
  .c-list_tag ul {
    column-gap: 20px;
    row-gap: 10px;
  }
  .c-ttl_h2 {
    margin-bottom: 10.42vw;
  }
  .c-ttl_h2 .lead {
    margin-top: 6.51vw;
  }
  .c-ttl_h2 .lead p br.sp {
    display: none;
  }
  .c-ttl_h2 .lead p br.only_tab {
    display: block;
  }
  .c-ttl_h2 .lead p br.tab {
    display: block;
  }
  /* CREATIVE */
  .c-list_creative ul {
    display: flex;
    align-items: center;
  }
  .c-list_creative ul li {
    width: 50%;
  }
  .c-list_creative ul li a {
    width: 100%;
    display: block;
    position: relative;
  }
  .c-list_creative ul li a .txt {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .c-list_creative ul li a h3 {
    color: var(--color-white);
    text-align: center;
    width: 100%;
    font-size: 6.51vw;
  }
  .c-list_creative ul li:nth-child(2):after {
    top: calc(50% + var(--icon-xW) / -2);
    left: 0%;
    margin-left: calc(var(--icon-xW) / -2);
  }
  .s-instagram .c-list_instagram ul {
    display: flex;
  }
  .s-instagram .c-list_instagram ul li {
    width: 35.93%;
  }
  .s-instagram .c-list_instagram ul li a {
    width: 92.75%;
  }
  .c-select_date .block_gate {
    width: calc(100% - 20px);
  }
  .c-select_date .block_gate span:nth-of-type(1) {
    width: 55.02%;
    height: 6px;
    left: 5%;
    top: -5px;
  }
  .c-select_date .block_gate span:nth-of-type(2) {
    width: 55.89%;
    height: 6px;
    right: 2%;
    bottom: -4px;
    top: auto;
  }
  .c-select_date .block_gate span:nth-of-type(3) {
    display: none;
  }
  .c-select_date .block_gate span:nth-of-type(4) {
    display: none;
  }
  .c-select_area .block_gate {
    width: calc(100% - 20px);
  }
  .c-select_area .block_gate span:nth-of-type(1) {
    width: 41.4%;
    height: 5px;
    left: 45%;
    top: -4px;
  }
  .c-select_area .block_gate span:nth-of-type(2) {
    width: 34.35%;
    height: 6px;
    left: 15%;
    bottom: -4px;
  }
  .c-select_area .block_gate span:nth-of-type(3) {
    width: 46%;
    height: 10px;
    right: 5%;
    bottom: -7px;
  }
  .c-select_purpose .block_gate {
    width: calc(100% - 20px);
  }
  .c-select_purpose .block_gate span:nth-of-type(1) {
    width: 52.14%;
    height: 10px;
    left: 20%;
    top: -6px;
  }
  .c-select_purpose .block_gate span:nth-of-type(2) {
    width: 6px;
    height: 4px;
    left: 10%;
    bottom: -4px;
    right: auto;
    top: auto;
  }
  .c-select_purpose .block_gate span:nth-of-type(3) {
    width: 48.4%;
    height: 6px;
    right: 20%;
    left: auto;
    bottom: -4px;
  }
  .c-select_purpose .block_gate span:nth-of-type(4) {
    display: none;
  }
  .c-select_purpose .block_gate span:nth-of-type(5) {
    display: none;
  }
  .block_submit {
    position: relative;
    margin-top: 0px;
  }
  .block_submit .block_gate span {
    background: var(--color-black);
  }
  .block_submit .block_gate span:nth-of-type(1) {
    width: 34.66%;
    height: 10px;
    left: auto;
    right: 10%;
    top: -6px;
  }
  .block_submit .block_gate span:nth-of-type(2) {
    width: 40%;
    height: 10px;
    right: auto;
    left: 5%;
    bottom: -6px;
  }
}
@media all and (min-width: 1024px) {
  [data-nav-date] {
    column-gap: 2.07%;
    row-gap: 2.93vw;
  }
  [data-nav-date] li {
    width: 23.34%;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .post_info {
    margin-top: 1.66vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .post_info p.date {
    margin-bottom: 1.07vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .description {
    margin-top: 1.17vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .c-list_tag {
    margin-top: 1.37vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.post .area_tags li span {
    top: 0;
  }
  :is(.c-list_post,
  .c-list_events) ul li.block_more {
    width: 100%;
    margin-top: 6.84vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.block_more a {
    width: 16.39%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  :is(.c-list_post,
  .c-list_events) ul li.block_more a .inr {
    width: 100%;
  }
  .c-list_post ul {
    gap: 1.95vw;
    row-gap: 0;
  }
  .c-list_post ul li.post {
    width: calc(33.3333333333% - 1.3033333333vw);
  }
  .c-list_post.post_new ul li.post {
    width: 29.98%;
  }
  .c-list_post.post_new ul li.post:first-child {
    margin-left: 2.92%;
  }
  .c-list_post.post_new ul li.post a {
    width: 90.22%;
  }
  .c-list_post.post_new button.nav_carousel {
    top: 7.91vw;
  }
  .c-list_post.post_new button.nav_carousel[data-carousel-prev] {
    left: 0.98vw;
  }
  .c-list_post.post_new button.nav_carousel[data-carousel-next] {
    right: 0.98vw;
  }
  /* CREATIVE */
  .c-list_creative ul li a h3 {
    font-size: 6.84vw;
  }
  .c-list_events ul li.post {
    width: 31.95%;
    margin-bottom: 0;
    padding-bottom: 14.65vw;
  }
  .c-list_events ul li.post:nth-child(3n+1) {
    left: 0px;
  }
  .c-list_events ul li.post:nth-child(3n+2) {
    left: 34.02%;
    right: auto;
  }
  .c-list_events ul li.post:nth-child(3n+3) {
    left: auto;
    right: 0px;
  }
  .c-list_tag ul {
    column-gap: 20px;
    row-gap: 10px;
  }
  /* AREA一覧 ----------------------------------------------------- */
  .c-list_area {
    width: 89.5%;
  }
  .c-list_area ul {
    column-gap: calc((100% - 675px) / 2);
  }
  .c-list_area ul li .circle {
    width: 120%;
    left: -10%;
    top: -10%;
  }
  .c-ttl_h2 {
    margin-bottom: 7.81vw;
  }
  .c-ttl_h2 .lead {
    margin-top: 4.88vw;
  }
  .c-ttl_h2 .lead p br.only_tab {
    display: none;
  }
  .s-instagram .c-list_instagram ul li {
    width: 35.15%;
  }
  .s-instagram .c-list_instagram ul li a {
    width: 94.44%;
    overflow: hidden;
  }
  .s-instagram .c-list_instagram ul li a img {
    transition: scale 0.3s ease;
  }
  .s-instagram .c-list_instagram ul li a:hover img {
    scale: 1.1;
  }
}
@media all and (min-width: 1440px) {
  [data-nav-date] {
    column-gap: 1.51%;
    row-gap: 2.08vw;
  }
  [data-nav-date] li {
    width: 23.86%;
  }
  :is(.c-list_post,
  .c-list_events) ul li.block_more {
    width: 100%;
    margin-top: 3.47vw;
  }
  :is(.c-list_post,
  .c-list_events) ul li.block_more a {
    width: 16.06%;
  }
  .c-list_post ul {
    gap: 1.39vw;
    row-gap: 0;
  }
  .c-list_post ul li.post {
    width: calc(33.3333333333% - 0.9266666667vw);
  }
  .c-list_post ul li.post .post_info {
    margin-top: 1.81vw;
  }
  .c-list_post ul li.post .post_info p.date {
    margin-bottom: 1.39vw;
  }
  .c-list_post ul li.post .c-list_tag {
    margin-top: 1.39vw;
  }
  .c-list_post ul li.post .area_tags li span {
    top: 0;
  }
  .c-list_post.post_new ul {
    gap: 0;
  }
  .c-list_post.post_new ul li.post {
    width: 28.68%;
  }
  .c-list_post.post_new ul li.post:first-child {
    margin-left: 4.166%;
  }
  .c-list_post.post_new ul li.post a {
    width: 92.73%;
  }
  .c-list_post.post_new button.nav_carousel {
    top: 8.26vw;
  }
  .c-list_post.post_new button.nav_carousel[data-carousel-prev] {
    left: 2.78vw;
  }
  .c-list_post.post_new button.nav_carousel[data-carousel-next] {
    right: 2.78vw;
  }
  .c-list_tag ul {
    column-gap: 20px;
    row-gap: 10px;
  }
  /* CREATIVE */
  .c-list_creative ul li a h3 {
    font-size: 5.56vw;
  }
  /* AREA一覧 ----------------------------------------------------- */
  .c-list_area {
    width: 83.33%;
  }
  .c-list_area ul {
    column-gap: calc((100% - 936px) / 2);
  }
  .c-list_area ul li .circle {
    width: 100%;
    left: 0%;
    top: 0%;
  }
  .c-ttl_h2 {
    margin-bottom: 5.56vw;
  }
  .c-ttl_h2 .lead {
    margin-top: 3.47vw;
  }
  .s-instagram .c-list_instagram ul li {
    width: 34.72%;
  }
  .s-instagram .c-list_instagram ul li a {
    width: 96%;
  }
}
[data-page=news] {
  position: relative;
}
[data-page=news] .c-list_news {
  padding-bottom: 14.93vw;
}
[data-page=news] .c-list_news ul {
  border-top: 5px solid var(--color-black);
}
[data-page=news] .c-list_news ul li {
  margin-bottom: 0vw;
  border-bottom: 5px solid var(--color-black);
}
[data-page=news] .c-list_news ul li a {
  padding: 7.2vw 0 6.4vw 0;
  display: block;
}

.c-list_news {
  padding-bottom: 14.93vw;
}
.c-list_news ul {
  width: 89.33%;
  margin-inline: auto;
}
.c-list_news ul li {
  margin-bottom: 8.53vw;
}
.c-list_news ul li:last-child {
  margin-bottom: 0px;
}
.c-list_news ul .c-info {
  display: flex;
  align-items: center;
  column-gap: 4vw;
  margin-bottom: 3.47vw;
}
.c-list_news ul p.date {
  font-size: var(--fs-15-15-20);
  line-height: 1;
  font-weight: normal;
  white-space: nowrap;
}
.c-list_news ul p.c-category {
  display: block;
  padding: 2.13vw 2.67vw 2.13vw 2.67vw;
}
.c-list_news ul p.c-category span {
  display: block;
  font-size: var(--fs-15-15-20);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  color: var(--color-white);
}
.c-list_news ul h3 {
  line-height: 1.2;
  font-size: var(--fs-20-25-30);
}
.c-list_news.list_news_top {
  padding-bottom: 0px;
}
.c-list_news.list_news_top ul {
  border-top: none;
}
.c-list_news.list_news_top ul li {
  border-bottom: none;
}
.c-list_news.list_news_top ul li:last-child {
  border-bottom: none;
}
.c-list_news.list_news_top ul li p.date {
  font-size: var(--fs-20-25-30);
}
.c-list_news.list_news_top ul li a h3 {
  text-decoration: underline;
  font-size: var(--fs-20-25-30);
  line-height: 1.8;
}

.c-nav_calendar {
  margin-bottom: 14.93vw;
}

.c-list_calendar {
  padding-bottom: 26.67vw;
}
.c-list_calendar ul {
  width: var(--innerW);
  margin-inline: auto;
}
.c-list_calendar ul li {
  margin-bottom: 5.33vw;
}
.c-list_calendar ul li.area_marunouchi a {
  border-color: var(--color-marunouchi);
}
.c-list_calendar ul li.area_marunouchi .c-cats {
  background: var(--color-marunouchi);
}
.c-list_calendar ul li.area_nihonbashi a {
  border-color: var(--color-nihonbashi);
}
.c-list_calendar ul li.area_nihonbashi .c-cats {
  background: var(--color-nihonbashi);
}
.c-list_calendar ul li.area_ginza a {
  border-color: var(--color-ginza);
}
.c-list_calendar ul li.area_ginza .c-cats {
  background: var(--color-ginza);
}
.c-list_calendar ul li.area_yurakucho a {
  border-color: var(--color-yurakucho);
}
.c-list_calendar ul li.area_yurakucho .c-cats {
  background: var(--color-yurakucho);
}
.c-list_calendar ul li.area_akasaka a {
  border-color: var(--color-akasaka);
}
.c-list_calendar ul li.area_akasaka .c-cats {
  background: var(--color-akasaka);
}
.c-list_calendar ul li.area_roppongi a {
  border-color: var(--color-roppongi);
}
.c-list_calendar ul li.area_roppongi .c-cats {
  background: var(--color-roppongi);
}
.c-list_calendar ul li.area_shibuya a {
  border-color: var(--color-shibuya);
}
.c-list_calendar ul li.area_shibuya .c-cats {
  background: var(--color-shibuya);
}
.c-list_calendar ul li.area_harajuku a {
  border-color: var(--color-harajuku);
}
.c-list_calendar ul li.area_harajuku .c-cats {
  background: var(--color-harajuku);
}
.c-list_calendar ul li.area_shinjuku a {
  border-color: var(--color-shinjuku);
}
.c-list_calendar ul li.area_shinjuku .c-cats {
  background: var(--color-shinjuku);
}
.c-list_calendar ul li.area_haneda a {
  border-color: var(--color-haneda);
}
.c-list_calendar ul li.area_haneda .c-cats {
  background: var(--color-haneda);
}
.c-list_calendar ul li.area_tcs a, .c-list_calendar ul li.area_harakado a {
  border-color: var(--color-black);
}
.c-list_calendar ul li.area_tcs .c-cats, .c-list_calendar ul li.area_harakado .c-cats {
  background: var(--color-black);
}
.c-list_calendar ul li a {
  border-width: 6px;
  border-style: solid;
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 11.73vw 6.4vw 19.2vw 6.4vw;
}
.c-list_calendar ul li a p.date {
  font-size: var(--fs-15-15-20);
  margin-bottom: 1em;
}
.c-list_calendar ul li a h3 {
  font-size: var(--fs-20-25-30);
  line-height: 1.2;
}
.c-list_calendar ul li a .c-cats {
  position: absolute;
  top: -6px;
  left: -6px;
  padding: 2.13vw 2.67vw 2.13vw 2.67vw;
}
.c-list_calendar ul li a .c-cats p {
  color: var(--color-white);
  font-size: var(--fs-15-15-20);
}
.c-list_calendar ul li a p.icon_arrow {
  position: absolute;
  width: 13.33vw;
  aspect-ratio: 300/178;
  right: 4vw;
  bottom: 8vw;
}
.c-list_calendar ul li a p.icon_arrow svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.c-list_calendar ul li:last-child {
  margin-bottom: 0px;
}

@media all and (min-width: 768px) {
  [data-page=news] {
    position: relative;
  }
  [data-page=news] .c-list_news {
    padding-bottom: 12.5vw;
  }
  [data-page=news] .c-list_news ul li a {
    padding: 3.52vw 0 3.13vw 0;
  }
  .c-list_news {
    padding-bottom: 12.5vw;
  }
  .c-list_news ul {
    width: 94.79%;
  }
  .c-list_news ul li {
    margin-bottom: 5.21vw;
  }
  .c-list_news ul .c-cols {
    display: flex;
    justify-content: space-between;
  }
  .c-list_news ul .c-info {
    width: 28.84%;
    display: flex;
    justify-content: space-between;
    column-gap: 0;
    margin-bottom: 0;
  }
  .c-list_news ul p.date {
    width: 38%;
  }
  .c-list_news ul .c-cats {
    width: 50%;
    display: flex;
    justify-content: center;
  }
  .c-list_news ul p.c-category {
    display: block;
    padding: 1.04vw 1.3vw 1.04vw 1.3vw;
  }
  .c-list_news ul h3 {
    width: 68.68%;
    line-height: 1.2;
  }
  .c-list_news.list_news_top {
    padding-bottom: 0px;
  }
  .c-list_news.list_news_top ul li:last-child {
    border-bottom: none;
  }
  .c-list_news.list_news_top ul li .c-cols {
    display: block;
  }
  .c-list_news.list_news_top ul li .c-info {
    width: 100%;
    margin-bottom: 1.56vw;
  }
  .c-list_news.list_news_top ul li p.date {
    width: 18%;
  }
  .c-list_news.list_news_top ul li .c-cats {
    width: calc(82% - 3.91vw);
    justify-content: flex-start;
  }
  .c-list_news.list_news_top ul li a h3 {
    width: 100%;
    text-decoration: underline;
  }
  .c-nav_calendar {
    margin-bottom: 11.2vw;
  }
  .c-list_calendar {
    padding-bottom: 19.53vw;
  }
  .c-list_calendar ul {
    width: var(--innerW);
    margin-inline: auto;
  }
  .c-list_calendar ul li {
    margin-bottom: 2.6vw;
  }
  .c-list_calendar ul li a {
    padding: 7.81vw 5.21vw 7.81vw 5.21vw;
  }
  .c-list_calendar ul li a p.date {
    margin-bottom: 1em;
  }
  .c-list_calendar ul li a h3 {
    width: calc(100% - 11.46vw);
    line-height: 1.2;
  }
  .c-list_calendar ul li a .c-cats {
    padding: 1.04vw 1.3vw 1.04vw 1.3vw;
  }
  .c-list_calendar ul li a p.icon_arrow {
    width: 10.42vw;
    right: 3.13vw;
    bottom: auto;
    top: 50%;
    margin-top: -3.13vw;
  }
  .c-list_calendar ul li:last-child {
    margin-bottom: 0px;
  }
}
@media all and (min-width: 1024px) {
  [data-page=news] {
    position: relative;
  }
  [data-page=news] .c-list_news {
    padding-bottom: 9.38vw;
  }
  [data-page=news] .c-list_news ul li a {
    padding: 3.91vw 0 3.81vw 0;
  }
  .c-list_news {
    padding-bottom: 9.38vw;
  }
  .c-list_news ul {
    width: 94.14%;
  }
  .c-list_news ul li {
    margin-bottom: 3.91vw;
  }
  .c-list_news ul .c-info {
    width: 20.12%;
    display: flex;
    justify-content: space-between;
    column-gap: 0;
    margin-bottom: 0;
  }
  .c-list_news ul p.date {
    width: 38%;
  }
  .c-list_news ul .c-cats {
    width: 55%;
    display: flex;
    justify-content: center;
  }
  .c-list_news ul p.c-category {
    display: block;
    padding: 0.78vw 0.98vw 0.78vw 0.98vw;
  }
  .c-list_news ul h3 {
    width: 77.8%;
  }
  .c-list_news.list_news_top ul li a .c-cols {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .c-list_news.list_news_top ul li a .c-info {
    width: 26%;
    display: flex;
    margin-bottom: 0;
  }
  .c-list_news.list_news_top ul li a p.date {
    width: 42%;
  }
  .c-list_news.list_news_top ul li a .c-cats {
    width: 50%;
    display: flex;
    justify-content: center;
  }
  .c-list_news.list_news_top ul li a h3 {
    width: calc(74% - 1.95vw);
  }
  .c-nav_calendar {
    margin-bottom: 10.35vw;
  }
  .c-list_calendar {
    padding-bottom: 14.65vw;
  }
  .c-list_calendar ul li {
    margin-bottom: 1.95vw;
  }
  .c-list_calendar ul li a {
    padding: 4.88vw 3.91vw 4.88vw 3.91vw;
  }
  .c-list_calendar ul li a p.date {
    margin-bottom: 1em;
  }
  .c-list_calendar ul li a h3 {
    width: calc(100% - 9.57vw);
    line-height: 1.2;
  }
  .c-list_calendar ul li a .c-cats {
    padding: 0.68vw 0.98vw 0.68vw 0.98vw;
  }
  .c-list_calendar ul li a p.icon_arrow {
    width: 7.81vw;
    right: 3.32vw;
    bottom: auto;
    top: 50%;
    margin-top: -2.34vw;
  }
  .c-list_calendar ul li:last-child {
    margin-bottom: 0px;
  }
}
@media all and (min-width: 1440px) {
  [data-page=news] {
    position: relative;
  }
  [data-page=news] .c-list_news {
    padding-bottom: 9.38vw;
  }
  [data-page=news] .c-list_news ul li a {
    padding: 3.13vw 0 3.33vw 0;
  }
  .c-list_news {
    padding-bottom: 3.47vw;
  }
  .c-list_news ul {
    width: 91.66%;
  }
  .c-list_news ul .c-info {
    width: 19.2%;
  }
  .c-list_news ul p.date {
    width: 38%;
  }
  .c-list_news ul .c-cats {
    width: 56%;
  }
  .c-list_news ul p.c-category {
    display: block;
    padding: 0.56vw 0.97vw 0.56vw 0.97vw;
  }
  .c-list_news ul h3 {
    width: 79.2%;
  }
  .c-list_news.list_news_top ul li {
    margin-bottom: 2.08vw;
  }
  .c-list_news.list_news_top ul li a .c-info {
    width: 23%;
  }
  .c-list_news.list_news_top ul li a p.date {
    width: 42%;
  }
  .c-list_news.list_news_top ul li a .c-cats {
    width: 50%;
  }
  .c-list_news.list_news_top ul li a h3 {
    width: calc(77% - 1.39vw);
    top: -0.69vw;
  }
  .c-nav_calendar {
    margin-bottom: 7.64vw;
  }
  .c-list_calendar {
    position: relative;
    padding-bottom: 10.42vw;
  }
  .c-list_calendar ul li {
    margin-bottom: 1.39vw;
  }
  .c-list_calendar ul li a {
    padding: 3.47vw 2.78vw 3.47vw 2.78vw;
  }
  .c-list_calendar ul li a .c-cols {
    display: flex;
    align-items: center;
  }
  .c-list_calendar ul li a .c-info {
    width: 20.49%;
  }
  .c-list_calendar ul li a .c-title {
    width: 67.21%;
  }
  .c-list_calendar ul li a p.date {
    margin-bottom: 0;
    box-sizing: border-box;
    padding-right: 1em;
  }
  .c-list_calendar ul li a h3 {
    width: 100%;
    line-height: 1.1;
  }
  .c-list_calendar ul li a .c-cats {
    padding: 0.49vw 0.69vw 0.49vw 0.69vw;
  }
  .c-list_calendar ul li a p.icon_arrow {
    width: 6.94vw;
    right: 2.36vw;
    bottom: auto;
    top: 50%;
    margin-top: -2.08vw;
  }
  .c-list_calendar ul li:last-child {
    margin-bottom: 0px;
  }
}
.c-select_date {
  position: relative;
}

.show_calendar #select_calendar {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}
.show_calendar #select_calendar #calendar .week .day button.has_event {
  pointer-events: auto;
}

.show_area #popup_area {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}

.show_purpose #popup_purpose {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}

#select_calendar,
.popup {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.1s ease 0s, transform 0.1s ease 0s;
}

#select_calendar {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: calc(var(--btnH) + 20px);
}
#select_calendar:after {
  content: "";
  width: 40px;
  aspect-ratio: 1/1;
  background: var(--color-bg-popup-ui);
  border: 1px solid var(--color-bdr-popup-ui);
  position: absolute;
  left: 20px;
  top: -12px;
  rotate: 45deg;
}
#select_calendar #block_calendar {
  width: 100%;
  background: var(--color-bg-popup-ui);
  border: 1px solid var(--color-bdr-popup-ui);
  position: relative;
  overflow: visible;
  overflow: hidden;
}
#select_calendar .calendar_inner {
  width: 100%;
  height: 100%;
  background: var(--color-bg-popup-ui);
  position: relative;
  z-index: 2;
}
#select_calendar .calendar_header {
  padding: 15px 0 20px 0;
  position: relative;
}
#select_calendar .calendar_header p {
  width: 100%;
  text-align: center;
  font-size: var(--fs-18-18-25-30);
}
#select_calendar .calendar_header button {
  position: absolute;
  top: 50%;
}
#select_calendar .calendar_header button[data-calendar-prev] {
  left: 0px;
}
#select_calendar .calendar_header button[data-calendar-next] {
  right: 0px;
}
#select_calendar .calendar_week {
  display: flex;
  width: calc(100% - min(16vw,60px));
  margin: auto;
}
#select_calendar .calendar_week .ttl_week {
  width: 14.2857142857%;
  text-align: center;
  padding-bottom: 8px;
}
#select_calendar .calendar_week .ttl_week p {
  font-size: min(4vw,15px);
  line-height: 1;
}
#select_calendar #calendar {
  width: calc(100% - min(16vw,60px));
  margin: auto;
  padding-bottom: 30px;
}
#select_calendar #calendar .week {
  display: flex;
}
#select_calendar #calendar .week .day {
  width: 14.2857142857%;
}
#select_calendar #calendar .week .day.last-month button, #select_calendar #calendar .week .day.next-month button {
  color: #E0E0E0;
  pointer-events: none;
  text-decoration: none;
}
#select_calendar #calendar .week .day button {
  width: 100%;
  display: block;
  line-height: 1;
  pointer-events: none;
  text-align: center;
  padding: 7px 0;
  font-size: min(4vw,15px);
  font-family: "Soehne halbfett", "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-decoration: line-through;
}
#select_calendar #calendar .week .day button.has_event {
  text-decoration: none;
}

.popup {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: calc(var(--btnH) + 20px);
}
.popup:after {
  content: "";
  width: 40px;
  aspect-ratio: 1/1;
  background: var(--color-bg-popup-ui);
  border-left: 1px solid var(--color-bdr-popup-ui);
  border-top: 1px solid var(--color-bdr-popup-ui);
  position: absolute;
  left: 20px;
  top: -12px;
  rotate: 45deg;
  z-index: 2;
  pointer-events: none;
}
.popup .block_popup {
  width: 100%;
  position: relative;
  overflow: visible;
  overflow: hidden;
}
.popup .popup_inner {
  width: 100%;
  height: 100%;
  background: var(--color-bg-popup-ui);
  box-sizing: border-box;
  border: 1px solid var(--color-bdr-popup-ui);
  position: relative;
}
.popup :is(.c-select-area,
.c-select-purpose) {
  position: relative;
  z-index: 1;
  background: var(--color-bg-popup-ui);
  z-index: 5;
  width: 100%;
}
.popup :is(.c-select-area,
.c-select-purpose) ul {
  padding: var(--popup-ui-padding);
}
.popup :is(.c-select-area,
.c-select-purpose) ul li {
  margin-bottom: 0.62em;
  display: block;
  line-height: 1;
}
.popup :is(.c-select-area,
.c-select-purpose) ul li:last-child {
  margin-bottom: 0px;
}
.popup :is(.c-select-area,
.c-select-purpose) ul li button {
  display: block;
  line-height: 1;
  font-size: var(--fs-15-15-20);
  color: #9B9B9B;
  font-family: "Noto Sans JP", sans-serif;
}
.popup :is(.c-select-area,
.c-select-purpose) ul li button.active {
  color: var(--color-black);
}

@media all and (min-width: 768px) {
  #select_calendar .calendar_week .ttl_week p {
    font-size: 1.56vw;
  }
  #select_calendar #calendar .week .day button {
    font-size: 1.95vw;
  }
}
@media all and (min-width: 1024px) {
  .popup :is(.c-select-area,
  .c-select-purpose) li button:hover {
    color: var(--color-black);
  }
  #select_calendar .calendar_week .ttl_week p {
    font-size: 1.46vw;
  }
  #select_calendar #calendar .week .day button {
    font-size: 1.46vw;
  }
}
@media all and (min-width: 1440px) {
  #select_calendar .calendar_week .ttl_week p {
    font-size: 1.39vw;
  }
  #select_calendar #calendar .week .day button {
    font-size: 1.39vw;
  }
}
[data-page=events] section#events {
  padding-top: 25.87vw;
}

[data-page=news] section#news {
  padding-top: 25.87vw;
}

[data-page=about] #b-about {
  padding-top: 45.6vw;
}

[data-page=calendar] #s-calendar {
  padding-top: 45.6vw;
}

@media all and (min-width: 768px) {
  [data-page=events] section#events {
    padding-top: 22.92vw;
  }
  [data-page=news] section#news {
    padding-top: 17.19vw;
  }
  [data-page=about] #b-about {
    padding-top: 30.86vw;
  }
  [data-page=calendar] #s-calendar {
    padding-top: 30.86vw;
  }
}
@media all and (min-width: 1024px) {
  [data-page=events] section#events {
    padding-top: 23.44vw;
  }
  [data-page=news] section#news {
    padding-top: 21.19vw;
  }
  [data-page=about] #b-about {
    padding-top: 29.88vw;
  }
  [data-page=calendar] #s-calendar {
    padding-top: 39.84vw;
  }
}
@media all and (min-width: 1440px) {
  [data-page=events] section#events {
    padding-top: 20.42vw;
  }
  [data-page=news] section#news {
    padding-top: 21.81vw;
  }
  [data-page=about] #b-about {
    padding-top: 24.72vw;
  }
  [data-page=calendar] #s-calendar {
    padding-top: 24.72vw;
  }
}
@keyframes hover {
  0% {
    scale: 1.1;
    rotate: 0deg;
  }
  25% {
    scale: 1;
    rotate: 2deg;
    transform-origin: center right;
    letter-spacing: -0.1em;
  }
  50% {
    scale: 1.05;
    rotate: -2deg;
    letter-spacing: 0.05em;
  }
  75% {
    scale: 1;
    rotate: 2deg;
    transform-origin: center right;
    letter-spacing: 0em;
  }
  100% {
    scale: 1;
    rotate: 0;
  }
}
@media (any-hover: hover) {
  [data-nav-date] li :is(button, a):hover span.txt {
    background: var(--color-shibuya);
  }
  [data-nav-date] li :is(button, a):hover .inr span.g {
    background: var(--color-shibuya);
  }
  #b-glbnav .nav_area li a:hover.n_marunouchi {
    color: var(--color-marunouchi);
  }
  #b-glbnav .nav_area li a:hover.n_nihonbashi {
    color: var(--color-nihonbashi);
  }
  #b-glbnav .nav_area li a:hover.n_ginza {
    color: var(--color-ginza);
  }
  #b-glbnav .nav_area li a:hover.n_yurakucho {
    color: var(--color-yurakucho);
  }
  #b-glbnav .nav_area li a:hover.n_akasaka {
    color: var(--color-akasaka);
  }
  #b-glbnav .nav_area li a:hover.n_roppongi {
    color: var(--color-roppongi);
  }
  #b-glbnav .nav_area li a:hover.n_shibuya {
    color: var(--color-shibuya);
  }
  #b-glbnav .nav_area li a:hover.n_harajuku {
    color: var(--color-harajuku);
  }
  #b-glbnav .nav_area li a:hover.n_shinjuku {
    color: var(--color-shinjuku);
  }
  #b-glbnav .nav_area li a:hover.n_haneda {
    color: var(--color-haneda);
  }
  #b-glbnav .nav_area li a:hover.n_tcs {
    color: var(--color-tcs);
  }
  #b-glbnav .c-nav:is(#b-glbnav .c-nav.creative, #b-glbnav .c-nav.other, #b-glbnav .c-nav.info) li a span {
    display: block;
  }
  #b-glbnav .c-nav:is(#b-glbnav .c-nav.creative, #b-glbnav .c-nav.other, #b-glbnav .c-nav.info) li a:hover span {
    display: block;
    animation: hover 2s steps(1) infinite;
    transform-origin: center left;
  }
  :is(.nav_post,
  .nav_info) li a span {
    display: block;
  }
  :is(.nav_post,
  .nav_info) li a:hover span {
    display: block;
    animation: hover 2s steps(1) infinite;
    transform-origin: center left;
  }
  .sns ul li a:hover {
    opacity: 0.6;
  }
  .nav_lang ul li a:hover {
    color: var(--color-white);
  }
  :is(.c-list_post,
  .c-list_events) li.post a figure {
    overflow: hidden;
  }
  :is(.c-list_post,
  .c-list_events) li.post a figure img {
    transition: scale 0.15s ease-out;
  }
  :is(.c-list_post,
  .c-list_events) li.post a:hover figure img {
    scale: 1.1;
  }
  .c-list_area li a img {
    transition: scale 0.15s ease-out;
  }
  .c-list_area li a:hover img {
    scale: 0.85;
  }
  .c-wrap_more a img,
  .block_more a img {
    transition: scale 0.15s ease-out;
  }
  .c-wrap_more a:hover img,
  .block_more a:hover img {
    scale: 0.85;
  }
  .c-list_creative {
    aspect-ratio: 768/256;
    overflow: hidden;
  }
  .c-list_creative li {
    transition: width 0.2s ease-out;
  }
  .c-list_creative li a {
    position: relative;
    width: 100%;
    height: 33.33vw;
    overflow: hidden;
  }
  .c-list_creative li a figure {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    margin: 0% 0 0 -50%;
  }
  .c-list_creative li a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .c-list_creative li:hover {
    width: 60%;
  }
  .c-list_creative li:hover + li {
    width: 40%;
  }
  .c-list_calendar ul li h3, .c-list_calendar ul li p.date {
    transition: color 0.15s linear;
  }
  .c-list_calendar ul li svg {
    transition: fill 0.15s linear;
  }
  .c-list_calendar ul li p.icon_arrow {
    transition: transform 0.15s ease;
  }
  .c-list_calendar ul li a:hover p.icon_arrow {
    transform: translate3d(10px, 0, 0);
  }
  .c-list_calendar ul li.area_marunouchi a:hover h3,
  .c-list_calendar ul li.area_marunouchi a:hover p.date {
    color: var(--color-marunouchi);
  }
  .c-list_calendar ul li.area_marunouchi a:hover svg {
    fill: var(--color-marunouchi);
  }
  .c-list_calendar ul li.area_nihonbashi a:hover h3,
  .c-list_calendar ul li.area_nihonbashi a:hover p.date {
    color: var(--color-nihonbashi);
  }
  .c-list_calendar ul li.area_nihonbashi a:hover svg {
    fill: var(--color-nihonbashi);
  }
  .c-list_calendar ul li.area_ginza a:hover h3,
  .c-list_calendar ul li.area_ginza a:hover p.date {
    color: var(--color-ginza);
  }
  .c-list_calendar ul li.area_ginza a:hover svg {
    fill: var(--color-ginza);
  }
  .c-list_calendar ul li.area_yurakucho a:hover h3,
  .c-list_calendar ul li.area_yurakucho a:hover p.date {
    color: var(--color-yurakucho);
  }
  .c-list_calendar ul li.area_yurakucho a:hover svg {
    fill: var(--color-yurakucho);
  }
  .c-list_calendar ul li.area_akasaka a:hover h3,
  .c-list_calendar ul li.area_akasaka a:hover p.date {
    color: var(--color-akasaka);
  }
  .c-list_calendar ul li.area_akasaka a:hover svg {
    fill: var(--color-akasaka);
  }
  .c-list_calendar ul li.area_roppongi a:hover h3,
  .c-list_calendar ul li.area_roppongi a:hover p.date {
    color: var(--color-roppongi);
  }
  .c-list_calendar ul li.area_roppongi a:hover svg {
    fill: var(--color-roppongi);
  }
  .c-list_calendar ul li.area_shibuya a:hover h3,
  .c-list_calendar ul li.area_shibuya a:hover p.date {
    color: var(--color-shibuya);
  }
  .c-list_calendar ul li.area_shibuya a:hover svg {
    fill: var(--color-shibuya);
  }
  .c-list_calendar ul li.area_harajuku a:hover h3,
  .c-list_calendar ul li.area_harajuku a:hover p.date {
    color: var(--color-harajuku);
  }
  .c-list_calendar ul li.area_harajuku a:hover svg {
    fill: var(--color-harajuku);
  }
  .c-list_calendar ul li.area_shinjuku a:hover h3,
  .c-list_calendar ul li.area_shinjuku a:hover p.date {
    color: var(--color-shinjuku);
  }
  .c-list_calendar ul li.area_shinjuku a:hover svg {
    fill: var(--color-shinjuku);
  }
  .c-list_calendar ul li.area_haneda a:hover h3,
  .c-list_calendar ul li.area_haneda a:hover p.date {
    color: var(--color-haneda);
  }
  .c-list_calendar ul li.area_haneda a:hover svg {
    fill: var(--color-haneda);
  }
  .c-list_calendar ul li.area_tcs a:hover h3,
  .c-list_calendar ul li.area_tcs a:hover p.date {
    color: var(--color-black);
  }
  .c-list_calendar ul li.area_tcs a:hover svg {
    fill: var(--color-black);
  }
  .s-page_nav ul li a:before {
    transition: scale 0.15s ease;
  }
  .s-page_nav ul li a:hover:before {
    scale: 0.85;
  }
}
@media all and (min-width: 1024px) {
  button[data-menu]:hover span.l:nth-of-type(1) {
    top: 0.39vw;
  }
  button[data-menu]:hover span.l:nth-of-type(3) {
    top: 9.57vw;
  }
  .menu button[data-menu]:hover span.l:nth-of-type(1),
  .menu button[data-menu] span.l:nth-of-type(1) {
    top: 3.91vw;
  }
  .menu button[data-menu]:hover span.l:nth-of-type(3),
  .menu button[data-menu] span.l:nth-of-type(3) {
    top: 3.91vw;
  }
  .c-list_creative {
    aspect-ratio: 1440/480;
    overflow: hidden;
  }
  .c-list_creative li {
    transition: width 0.2s ease-out;
  }
  .c-list_creative li a {
    position: relative;
    width: 100%;
    height: 33.33vw;
    overflow: hidden;
  }
  .c-list_creative li a figure {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    margin: 0% 0 0 -50%;
  }
  .c-list_creative li a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .c-list_creative li:hover {
    width: 60%;
  }
  .c-list_creative li:hover + li {
    width: 40%;
  }
  .c-list_creative {
    aspect-ratio: 1440/480;
  }
  .c-list_creative li a {
    height: 33.33vw;
  }
}
@media all and (min-width: 1440px) {
  button[data-menu]:hover span.l:nth-of-type(1) {
    top: 0.56vw;
  }
  button[data-menu]:hover span.l:nth-of-type(3) {
    top: 8.06vw;
  }
  .menu button[data-menu]:hover span.l:nth-of-type(1),
  .menu button[data-menu] span.l:nth-of-type(1) {
    top: 4.31vw;
  }
  .menu button[data-menu]:hover span.l:nth-of-type(3),
  .menu button[data-menu] span.l:nth-of-type(3) {
    top: 4.31vw;
  }
}

/*# sourceMappingURL=common.css.map */