@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

html, body {
  font-family: "a-otf-midashi-go-mb31-pr6n", 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', YuGothic, 游ゴシック体, メイリオ, Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

body {
  background-color: #1A1A1A;
  color: #FFF;
  font-size: 18px;
  line-height: 32px; }

body > .wrapper {
  background-image: url(imgs/bg.png);
  background-size: 1440px 800px;
  background-position: center top; }

body:not(.index) > .wrapper {
  padding-top: 150px; }

a {
  color: #00d3ff;
  text-decoration: underline; }

.pcbr {
  display: block !important; }

.spbr {
  display: none !important; }

html:not(.touch) a {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: opacity 0.15s linear; }
  html:not(.touch) a:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    transition-duration: 0s; }

html:not(.wf-active) * {
  color: transparent !important; }

@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
    line-height: 24px; }
  body:not(.index) > .wrapper {
    padding-top: 75px; }
  .pcbr {
    display: none !important; }
  .spbr {
    display: block !important; } }

.header {
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  background-color: #1A1A1A;
  z-index: 9999;
  position: fixed;
  bottom: auto;
  top: 0px; }

.header__title {
  height: 50px;
  width: auto;
  position: absolute;
  left: 226px;
  top: 68px;
  z-index: 1;
  text-decoration: none;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .header__title > span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #00d3ff; }
  .header__title h1 {
    font-size: 24px;
    line-height: 30px;
    color: #FFF; }
  .header__title:before {
    content: "";
    display: block;
    width: 162px;
    height: 162px;
    background-color: #FFF;
    background-image: url(imgs/logo.png);
    background-size: 162px 162px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: -184px;
    top: -54px; }

.header__nav {
  width: 100%;
  height: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
  background-color: #1A1A1A;
  overflow: hidden;
  transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
  .header__nav:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .25s linear .1s; }

.header__nav__mail,
.header__nav__tw,
.header__nav__fb,
.header__nav__ig,
.header__nav__toggle {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  width: 78px;
  height: 150px;
  border-left: 1px solid #333333; }
  .header__nav__mail a,
  .header__nav__tw a,
  .header__nav__fb a,
  .header__nav__ig a,
  .header__nav__toggle a {
    display: block;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent; }

.header__nav__mail {
  right: 366px; }
  .header__nav__mail a:before {
    content: "";
    display: block;
    width: 40px;
    height: 24px;
    background-image: url(imgs/mail.png);
    background-size: 40px 24px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 18px;
    bottom: 42px; }

.header__nav__tw {
  right: 288px; }
  .header__nav__tw a:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background-image: url(imgs/tw.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 24px;
    bottom: 40px; }

.header__nav__fb {
  right: 210px; }
  .header__nav__fb a:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background-image: url(imgs/fb.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 24px;
    bottom: 40px; }

.header__nav__ig {
  right: 132px; }
  .header__nav__ig a:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background-image: url(imgs/ig.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 24px;
    bottom: 40px; }

.header__nav__toggle {
  width: 132px;
  right: 0px; }
  .header__nav__toggle a:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(imgs/menutoggle.png);
    background-size: 50px 100px;
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    left: 41px;
    bottom: 28px; }

.header__nav__container {
  display: none;
  position: absolute;
  left: 0px;
  top: 150px;
  width: 100%;
  height: calc(100vh - 150px);
  min-height: 670px; }

.header__nav__list {
  width: 230px;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 486px;
  margin: -280px 0 0 -115px; }
  .header__nav__list ul li a {
    display: block;
    font-size: 34px;
    line-height: 54px;
    color: #FFF;
    text-align: center;
    text-decoration: none; }

.header__nav__list__current, .news .header__nav__list__news, .archive .header__nav__list__archive, .concept .header__nav__list__concept, .about .header__nav__list__about, .program .header__nav__list__program, .artist .header__nav__list__artist, .index .header__nav__list__home {
  color: #00d3ff;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.header__nav__small {
  display: block;
  width: 100%;
  height: auto;
  font-size: 18px;
  text-align: center;
  position: absolute;
  left: 0px;
  bottom: 44px;
  text-align: center; }

.header__nav__sns {
  display: none; }

.header.open .header__nav__container {
  display: block; }

.header.open .header__nav__toggle a:before {
  background-position: left bottom; }

.header.open .header__nav {
  height: calc(100vh + 1px); }
  .header.open .header__nav:after {
    transition-duration: 0s;
    transition-delay: 0s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.header.open.done .header__nav {
  height: calc(100vh + 1px) !important; }

html:not(.touch) .header__title > span,
html:not(.touch) .header__title h1 {
  transition: opacity .15s linear; }

html:not(.touch) .header__title:hover > span,
html:not(.touch) .header__title:hover h1 {
  transition-duration: 0s;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

@media screen and (max-width: 1080px) {
  .header__nav__mail,
  .header__nav__tw,
  .header__nav__fb,
  .header__nav__ig {
    display: none; }
  .header__nav__list {
    margin-top: -320px; }
  .header__nav__sns {
    display: block;
    height: 40px;
    width: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 180px 0 0 -140px; }
  .header__nav__sns__mail,
  .header__nav__sns__tw,
  .header__nav__sns__fb,
  .header__nav__sns__ig {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 15px; }
    .header__nav__sns__mail a,
    .header__nav__sns__tw a,
    .header__nav__sns__fb a,
    .header__nav__sns__ig a {
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      color: transparent;
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      background-repeat: no-repeat;
      background-position: center; }
  .header__nav__sns__mail a {
    background-image: url(imgs/mail.png);
    background-size: 40px 24px; }
  .header__nav__sns__tw a {
    background-image: url(imgs/tw.png);
    background-size: 28px 28px; }
  .header__nav__sns__fb a {
    background-image: url(imgs/fb.png);
    background-size: 28px 28px; }
  .header__nav__sns__ig a {
    background-image: url(imgs/ig.png);
    background-size: 28px 28px; } }

@media screen and (max-width: 768px) {
  .header {
    height: 75px; }
  .header__title {
    height: 36px;
    left: 92px;
    top: 26px; }
    .header__title > span {
      font-size: 9px;
      line-height: 16px; }
    .header__title h1 {
      font-size: 14px;
      line-height: 20px; }
      .header__title h1 span {
        letter-spacing: -1px; }
    .header__title:before {
      width: 75px;
      height: 75px;
      background-size: 75px 75px;
      left: -84px;
      top: -16px; }
  .header__nav {
    height: 75px; }
  .header__nav__toggle {
    width: 55px;
    height: 75px;
    border-left: 1px solid #333333; }
    .header__nav__toggle a {
      display: block;
      width: 100%;
      height: 100%;
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      color: transparent; }
      .header__nav__toggle a:before {
        width: 25px;
        height: 25px;
        background-size: 25px 50px;
        left: 14px;
        bottom: 20px; }
  .header__nav__container {
    top: 75px;
    height: calc(100vh - 75px);
    min-height: 0px; }
  .header__nav__list {
    width: 230px;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 288px;
    margin: -200px 0 0 -115px; }
    .header__nav__list ul li a {
      display: block;
      font-size: 21px;
      line-height: 32px;
      color: #FFF;
      text-align: center;
      text-decoration: none; }
  .header__nav__small {
    font-size: 14px;
    line-height: 20px;
    bottom: 22px; }
  .header__nav__sns {
    height: 40px;
    width: 240px;
    margin: 100px 0 0 -120px; }
  .header__nav__sns__mail,
  .header__nav__sns__tw,
  .header__nav__sns__fb,
  .header__nav__sns__ig {
    width: 40px;
    height: 40px;
    margin: 0 10px; }
  .header__nav__sns__mail a {
    background-image: url(imgs/mail.png);
    background-size: 30px 21px; }
  .header__nav__sns__tw a {
    background-image: url(imgs/tw.png);
    background-size: 21px 21px; }
  .header__nav__sns__fb a {
    background-image: url(imgs/fb.png);
    background-size: 21px 21px; }
  .header__nav__sns__ig a {
    background-image: url(imgs/ig.png);
    background-size: 21px 21px; } }

@media screen and (max-width: 374px) {
  .header__title h1 {
    font-size: 11px;
    line-height: 16px; } }

.footer {
  position: relative;
  margin-top: 180px;
  width: 100%;
  height: auto;
  background-color: #1A1A1A; }

.footer__nav ul {
  font-size: 0px;
  text-align: center;
  padding: 13px 0; }

.footer__nav li {
  display: inline-block;
  margin: 0 16px; }

.footer__nav a {
  font-size: 18px;
  line-height: 54px;
  color: #FFF;
  text-decoration: none; }

.footer__nav__current, .news .footer__nav__news, .archive .footer__nav__archive, .concept .footer__nav__concept, .about .footer__nav__about, .program .footer__nav__program, .artist .footer__nav__artist, .index .footer__nav__home {
  color: #00d3ff;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.footer__link {
  width: 100%;
  height: 110px;
  border-top: 1px solid transparent;
  position: relative; }
  .footer__link > div {
    box-sizing: border-box;
    width: 25%;
    height: 110px;
    float: left;
    border-left: 1px solid #333333; }
    .footer__link > div:first-of-type {
      border: none; }
  .footer__link > div > a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 110px;
    padding: 41px 0px;
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    text-align: center;
    text-decoration: none; }
  .footer__link__mail a:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 28px;
    background-image: url(imgs/mail.png);
    background-size: 40px 24px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px;
    vertical-align: middle;
    position: relative;
    top: -2px; }
  .footer__link__tw a:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(imgs/tw.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px; }
  .footer__link__fb a:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(imgs/fb.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px; }
  .footer__link__ig a:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(imgs/ig.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px; }

.footer__backtop {
  width: 100%;
  height: 66px;
  background-color: #262626;
  position: relative; }
  .footer__backtop > a {
    display: block;
    width: 100%;
    height: 66px;
    background-image: url(imgs/backtop.png);
    background-size: 49px 28px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto; }

.footer__small {
  display: block;
  width: 100%;
  height: 30px;
  padding-bottom: 60px;
  line-height: 30px;
  text-align: center;
  font-size: 18px; }

.footer__icons {
  width: 100%;
  height: 98px;
  font-size: 0px;
  line-height: 0px;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 30px; }
  .footer__icons img {
    display: inline-block;
    width: 98px;
    height: 98px;
    margin: 0 16px; }

@media screen and (max-width: 768px) {
  .footer {
    margin-top: 80px; }
  .footer__nav ul {
    padding: 18px 10px 20px;
    line-height: 20px; }
  .footer__nav li {
    margin: 0 10px;
    height: 20px;
    line-height: 20px; }
  .footer__nav a {
    display: block;
    font-size: 14px;
    height: 20px;
    line-height: 20px; }
  .footer__link {
    height: 55px; }
    .footer__link > div {
      height: 55px; }
    .footer__link > div > a {
      height: 55px;
      padding: 0px 0px;
      font-size: 0px;
      color: transparent;
      position: relative; }
    .footer__link__mail a:before {
      display: block;
      width: 30px;
      height: 21px;
      background-size: 30px 18px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -10px 0 0 -15px; }
    .footer__link__tw a:before {
      display: block;
      width: 21px;
      height: 21px;
      background-size: 21px 21px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: 0px;
      margin: -10px 0 0 -10px; }
    .footer__link__fb a:before {
      display: block;
      width: 21px;
      height: 21px;
      background-size: 21px 21px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: 0px;
      margin: -10px 0 0 -10px; }
    .footer__link__ig a:before {
      display: block;
      width: 21px;
      height: 21px;
      background-size: 21px 21px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: 0px;
      margin: -10px 0 0 -10px; }
  .footer__backtop {
    height: 55px; }
    .footer__backtop > a {
      height: 55px;
      background-size: 35px 20px; }
  .footer__small {
    box-sizing: border-box;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    padding: 0px 0 40px; }
  .footer__icons {
    width: auto;
    height: auto;
    font-size: 0px;
    line-height: 0px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    margin: 0 auto; }
    .footer__icons img {
      display: inline-block;
      width: 78px;
      height: 78px;
      margin: 8px; } }

.section {
  position: relative;
  width: auto;
  height: auto;
  margin: 180px auto 0; }
  .section:first-of-type {
    margin-top: 90px; }

.section__title {
  font-size: 42px;
  line-height: 52px;
  text-align: center;
  padding: 0 30px 10px;
  position: relative;
  margin-bottom: 48px; }
  .section__title:after {
    content: "";
    display: block;
    width: 90px;
    height: 4px;
    background-color: #00d3ff;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    bottom: 0px; }
  .section__title .section__title__ja {
    font-size: 42px;
    line-height: 52px;
    display: block; }
  .section__title .section__title__en {
    font-size: 22px;
    line-height: 38px;
    padding-bottom: 4px;
    color: #808080;
    display: block; }

.section__pdflink {
  text-align: center;
  margin-bottom: 48px; }
  .section__pdflink a {
    border-color: #FFF !important;
    color: #FFF;
    width: 220px !important; }

.section__subtitle-1, .about__laed_ja, .about__about_lead_ja {
  font-size: 24px;
  color: #00d3ff;
  margin: 38px 0;
  text-align: center; }

.section__subtitle-2, .map__venue, .concept__body_ja h4, .concept__body_en h4, .about__laed_en, .about__about_lead_en, .about__deftitle, .about__deftitle--temp, .about__deftitle--temp-en, .about__partner__label, .program__list__subtitle {
  font-size: 18px;
  color: #00d3ff;
  margin: 20px 0 14px;
  text-align: center; }

.section__content {
  width: auto;
  max-width: 760px;
  padding: 0 30px;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .section {
    position: relative;
    width: auto;
    height: auto;
    margin: 95px auto 0; }
    .section:first-of-type {
      margin-top: 48px; }
  .section__title {
    font-size: 32px;
    line-height: 40px;
    padding: 0 15px 10px;
    margin-bottom: 28px; }
    .section__title:after {
      width: 66px;
      height: 3px;
      margin-left: -33px; }
    .section__title .section__title__ja {
      font-size: 32px;
      line-height: 40px; }
    .section__title .section__title__en {
      font-size: 16px;
      line-height: 26px;
      padding-bottom: 2px; }
  .section__pdflink {
    text-align: center;
    margin-bottom: 28px; }
  .section__content {
    padding: 0 15px; }
  .section__subtitle-1, .about__laed_ja, .about__about_lead_ja {
    font-size: 18px;
    margin: 14px 0; }
  .section__subtitle-2, .map__venue, .concept__body_ja h4, .concept__body_en h4, .about__laed_en, .about__about_lead_en, .about__deftitle, .about__deftitle--temp, .about__deftitle--temp-en, .about__partner__label, .program__list__subtitle {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0 14px; } }

.roundlabel {
  display: inline-block;
  min-width: 214px;
  width: auto;
  height: 34px;
  padding: 0 20px;
  border-radius: 17px;
  background-color: #FFF;
  font-size: 16px;
  line-height: 34px;
  margin: 0 auto;
  color: #000; }
  .roundlabel span {
    color: #0090d4;
    line-height: 34px; }

@media screen and (max-width: 768px) {
  .roundlabel {
    min-width: 0px;
    padding: 0 20px;
    height: 26px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 26px; }
    .roundlabel span {
      line-height: 26px; } }

.roundbutton, .section__pdflink a, .workslist__label__pdflink a, .puddlenav__prev, .puddlenav__next, .puddlenav__back, .pagenav__prev,
.previouspostslink, .pagenav__next,
.nextpostslink, .pagenav__page,
a.page,
span.current, .index__press__button {
  display: block;
  box-sizing: border-box;
  width: 200px;
  height: 56px;
  border-radius: 28px;
  border: 4px solid #00d3ff;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  text-decoration: none;
  margin: 0 auto 0; }

@media screen and (max-width: 768px) {
  .roundbutton, .section__pdflink a, .workslist__label__pdflink a, .puddlenav__prev, .puddlenav__next, .puddlenav__back, .pagenav__prev,
  .previouspostslink, .pagenav__next,
  .nextpostslink, .pagenav__page,
  a.page,
  span.current, .index__press__button {
    width: 150px;
    height: 42px;
    border: 3px solid #00d3ff;
    line-height: 36px;
    font-size: 14px; } }

.workslist {
  position: relative;
  text-align: center;
  overflow: hidden; }
  .workslist:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }
  .workslist .roundlabel {
    display: inline-block;
    margin: 0 auto 30px; }

.workslist__label {
  display: block;
  text-align: center; }

.workslist__label__pdflink {
  text-align: center;
  margin-bottom: 30px; }
  .workslist__label__pdflink a {
    border-color: #FFF !important;
    color: #FFF;
    width: 400px !important; }

.workslist__item {
  position: relative;
  width: calc(25% - 3px);
  height: auto;
  margin: 0 4px 80px 0;
  float: left;
  z-index: 1; }

.workslist__item__label, .workslist__item__label--workshop, .workslist__item__label--event, .workslist__item__label--talk, .workslist__item__label--performance, .workslist__item__label--midori-ward, .workslist__item__label--izumi-ward {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90px 90px 0 0;
  border-color: #007bff transparent transparent transparent;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  position: absolute;
  left: 0px;
  top: 0px; }
  .workslist__item__label span, .workslist__item__label--workshop span, .workslist__item__label--event span, .workslist__item__label--talk span, .workslist__item__label--performance span, .workslist__item__label--midori-ward span, .workslist__item__label--izumi-ward span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    width: 90px;
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top; }

.workslist__item__label--workshop {
  border-color: #0090d4 transparent transparent transparent; }
  .workslist__item__label--workshop span {
    -webkit-transform: rotate(-45deg) translate(32px, -66px);
        -ms-transform: rotate(-45deg) translate(32px, -66px);
            transform: rotate(-45deg) translate(32px, -66px); }

.workslist__item__label--event {
  border-color: #df2959 transparent transparent transparent; }
  .workslist__item__label--event span {
    -webkit-transform: rotate(-45deg) translate(32px, -60px);
        -ms-transform: rotate(-45deg) translate(32px, -60px);
            transform: rotate(-45deg) translate(32px, -60px); }

.workslist__item__label--talk {
  border-color: #00c46a transparent transparent transparent; }
  .workslist__item__label--talk span {
    -webkit-transform: rotate(-45deg) translate(32px, -60px);
        -ms-transform: rotate(-45deg) translate(32px, -60px);
            transform: rotate(-45deg) translate(32px, -60px); }

.workslist__item__label--performance {
  border-color: #e89f00 transparent transparent transparent; }
  .workslist__item__label--performance span {
    -webkit-transform: rotate(-45deg) translate(32px, -66px);
        -ms-transform: rotate(-45deg) translate(32px, -66px);
            transform: rotate(-45deg) translate(32px, -66px);
    font-size: 13px; }

.workslist__item__label--midori-ward {
  border-color: #23bd3d transparent transparent transparent; }
  .workslist__item__label--midori-ward span {
    -webkit-transform: rotate(-45deg) translate(32px, -60px);
        -ms-transform: rotate(-45deg) translate(32px, -60px);
            transform: rotate(-45deg) translate(32px, -60px); }

.workslist__item__label--izumi-ward {
  border-color: #3640df transparent transparent transparent; }
  .workslist__item__label--izumi-ward span {
    -webkit-transform: rotate(-45deg) translate(32px, -60px);
        -ms-transform: rotate(-45deg) translate(32px, -60px);
            transform: rotate(-45deg) translate(32px, -60px); }

.workslist__item__link {
  display: block;
  color: #FFF;
  text-decoration: none;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.workslist__item__thumb {
  width: 100%;
  height: 0px;
  padding-top: 67.25%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1; }

.workslist__item__text {
  text-align: center;
  margin-top: 16px;
  padding: 0 15px; }
  .workslist__item__text__ja {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 4px;
    width: 100%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .workslist__item__text__en {
    font-size: 14px;
    line-height: 18px;
    color: #808080;
    width: 100%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .workslist__item__text__year {
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
    color: #00d3ff;
    width: 100%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.workslist__item__over, .workslist__item__over--noimg {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 0px;
  padding-top: 67.25%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 3; }

.workslist__item__over__photo {
  width: 162px;
  height: 162px;
  background-color: transparent;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -108px 0 0 -81px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.workslist__item__over__artist,
.workslist__item__over__place {
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  left: 0px; }

.workslist__item__over__artist {
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  color: #00d3ff;
  top: 50%;
  margin: 68px 0 0 0; }

.workslist__item__over__place {
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #FFF;
  top: 50%;
  margin: 90px 0 0 0; }

.workslist__item__over--noimg .workslist__item__over__artist {
  margin-top: -12px; }

.workslist__item__over--noimg .workslist__item__over__place {
  margin-top: 10px; }

.workslist__item__link.nosingle {
  cursor: default; }
  .workslist__item__link.nosingle .workslist__item__over, .workslist__item__link.nosingle .workslist__item__over--noimg,
  .workslist__item__link.nosingle .workslist__item__text {
    transition: none;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.workslist__item__over, .workslist__item__over--noimg,
.workslist__item__text {
  transition: opacity .15s linear; }

html:not(.touch) .workslist__item__link:hover .workslist__item__over, html:not(.touch) .workslist__item__link:hover .workslist__item__over--noimg {
  transition-duration: 0s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

html:not(.touch) .workslist__item__link:hover .workslist__item__text {
  transition-duration: 0s;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

html.touch .workslist__item__link.hover .workslist__item__over, html.touch .workslist__item__link.hover .workslist__item__over--noimg {
  transition-duration: 0s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

html.touch .workslist__item__link.hover .workslist__item__text {
  transition-duration: 0s;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

@media screen and (max-width: 768px) {
  .workslist__label__pdflink a {
    width: 290px !important; } }

@media screen and (max-width: 679px) {
  .workslist__item {
    width: 100%;
    margin: 0 0 30px 0; }
    .workslist__item:last-of-type {
      margin: 0px; }
  .workslist__item__text {
    margin-top: 8px; }
    .workslist__item__text__ja {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 4px; }
    .workslist__item__text__en {
      font-size: 12px;
      line-height: 14px; }
  .workslist__item__over__photo {
    width: 128px;
    height: 128px;
    margin: -86px 0 0 -64px; }
  .workslist__item__over__artist {
    margin: 52px 0 0 0; }
  .workslist__item__over__place {
    margin: 74px 0 0 0; }
  .workslist__item__label, .workslist__item__label--workshop, .workslist__item__label--event, .workslist__item__label--talk, .workslist__item__label--performance, .workslist__item__label--midori-ward, .workslist__item__label--izumi-ward {
    border-width: 72px 72px 0 0; }
    .workslist__item__label span, .workslist__item__label--workshop span, .workslist__item__label--event span, .workslist__item__label--talk span, .workslist__item__label--performance span, .workslist__item__label--midori-ward span, .workslist__item__label--izumi-ward span {
      font-size: 12px;
      line-height: 12px;
      width: 72px; }
  .workslist__item__label--workshop span {
    -webkit-transform: rotate(-45deg) translate(25px, -54px);
        -ms-transform: rotate(-45deg) translate(25px, -54px);
            transform: rotate(-45deg) translate(25px, -54px); }
  .workslist__item__label--performance span {
    font-size: 11px;
    -webkit-transform: rotate(-45deg) translate(25px, -54px);
        -ms-transform: rotate(-45deg) translate(25px, -54px);
            transform: rotate(-45deg) translate(25px, -54px); }
  .workslist__item__label--event span,
  .workslist__item__label--talk span,
  .workslist__item__label--midori-ward span,
  .workslist__item__label--izumi-ward span {
    -webkit-transform: rotate(-45deg) translate(24px, -48px);
        -ms-transform: rotate(-45deg) translate(24px, -48px);
            transform: rotate(-45deg) translate(24px, -48px); } }

@media screen and (min-width: 680px) and (max-width: 1078px) {
  .workslist__item {
    width: calc(50% - 2px); }
    .workslist__item:nth-of-type(2n+1) {
      clear: both;
      z-index: 0; }
      .workslist__item:nth-of-type(2n+1):after {
        content: "";
        display: block;
        width: 100vw;
        height: 0px;
        padding-top: 67.25%;
        background-color: #000;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0; }
    .workslist__item:nth-of-type(2n) {
      margin-right: 0px; } }

@media screen and (min-width: 1079px) and (max-width: 1439px) {
  .workslist__item {
    width: calc(33.3333% - 3px); }
    .workslist__item:nth-of-type(3n+1) {
      clear: both;
      z-index: 0;
      margin-right: 5px; }
      .workslist__item:nth-of-type(3n+1):after {
        content: "";
        display: block;
        width: 100vw;
        height: 0px;
        padding-top: 67.25%;
        background-color: #000;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0; }
    .workslist__item:nth-of-type(3n) {
      margin-right: 0px; } }

@media screen and (min-width: 1440px) and (max-width: 1800px) {
  .workslist__item {
    width: calc(25% - 3px); }
    .workslist__item:nth-of-type(4n+1) {
      clear: both;
      z-index: 0; }
      .workslist__item:nth-of-type(4n+1):after {
        content: "";
        display: block;
        width: 100vw;
        height: 0px;
        padding-top: 67.25%;
        background-color: #000;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0; }
    .workslist__item:nth-of-type(4n) {
      margin-right: 0px; } }

@media screen and (min-width: 1801px) and (max-width: 2161px) {
  .workslist__item {
    width: calc(20% - 3px); }
    .workslist__item:nth-of-type(5n+1) {
      clear: both;
      z-index: 0;
      margin-right: 3px; }
      .workslist__item:nth-of-type(5n+1):after {
        content: "";
        display: block;
        width: 100vw;
        height: 0px;
        padding-top: 67.25%;
        background-color: #000;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0; }
    .workslist__item:nth-of-type(5n) {
      margin-right: 0px; } }

@media screen and (min-width: 2162px) and (max-width: 2522px) {
  .workslist__item {
    width: calc(16.6667% - 3px); }
    .workslist__item:nth-of-type(6n+1) {
      clear: both;
      z-index: 0;
      margin-right: 3px; }
      .workslist__item:nth-of-type(6n+1):after {
        content: "";
        display: block;
        width: 100vw;
        height: 0px;
        padding-top: 67.25%;
        background-color: #000;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0; }
    .workslist__item:nth-of-type(6n+2) {
      margin-right: 3px; }
    .workslist__item:nth-of-type(6n) {
      margin-right: 0px; } }

@media screen and (min-width: 2523px) and (max-width: 2883px) {
  .workslist__item {
    width: calc(14.2857% - 3px); }
    .workslist__item:nth-of-type(7n+1) {
      clear: both;
      z-index: 0;
      margin-right: 3px; }
      .workslist__item:nth-of-type(7n+1):after {
        content: "";
        display: block;
        width: 100vw;
        height: 0px;
        padding-top: 67.25%;
        background-color: #000;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0; }
    .workslist__item:nth-of-type(7n+2) {
      margin-right: 3px; }
    .workslist__item:nth-of-type(7n+3) {
      margin-right: 3px; }
    .workslist__item:nth-of-type(7n) {
      margin-right: 0px; } }

@media screen and (min-width: 2884px) {
  .workslist__item {
    width: calc(12.5% - 3px); }
    .workslist__item:nth-of-type(8n+1) {
      clear: both;
      z-index: 0;
      margin-right: 3px; }
      .workslist__item:nth-of-type(8n+1):after {
        content: "";
        display: block;
        width: 100vw;
        height: 0px;
        padding-top: 67.25%;
        background-color: #000;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0; }
    .workslist__item:nth-of-type(8n+2) {
      margin-right: 3px; }
    .workslist__item:nth-of-type(8n+3) {
      margin-right: 3px; }
    .workslist__item:nth-of-type(8n+4) {
      margin-right: 3px; }
    .workslist__item:nth-of-type(8n) {
      margin-right: 0px; } }

.mediaembed {
  width: 100%;
  height: auto;
  margin: 50px 0 100px;
  background-color: #000; }
  .mediaembed > img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 620px; }

.mediaembed__iframe {
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin: 0 auto;
  position: relative; }
  .mediaembed__iframe div {
    width: 100%;
    height: 0px;
    padding-top: 56.3636%;
    position: relative; }
  .mediaembed__iframe iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; }

@media screen and (max-width: 768px) {
  .mediaembed {
    margin: 28px 0 30px; }
    .mediaembed > img {
      max-height: 250px; } }

.puddlenav {
  position: relative;
  box-sizing: border-box;
  width: auto;
  max-width: 820px;
  padding: 0 30px;
  height: 56px;
  margin: 80px auto 0; }

.puddlenav__prev {
  width: 56px;
  position: absolute;
  left: 30px;
  background-image: url(imgs/nav_prev.png);
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: center; }

.puddlenav__next {
  width: 56px;
  position: absolute;
  right: 30px;
  background-image: url(imgs/nav_next.png);
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: center; }

@media screen and (max-width: 768px) {
  .puddlenav {
    height: 42px; }
  .puddlenav__prev {
    width: 42px;
    left: 30px;
    background-size: 16px 16px; }
  .puddlenav__next {
    width: 42px;
    right: 30px;
    background-size: 16px 16px; } }

.pagenav,
.wp-pagenavi {
  position: relative;
  box-sizing: border-box;
  width: auto;
  max-width: 820px;
  padding: 0 30px;
  height: 56px;
  margin: 80px auto 0;
  text-align: center; }

.pagenav__prev,
.previouspostslink {
  font-size: 0px;
  color: transparent;
  width: 56px;
  position: absolute;
  top: 0px;
  left: 30px;
  background-image: url(imgs/nav_prev.png);
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: center; }

.pagenav__next,
.nextpostslink {
  font-size: 0px;
  color: transparent;
  width: 56px;
  position: absolute;
  top: 0px;
  right: 30px;
  background-image: url(imgs/nav_next.png);
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: center; }

.pagenav__page,
a.page,
span.current {
  width: 56px;
  display: inline-block;
  margin: 0 4px; }

span.extend {
  display: none; }

span.pagenav__page,
span.current {
  background-color: #00d3ff;
  color: #000; }

@media screen and (max-width: 768px) {
  .pagenav,
  .wp-pagenavi {
    height: 42px; }
  .pagenav__page,
  a.page,
  span.current,
  span.extend {
    width: 42px;
    margin: 0 4px; }
  .pagenav__prev,
  .previouspostslink {
    width: 42px;
    left: 30px;
    background-size: 16px 16px; }
  .pagenav__next,
  .nextpostslink {
    width: 42px;
    right: 30px;
    background-size: 16px 16px; } }

.news__latest {
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 50px; }

.news__list__item {
  position: relative;
  padding-left: 198px;
  font-size: 18px;
  line-height: 32px;
  margin: 12px 0; }

.news__list__item__date {
  position: absolute;
  left: 0px; }

.news__article {
  margin-bottom: 180px; }
  .news__article:last-of-type {
    margin-bottom: 120px; }

.news__article__head {
  margin-bottom: 40px; }

.news__article__title {
  font-size: 24px;
  line-height: 42px; }

.news__article__eyecatch {
  width: 100%;
  height: auto;
  margin: 40px 0 30px; }
  .news__article__eyecatch > img {
    display: block;
    width: 100%;
    height: auto; }

.news__article__body > * {
  margin: 24px 0; }

.news__article__body > *:first-child {
  margin-top: 0px; }

.news__article__body > *:last-child {
  margin-bottom: 0; }

.news__article__body p, .news__article__body ul, .news__article__body ol, .news__article__body blockquote {
  font-size: 18px;
  line-height: 48px; }

.news__article__body strong {
  font-weight: bold; }

.news__article__body em {
  font-style: italic; }

.news__article__body ol, .news__article__body ul {
  margin-left: 1.5em; }

.news__article__body ol {
  list-style: decimal outside; }

.news__article__body ul {
  list-style: disc outside; }

.news__article__body blockquote {
  background-color: #333;
  padding: 18px 36px; }
  .news__article__body blockquote > * {
    margin: 24px 0; }
  .news__article__body blockquote > *:first-child {
    margin-top: 0px; }
  .news__article__body blockquote > *:last-child {
    margin-bottom: 0; }

.news__article__body img {
  max-width: 100%;
  width: auto;
  height: auto; }

.news__article__body img.aligncenter {
  display: block; }

.news__article__body img.alignleft,
.news__article__body img.alignright {
  display: block; }

.news__article__body hr {
  border: 0px;
  width: 33%;
  height: 1px;
  background-color: #b7b1ab;
  margin: 36px auto; }

.news__article__body .smaller {
  font-size: 14px;
  line-height: 32px; }

.news__article__body .larger {
  font-size: 26px;
  line-height: 48px; }

@media screen and (max-width: 768px) {
  .news__latest {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 36px; }
  .news__list__item {
    padding-left: 0px;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 10px 0; }
  .news__list__item__date {
    display: block;
    position: relative;
    left: 0px; }
  .news__article {
    margin-bottom: 95px; }
    .news__article:last-of-type {
      margin-bottom: 95px; }
  .news__article__head {
    margin-bottom: 20px; }
  .news__article__title {
    font-size: 18px;
    line-height: 24px; }
  .news__article__time {
    font-size: 12px; }
  .news__article__eyecatch {
    margin: 20px 0 20px; }
  .news__article__body > * {
    margin: 20px 0; }
  .news__article__body p, .news__article__body ul, .news__article__body ol, .news__article__body blockquote {
    font-size: 14px;
    line-height: 34px; }
  .news__article__body blockquote {
    padding: 14px 22px; }
    .news__article__body blockquote > * {
      margin: 20px 0; }
    .news__article__body blockquote > *:first-child {
      margin-top: 0px; }
    .news__article__body blockquote > *:last-child {
      margin-bottom: 0px; }
  .news__article__body hr {
    margin: 24px auto; }
  .news__article__body .smaller {
    font-size: 12px;
    line-height: 28px; }
  .news__article__body .larger {
    font-size: 18px;
    line-height: 32px; } }

.map .section__content {
  width: 940px; }

.map__container {
  position: relative;
  width: 100%;
  height: 620px;
  margin: 50px auto 0; }
  .map__container #mapembed {
    width: 100%;
    height: 100%;
    background-color: #262626; }

.map__access {
  margin: 40px auto 0; }
  .map__access img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 762px;
    margin: 0 auto; }
  .map__access p {
    text-align: center;
    margin: 30px auto 0; }

.map__text_ja {
  text-align: center; }

.map__text_en {
  font-size: 16px;
  text-align: center; }

@media screen and (max-width: 768px) {
  .map .section__content {
    width: auto; }
  .map__container {
    height: 343px;
    margin-top: 30px; }
  .map__text_en {
    font-size: 12px;
    line-height: 21px; } }

.contact__text_ja {
  margin-bottom: 32px;
  text-align: center; }

.contact__text_en {
  font-size: 16px;
  line-height: 28px;
  text-align: center; }

@media screen and (max-width: 768px) {
  .contact__text_ja {
    margin-bottom: 32px;
    text-align: center; }
  .contact__text_en {
    font-size: 12px;
    line-height: 21px; } }

.archive__block {
  width: 100%;
  height: 420px;
  position: relative; }

.archive__bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 420px;
  position: relative; }
  .archive__bg > div {
    float: left;
    width: 33.3333%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .archive__bg__1 {
    background-image: url(imgs/archive_bg_1.jpg); }
  .archive__bg__2 {
    background-image: url(imgs/archive_bg_2.jpg); }
  .archive__bg__3 {
    background-image: url(imgs/archive_bg_3.jpg); }

.archive__list {
  width: 420px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -56px 0 0 -210px; }
  .archive__list p {
    font-size: 18px;
    text-align: center; }
  .archive__list .roundbutton, .archive__list .section__pdflink a, .section__pdflink .archive__list a, .archive__list .workslist__label__pdflink a, .workslist__label__pdflink .archive__list a, .archive__list .puddlenav__prev, .archive__list .puddlenav__next, .archive__list .puddlenav__back, .archive__list .pagenav__prev, .archive__list
  .previouspostslink, .archive__list .pagenav__next, .archive__list
  .nextpostslink, .archive__list .pagenav__page, .archive__list
  a.page, .archive__list
  span.current, .archive__list .index__press__button {
    margin-top: 20px; }

.archive__coverimage {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 40px auto 80px; }
  .archive__coverimage img {
    display: block;
    width: 100%;
    height: auto; }

.archive__eyecatch {
  width: 100%;
  height: 620px;
  background-color: #000;
  position: relative; }

.archive__eyecatch__title {
  width: 100%;
  height: 54px;
  font-size: 42px;
  line-height: 54px;
  color: #FFF;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -27px;
  z-index: 1; }

.archive__eyecatch__pager {
  font-size: 0px;
  text-align: center;
  width: 100%;
  height: 12px;
  position: absolute;
  left: 0px;
  bottom: 30px;
  z-index: 1; }

.archive__eyecatch__pager__page {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0 5px;
  position: relative; }
  .archive__eyecatch__pager__page:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    background-color: #FFF; }
  .archive__eyecatch__pager__page.current:before {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    background-color: #00d3ff; }

.archive__eyecatch__gallery {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0; }
  .archive__eyecatch__gallery:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99; }

.archive__eyecatch__gallery__img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .archive__eyecatch__gallery__img[data-index="0"] {
    z-index: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.archive__dropdown {
  width: 200px;
  height: 44px;
  position: relative;
  border-bottom: 1px solid #FFF;
  margin: 0 auto;
  z-index: 10;
  background-image: url(imgs/dropdown.png);
  background-size: 28px 44px;
  background-position: right center;
  background-repeat: no-repeat;
  transition: opacity .15s linear 0s; }
  .archive__dropdown:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #FFF;
    position: absolute;
    left: 0px;
    bottom: 0px; }
  .archive__dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 11px 0 11px;
    border-color: #FFF transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin-left: -11px; }
  .archive__dropdown .archive__dropdown__selection {
    display: block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0px;
    z-index: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.archive__dropdown__current {
  position: relative;
  display: block;
  width: 200px;
  height: 44px;
  z-index: 0;
  font-size: 24px;
  line-height: 44px;
  text-align: center;
  cursor: pointer; }

.archive__outline__list {
  width: 660px;
  height: auto;
  font-size: 0px;
  text-align: center;
  margin: 0 auto; }
  .archive__outline__list .roundbutton, .archive__outline__list .section__pdflink a, .section__pdflink .archive__outline__list a, .archive__outline__list .workslist__label__pdflink a, .workslist__label__pdflink .archive__outline__list a, .archive__outline__list .puddlenav__prev, .archive__outline__list .puddlenav__next, .archive__outline__list .puddlenav__back, .archive__outline__list .pagenav__prev, .archive__outline__list
  .previouspostslink, .archive__outline__list .pagenav__next, .archive__outline__list
  .nextpostslink, .archive__outline__list .pagenav__page, .archive__outline__list
  a.page, .archive__outline__list
  span.current, .archive__outline__list .index__press__button {
    display: inline-block;
    margin: 0 10px 20px; }

.archive__artist .section__title {
  margin-bottom: 30px; }

.archive__artist .roundbutton, .archive__artist .section__pdflink a, .section__pdflink .archive__artist a, .archive__artist .workslist__label__pdflink a, .workslist__label__pdflink .archive__artist a, .archive__artist .puddlenav__prev, .archive__artist .puddlenav__next, .archive__artist .puddlenav__back, .archive__artist .pagenav__prev, .archive__artist
.previouspostslink, .archive__artist .pagenav__next, .archive__artist
.nextpostslink, .archive__artist .pagenav__page, .archive__artist
a.page, .archive__artist
span.current, .archive__artist .index__press__button {
  transition: opacity .15s linear 0s; }
  .archive__artist .roundbutton.disable, .archive__artist .section__pdflink a.disable, .section__pdflink .archive__artist a.disable, .archive__artist .workslist__label__pdflink a.disable, .workslist__label__pdflink .archive__artist a.disable, .archive__artist .disable.puddlenav__prev, .archive__artist .disable.puddlenav__next, .archive__artist .disable.puddlenav__back, .archive__artist .disable.pagenav__prev, .archive__artist
  .disable.previouspostslink, .archive__artist .disable.pagenav__next, .archive__artist
  .disable.nextpostslink, .archive__artist .disable.pagenav__page, .archive__artist
  a.disable.page, .archive__artist
  span.disable.current, .archive__artist .disable.index__press__button {
    display: none; }

.archive__artist.loading .archive__dropdown,
.archive__artist.loading .roundbutton,
.archive__artist.loading .section__pdflink a, .section__pdflink
.archive__artist.loading a,
.archive__artist.loading .workslist__label__pdflink a, .workslist__label__pdflink
.archive__artist.loading a,
.archive__artist.loading .puddlenav__prev,
.archive__artist.loading .puddlenav__next,
.archive__artist.loading .puddlenav__back,
.archive__artist.loading .pagenav__prev,
.archive__artist.loading
.previouspostslink,
.archive__artist.loading .pagenav__next,
.archive__artist.loading
.nextpostslink,
.archive__artist.loading .pagenav__page,
.archive__artist.loading
a.page,
.archive__artist.loading
span.current,
.archive__artist.loading .index__press__button {
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  pointer-events: none; }

.archive__artist.loading .archive__artist__list:before {
  transition: opacity .15s linear 0s, width 0s linear 0s, height 0s linear 0s;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

.archive__artist.loading .archive__artist__list * {
  pointer-events: none; }

.archive__artist__list {
  max-width: 1440px;
  margin: 40px auto 40px;
  position: relative; }
  .archive__artist__list ul {
    position: relative;
    font-size: 0px;
    padding: 0 84px; }
    .archive__artist__list ul:after {
      content: "";
      display: block;
      width: 0px;
      height: 0px;
      float: none;
      clear: both;
      visibility: hidden; }
  .archive__artist__list li {
    width: calc(33.3333% - 68px);
    height: 44px;
    display: block;
    margin: 0 34px;
    float: left; }
    .archive__artist__list li a {
      display: block;
      width: 100%;
      height: 44px;
      font-size: 18px;
      line-height: 44px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .archive__artist__list:before {
    content: "";
    display: block;
    width: 0%;
    height: 0%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #1a1a1a;
    transition: opacity .15s linear 0s, width 0s linear .15s, height 0s linear .15s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 50; }

.archive__artist__empty {
  text-align: center;
  margin: 80px 0; }

.archive_program__group {
  text-align: center;
  margin-bottom: 140px; }
  .archive_program__group .archive__dropdown {
    margin: 20px auto 46px; }
  .archive_program__group .roundbutton, .archive_program__group .section__pdflink a, .section__pdflink .archive_program__group a, .archive_program__group .workslist__label__pdflink a, .workslist__label__pdflink .archive_program__group a, .archive_program__group .puddlenav__prev, .archive_program__group .puddlenav__next, .archive_program__group .puddlenav__back, .archive_program__group .pagenav__prev, .archive_program__group
  .previouspostslink, .archive_program__group .pagenav__next, .archive_program__group
  .nextpostslink, .archive_program__group .pagenav__page, .archive_program__group
  a.page, .archive_program__group
  span.current, .archive_program__group .index__press__button {
    transition: opacity .15s linear 0s; }
    .archive_program__group .roundbutton.disable, .archive_program__group .section__pdflink a.disable, .section__pdflink .archive_program__group a.disable, .archive_program__group .workslist__label__pdflink a.disable, .workslist__label__pdflink .archive_program__group a.disable, .archive_program__group .disable.puddlenav__prev, .archive_program__group .disable.puddlenav__next, .archive_program__group .disable.puddlenav__back, .archive_program__group .disable.pagenav__prev, .archive_program__group
    .disable.previouspostslink, .archive_program__group .disable.pagenav__next, .archive_program__group
    .disable.nextpostslink, .archive_program__group .disable.pagenav__page, .archive_program__group
    a.disable.page, .archive_program__group
    span.disable.current, .archive_program__group .disable.index__press__button {
      display: none; }
  .archive_program__group .workslist {
    margin-bottom: -20px; }
    .archive_program__group .workslist:before {
      content: "";
      display: block;
      width: 0%;
      height: 0%;
      position: absolute;
      left: 0px;
      top: -1px;
      background-color: #1a1a1a;
      transition: opacity .15s linear 0s, width 0s linear .15s, height 0s linear .15s;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      z-index: 50; }
  .archive_program__group.loading .archive__dropdown,
  .archive_program__group.loading .roundbutton,
  .archive_program__group.loading .section__pdflink a, .section__pdflink
  .archive_program__group.loading a,
  .archive_program__group.loading .workslist__label__pdflink a, .workslist__label__pdflink
  .archive_program__group.loading a,
  .archive_program__group.loading .puddlenav__prev,
  .archive_program__group.loading .puddlenav__next,
  .archive_program__group.loading .puddlenav__back,
  .archive_program__group.loading .pagenav__prev,
  .archive_program__group.loading
  .previouspostslink,
  .archive_program__group.loading .pagenav__next,
  .archive_program__group.loading
  .nextpostslink,
  .archive_program__group.loading .pagenav__page,
  .archive_program__group.loading
  a.page,
  .archive_program__group.loading
  span.current,
  .archive_program__group.loading .index__press__button {
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    pointer-events: none; }
  .archive_program__group.loading .workslist:before {
    transition: opacity .15s linear 0s, width 0s linear 0s, height 0s linear 0s;
    width: 100%;
    height: calc(100% - 20px);
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
  .archive_program__group.loading .workslist * {
    pointer-events: none; }

.archive_program__empty {
  text-align: center;
  margin: 34px 0 80px; }

.archive .about__text_en {
  margin-bottom: 100px; }

.archive .puddlenav {
  margin-top: 120px; }

.archive__download {
  width: 400px;
  margin-bottom: 100px; }

.archive__poster img {
  display: block;
  margin: 0 auto; }

.archive__poster p {
  text-align: center;
  color: #00d3ff;
  margin-top: 6px; }

@media screen and (max-width: 1024px) {
  .archive__artist__list ul {
    padding: 0 30px; }
  .archive__artist__list li {
    width: calc(50% - 68px); } }

@media screen and (max-width: 768px) {
  .archive__block {
    height: 200px; }
  .archive__bg {
    width: 100%;
    height: 100%; }
  .archive__list {
    width: 100%;
    left: 0px;
    margin: -42px 0 0 0px; }
    .archive__list p {
      font-size: 14px;
      text-align: center; }
    .archive__list .roundbutton, .archive__list .section__pdflink a, .section__pdflink .archive__list a, .archive__list .workslist__label__pdflink a, .workslist__label__pdflink .archive__list a, .archive__list .puddlenav__prev, .archive__list .puddlenav__next, .archive__list .puddlenav__back, .archive__list .pagenav__prev, .archive__list
    .previouspostslink, .archive__list .pagenav__next, .archive__list
    .nextpostslink, .archive__list .pagenav__page, .archive__list
    a.page, .archive__list
    span.current, .archive__list .index__press__button {
      margin-top: 10px; }
  .archive__eyecatch {
    height: 250px; }
  .archive__eyecatch__title {
    height: 40px;
    font-size: 32px;
    line-height: 40px;
    margin-top: -20px; }
  .archive__eyecatch__pager {
    height: 10px;
    bottom: 15px;
    z-index: 1; }
  .archive__eyecatch__pager__page {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 4px;
    position: relative; }
    .archive__eyecatch__pager__page.current:before {
      width: 10px;
      height: 10px;
      margin: -5px 0 0 -5px;
      background-color: #00d3ff; }
  .archive__outline__list {
    width: 100%; }
  .archive__artist__list {
    max-width: 1440px;
    margin: 40px auto 40px; }
    .archive__artist__list ul {
      padding: 0 10px; }
    .archive__artist__list li {
      width: calc(50% - 20px);
      height: 28px;
      margin: 0 10px; }
      .archive__artist__list li a {
        display: block;
        width: 100%;
        height: 28px;
        font-size: 14px;
        line-height: 28px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .archive_program__group {
    margin-bottom: 95px; }
    .archive_program__group .workslist {
      margin-bottom: 0px; }
    .archive_program__group .roundbutton, .archive_program__group .section__pdflink a, .section__pdflink .archive_program__group a, .archive_program__group .workslist__label__pdflink a, .workslist__label__pdflink .archive_program__group a, .archive_program__group .puddlenav__prev, .archive_program__group .puddlenav__next, .archive_program__group .puddlenav__back, .archive_program__group .pagenav__prev, .archive_program__group
    .previouspostslink, .archive_program__group .pagenav__next, .archive_program__group
    .nextpostslink, .archive_program__group .pagenav__page, .archive_program__group
    a.page, .archive_program__group
    span.current, .archive_program__group .index__press__button {
      margin-top: 40px; }
  .archive .about__text_en {
    margin-bottom: 100px; }
  .archive .puddlenav {
    margin-top: 120px; }
  .archive .about__text_en {
    margin-bottom: 60px; }
  .archive .puddlenav {
    margin-top: 120px; }
  .archive__download {
    width: 100%;
    margin-bottom: 80px; }
  .archive__poster img {
    display: block;
    margin: 0 auto;
    width: 75%;
    height: auto; } }

.concept__body_ja:not(:first-of-type) {
  margin-top: 140px; }

.concept__body_ja h3 {
  color: #00d3ff;
  text-align: center;
  font-size: 24px;
  line-height: 48px;
  margin-bottom: 24px; }

.concept__body_ja p {
  font-size: 18px;
  line-height: 48px;
  margin-bottom: 48px; }

.concept__body_ja h4 {
  font-size: 18px;
  line-height: 48px;
  vertical-align: middle;
  margin-bottom: 14px;
  margin-top: 38px; }
  .concept__body_ja h4:before, .concept__body_ja h4:after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #00d3ff;
    position: relative;
    margin: 0 16px;
    vertical-align: middle;
    top: -2px; }

.concept__body_en {
  margin-top: 78px; }
  .concept__body_en h3 {
    color: #00d3ff;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 36px; }
  .concept__body_en p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 28px; }
  .concept__body_en h4 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 28px; }
    .concept__body_en h4:before, .concept__body_en h4:after {
      content: "";
      display: inline-block;
      width: 50px;
      height: 1px;
      background-color: #00d3ff;
      position: relative;
      margin: 0 16px;
      vertical-align: middle;
      top: -2px; }

@media screen and (max-width: 768px) {
  .concept__body_ja h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 24px; }
  .concept__body_ja p {
    font-size: 14px;
    line-height: 34px;
    margin-bottom: 24px; }
  .concept__body_en {
    margin-top: 60px; }
    .concept__body_en h3 {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 24px; }
    .concept__body_en p {
      font-size: 12px;
      line-height: 21px;
      margin-bottom: 18px; } }

.about__text_ja {
  font-size: 18px;
  line-height: 48px; }

.about__laed_en {
  margin-top: 60px; }

.about__text_en {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 120px; }

.about__movie {
  width: 100%;
  height: 620px;
  margin: 50px 0 100px;
  background-color: #000; }
  .about__movie iframe {
    display: block;
    margin: 0 auto; }

.about__about_lead_en {
  margin-top: 120px;
  margin-bottom: 30px; }

.about__deftitle, .about__deftitle--temp, .about__deftitle--temp-en {
  vertical-align: middle;
  margin-bottom: 14px; }
  .about__deftitle:before, .about__deftitle--temp:before, .about__deftitle--temp-en:before, .about__deftitle:after, .about__deftitle--temp:after, .about__deftitle--temp-en:after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #00d3ff;
    position: relative;
    margin: 0 16px;
    vertical-align: middle;
    top: -2px; }

.about__deftitle--temp {
  margin-top: 40px; }
  .about__deftitle--temp + p {
    text-align: center;
    padding: 12px; }

.about__deftitle--temp-en {
  margin-top: 40px; }
  .about__deftitle--temp-en + p {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding: 12px; }

.about__deftable, .about__deftable--en {
  position: relative;
  margin-bottom: 60px; }
  .about__deftable dt, .about__deftable--en dt,
  .about__deftable dd, .about__deftable--en dd {
    font-size: 18px;
    line-height: 32px; }
    .about__deftable dt span, .about__deftable--en dt span,
    .about__deftable dd span, .about__deftable--en dd span {
      display: inline-block; }
  .about__deftable dt, .about__deftable--en dt {
    position: absolute;
    left: 18px;
    padding: 12px 0;
    max-width: 160px; }
  .about__deftable dd, .about__deftable--en dd {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 12px 18px 12px 198px;
    border-top: 1px solid transparent; }
  .about__deftable.general, .general.about__deftable--en {
    margin-top: 60px; }

.about__deftable--en {
  margin-bottom: 40px; }
  .about__deftable--en dt,
  .about__deftable--en dd {
    font-size: 16px;
    line-height: 28px; }

.about__partner {
  margin-bottom: 60px; }

.about__partner__label {
  margin-bottom: 14px; }

.about__partner__bannerwrap {
  font-size: 0px;
  text-align: center; }
  .about__partner__bannerwrap .about__partner__banner {
    display: inline-block;
    margin: 0 5px 10px; }
  .about__partner__bannerwrap.archive_banners {
    font-size: 0px;
    line-height: 0px; }
    .about__partner__bannerwrap.archive_banners .about__partner__banner {
      width: 180px;
      height: 56px;
      background-color: #FFF;
      margin: 0 5px 10px; }
      .about__partner__bannerwrap.archive_banners .about__partner__banner img {
        display: block;
        width: 180px;
        height: 56px; }

.about__partner__banner {
  width: 312px;
  height: 98px;
  background-color: #FFF;
  margin: 0 auto; }
  .about__partner__banner img {
    display: block;
    width: 312px;
    height: 98px; }
  .about__partner__banner a {
    display: block; }

.about__partner__text {
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  margin-top: 16px; }
  .about__partner__text span {
    display: inline-block; }

.about__partner--top {
  margin-top: 80px;
  margin-bottom: 60px; }
  .about__partner--top .about__partner__banner {
    width: 418px;
    height: 134px; }
    .about__partner--top .about__partner__banner img {
      width: 418px;
      height: 134px; }

.about__banners {
  text-align: center;
  width: 818px;
  margin-left: -29px;
  margin-top: 100px; }
  .about__banners img {
    display: inline-block;
    margin: 0px 27px; }

html:not(.touch) .about__partner__banner a {
  transition: opacity 0.15s linear; }

html:not(.touch) .about__partner__banner a:hover {
  transition-duration: 0s;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

@media screen and (max-width: 820px) {
  .about__banners {
    width: 600px;
    margin-left: auto;
    margin-right: auto; }
    .about__banners img {
      margin-bottom: 12px; } }

@media screen and (max-width: 768px) {
  .about__text_ja {
    font-size: 14px;
    line-height: 34px; }
  .about__laed_en {
    margin-top: 36px; }
  .about__text_en {
    font-size: 12px;
    line-height: 21px;
    margin-top: 20px;
    margin-bottom: 50px; }
  .about__deftitle, .about__deftitle--temp, .about__deftitle--temp-en {
    margin-bottom: 14px; }
    .about__deftitle:before, .about__deftitle--temp:before, .about__deftitle--temp-en:before, .about__deftitle:after, .about__deftitle--temp:after, .about__deftitle--temp-en:after {
      width: 30px;
      height: 1px;
      margin: 0 8px; }
  .about__deftable, .about__deftable--en {
    position: relative;
    margin-bottom: 40px; }
    .about__deftable dt, .about__deftable--en dt,
    .about__deftable dd, .about__deftable--en dd {
      font-size: 14px; }
      .about__deftable dt span, .about__deftable--en dt span,
      .about__deftable dd span, .about__deftable--en dd span {
        display: inline; }
    .about__deftable dt, .about__deftable--en dt {
      left: 0px;
      padding: 3px 0;
      line-height: 20px;
      width: 70px; }
    .about__deftable dd, .about__deftable--en dd {
      width: 100%;
      line-height: 24px;
      height: auto;
      padding: 0px 0px 6px 85px; }
    .about__deftable.general, .general.about__deftable--en {
      margin-top: 40px; }
  .about__deftable--en dt,
  .about__deftable--en dd {
    font-size: 12px; }
  .about__deftable--en dt {
    width: 80px;
    padding: 2px 0;
    line-height: 18px; }
  .about__deftable--en dd {
    padding: 0px 0px 6px 95px;
    line-height: 22px; }
  .about__about_lead_en {
    margin-top: 60px;
    margin-bottom: 14px; }
  .about__partner {
    margin-bottom: 40px; }
  .about__partner__label {
    margin-bottom: 14px; }
  .about__partner__bannerwrap .about__partner__banner {
    display: block;
    margin: 0 auto 10px; }
  .about__partner__bannerwrap.archive_banners {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto; }
    .about__partner__bannerwrap.archive_banners .about__partner__banner {
      display: inline-block;
      width: calc(50% - 10px);
      height: auto;
      margin: 0 5px 10px; }
      .about__partner__bannerwrap.archive_banners .about__partner__banner img {
        width: 100%;
        height: auto; }
  .about__partner__banner {
    width: 75%;
    max-width: 312px;
    height: auto;
    background-color: #FFF;
    margin: 0 auto; }
    .about__partner__banner img {
      width: 100%;
      height: auto; }
  .about__partner__text {
    font-size: 14px;
    line-height: 24px;
    margin-top: 16px; }
  .about__partner--top {
    margin-top: 60px;
    margin-bottom: 40px; }
    .about__partner--top .about__partner__banner {
      width: 100%;
      max-width: 418px;
      height: auto; }
      .about__partner--top .about__partner__banner img {
        width: 100%;
        height: auto; }
  .about__banners {
    text-align: center;
    width: 100%;
    margin-left: 0px;
    margin-top: 60px; }
    .about__banners img {
      display: inline-block;
      height: 50px;
      width: auto; }
  body.about .about__partner--top {
    margin-top: 0px; } }

.program .footer {
  margin-top: 100px; }

.program__list {
  text-align: center; }
  .program__list .workslist:not(:first-of-type) {
    margin-top: 60px; }
  .program__list .program__list__subtitle + .workslist {
    margin-top: 5px; }
  .program__list .program__list__subtitle:first-of-type {
    margin-top: 0px; }

.program__group:first-of-type .program__list__subtitle {
  margin-top: 0px; }

.program__anchor {
  position: relative;
  top: -100px; }

.program__list__othersite_outline {
  max-width: 980px;
  width: auto;
  padding: 0 30px;
  margin: 0 auto; }
  .program__list__othersite_outline:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }
  .program__list__othersite_outline + .program__list__othersite_outline {
    margin-top: 30px; }
    .program__list__othersite_outline + .program__list__othersite_outline .program__list__othersite_outline__block:only-child {
      float: left; }

.program__list__othersite_outline__block {
  width: calc(50% - 15px);
  float: left;
  height: auto;
  position: relative;
  text-align: left; }
  .program__list__othersite_outline__block:nth-of-type(odd) {
    margin-right: 30px; }
  .program__list__othersite_outline__block:only-child {
    float: none;
    margin-left: auto;
    margin-right: auto; }

.program__list__othersite_outline__block__ja {
  margin-top: 10px; }
  .program__list__othersite_outline__block__ja h4 {
    font-size: 18px;
    line-height: 28px;
    color: #00d3ff;
    text-align: center;
    margin-bottom: 20px; }
  .program__list__othersite_outline__block__ja dl {
    font-size: 14px;
    line-height: 24px;
    position: relative; }
  .program__list__othersite_outline__block__ja dt {
    position: absolute;
    left: 0px;
    padding: 0 0 6px 0; }
  .program__list__othersite_outline__block__ja dd {
    padding: 0 0 6px 100px; }
    .program__list__othersite_outline__block__ja dd span {
      display: inline-block; }

.program__list__othersite_outline__block__en {
  margin-top: 0px; }
  .program__list__othersite_outline__block__en h4 {
    font-size: 16px;
    line-height: 24px;
    color: #00d3ff;
    text-align: center;
    margin-bottom: 14px; }
  .program__list__othersite_outline__block__en dl {
    font-size: 12px;
    line-height: 18px;
    position: relative; }
  .program__list__othersite_outline__block__en dt {
    position: absolute;
    left: 0px;
    padding: 4px 0; }
  .program__list__othersite_outline__block__en dd {
    padding: 4px 0 4px 100px; }
    .program__list__othersite_outline__block__en dd span {
      display: inline-block; }

.program__list__subtitle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: 90px; }
  .program__list__subtitle:before, .program__list__subtitle:after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #00d3ff;
    position: relative;
    margin: 0 16px;
    vertical-align: middle;
    top: -2px; }

.program__single {
  margin-top: 100px; }
  .program__single > .mediaembed {
    margin: 0px; }

.program__outline {
  margin-top: 58px; }
  .program__outline:first-of-type {
    margin-top: 58px; }

.program__outline__info {
  margin-top: 56px; }

.program__outline__info__artist,
.program__outline__info__place,
.program__outline__info__date {
  text-align: center;
  color: #00d3ff; }
  .program__outline__info__artist > div,
  .program__outline__info__place > div,
  .program__outline__info__date > div {
    position: relative;
    display: inline-block;
    padding: 11px 0 11px 50px;
    font-size: 18px;
    line-height: 32px; }
    .program__outline__info__artist > div:before,
    .program__outline__info__place > div:before,
    .program__outline__info__date > div:before {
      content: "";
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 0px;
      top: 50%;
      margin-top: -17px;
      background-size: 35px 35px;
      background-position: center;
      background-repeat: no-repeat; }
  .program__outline__info__artist li, .program__outline__info__artist a, .program__outline__info__artist span,
  .program__outline__info__place li,
  .program__outline__info__place a,
  .program__outline__info__place span,
  .program__outline__info__date li,
  .program__outline__info__date a,
  .program__outline__info__date span {
    display: inline-block; }
  .program__outline__info__artist ul,
  .program__outline__info__place ul,
  .program__outline__info__date ul {
    font-size: 0px; }
    .program__outline__info__artist ul li,
    .program__outline__info__place ul li,
    .program__outline__info__date ul li {
      font-size: 18px;
      line-height: 32px; }
      .program__outline__info__artist ul li:not(:last-child):after,
      .program__outline__info__place ul li:not(:last-child):after,
      .program__outline__info__date ul li:not(:last-child):after {
        content: ",";
        font-size: 18px;
        line-height: 32px;
        display: inline-block;
        margin: 0 4px; }

.program__outline__info__artist > div:before {
  background-image: url(imgs/icon_people.png);
  margin-top: -18px; }

.program__outline__info__place > div {
  padding-left: 45px; }
  .program__outline__info__place > div:before {
    background-image: url(imgs/icon_place.png); }

.program__outline__info__date > div:before {
  background-image: url(imgs/icon_date.png); }

.program__outline__info__tag {
  margin-top: 36px;
  text-align: center; }
  .program__outline__info__tag .roundlabel {
    margin: 0 6px; }

.program__outline__text {
  margin: 84px 0 90px; }
  .program__outline__text i, .program__outline__text em {
    font-style: italic; }
  .program__outline__text img {
    display: block;
    max-width: 100%;
    height: auto; }
  .program__outline__text img.aligncenter {
    display: block;
    max-width: 85%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 768px) {
      .program__outline__text img.aligncenter {
        max-width: 100%; } }

.program__outline__text__ja {
  font-size: 18px;
  line-height: 48px;
  margin-bottom: 30px; }

.program__outline__text__en {
  font-size: 16px;
  line-height: 28px; }

.program__outline__credit {
  font-size: 0px; }
  .program__outline__credit dt, .program__outline__credit dd {
    display: inline; }
  .program__outline__credit dt {
    color: #808080; }
    .program__outline__credit dt:after {
      content: " : "; }
  .program__outline__credit dd {
    color: #FFF; }
    .program__outline__credit dd:not(:last-child):after {
      content: " / ";
      display: inline-block;
      padding: 0 5px; }

.program__outline__credit__title {
  color: #00d3ff;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px; }

.program__outline__credit__ja {
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 20px; }

.program__outline__credit__en {
  font-size: 16px;
  line-height: 28px; }

.program__location {
  margin-bottom: 120px; }
  .program__location .section__title {
    margin-bottom: 24px; }

.program__location__map {
  width: 100%;
  max-width: 760px;
  height: 420px;
  position: relative;
  margin: 0 auto;
  background-color: #333; }
  .program__location__map #embedmap {
    width: 100%;
    height: 100%; }

.program__location__name {
  text-align: center;
  margin: 20px 0; }

/*
.program__artist__list{
	padding: 0 20px;
	font-size: 0px;
	text-align: center;
}
*/
.program__artist__block {
  display: block;
  margin: 0 auto 60px;
  text-align: center; }

.program__artist__block__link {
  display: block;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .program__artist__block__link > img {
    display: block;
    width: auto;
    height: 420px;
    margin: 0 auto; }
  .program__artist__block__link > p {
    font-size: 24px;
    line-height: 36px;
    margin-top: 20px; }

html:not(.touch) .program__artist__block__link > p {
  transition: opacity .15s linear; }

html:not(.touch) .program__artist__block__link:hover > p {
  transition-duration: 0s;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

@media screen and (max-width: 768px) {
  .program__list .workslist:not(:first-of-type) {
    margin-top: 60px; }
  .program__list .program__list__subtitle + .workslist {
    margin-top: 20px; }
  .program__list__subtitle {
    margin-bottom: 0px; }
    .program__list__subtitle span.sep {
      display: none; }
    .program__list__subtitle:before, .program__list__subtitle:after {
      position: absolute;
      width: 30px;
      height: 1px;
      top: 50%; }
    .program__list__subtitle:before {
      left: -60px; }
    .program__list__subtitle:after {
      right: -60px; }
  .program__single {
    margin-top: 56px; }
  .program__outline {
    margin-top: 30px; }
    .program__outline:first-of-type {
      margin-top: 30px; }
    .program__outline .section__title {
      font-size: 28px;
      line-height: 37px;
      padding: 0 20px; }
      .program__outline .section__title:after {
        bottom: -10px; }
  .program__outline__info {
    margin-top: 36px; }
  .program__outline__info__artist > div,
  .program__outline__info__place > div,
  .program__outline__info__date > div {
    padding: 6px 0 6px 36px;
    font-size: 13px;
    line-height: 24px; }
    .program__outline__info__artist > div:before,
    .program__outline__info__place > div:before,
    .program__outline__info__date > div:before {
      width: 26px;
      height: 26px;
      top: 50%;
      margin-top: -13px;
      background-size: 26px 26px; }
  .program__outline__info__artist ul li,
  .program__outline__info__place ul li,
  .program__outline__info__date ul li {
    font-size: 13px;
    line-height: 24px; }
    .program__outline__info__artist ul li:not(:last-child):after,
    .program__outline__info__place ul li:not(:last-child):after,
    .program__outline__info__date ul li:not(:last-child):after {
      font-size: 13px;
      line-height: 24px;
      margin: 0 4px; }
  .program__outline__info__artist > div:before {
    margin-top: -14px; }
  .program__outline__info__place > div {
    padding-left: 30px; }
  .program__outline__info__tag {
    margin-top: 18px;
    text-align: center; }
    .program__outline__info__tag .roundlabel {
      margin: 0 6px 10px; }
  .program__outline__text {
    margin: 50px 0 46px; }
  .program__outline__text__ja {
    font-size: 14px;
    line-height: 34px;
    margin-bottom: 14px; }
  .program__outline__text__en {
    font-size: 12px;
    line-height: 21px; }
  .program__outline__credit dd:not(:last-child):after {
    padding: 0 5px; }
  .program__outline__credit__title {
    font-size: 18px;
    margin-bottom: 14px; }
  .program__outline__credit__ja {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 18px; }
  .program__outline__credit__en {
    font-size: 12px;
    line-height: 20px; }
  .program__location {
    margin-bottom: 80px; }
    .program__location .section__content {
      padding: 0px; }
  .program__location__map {
    height: 343px; }
  .program__artist__block {
    margin: 0 auto 40px; }
  .program__artist__block__link > img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 310px; }
  .program__artist__block__link > p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 12px; }
  .program__list__othersite_outline {
    padding: 0 15px; }
    .program__list__othersite_outline.en {
      margin-top: 0px; }
    .program__list__othersite_outline + .program__list__othersite_outline {
      margin-top: 20px; }
  .program__list__othersite_outline__block {
    width: auto;
    float: none !important;
    margin-top: 20px; }
    .program__list__othersite_outline__block:nth-of-type(odd) {
      margin: 20px 0 0 0; }
  .program__list__othersite_outline__block__ja {
    margin-top: 0px; }
    .program__list__othersite_outline__block__ja h4 {
      font-size: 14px;
      line-height: 20px;
      color: #00d3ff;
      text-align: center;
      margin-bottom: 8px; }
    .program__list__othersite_outline__block__ja dl {
      font-size: 14px;
      line-height: 24px;
      position: relative; }
    .program__list__othersite_outline__block__ja dt {
      position: absolute;
      left: 0px;
      padding: 0 0 6px 0; }
    .program__list__othersite_outline__block__ja dd {
      padding: 0 0 6px 85px; }
      .program__list__othersite_outline__block__ja dd span {
        display: inline-block; }
  .program__list__othersite_outline__block__en {
    margin-top: 0px; }
    .program__list__othersite_outline__block__en h4 {
      font-size: 14px;
      line-height: 20px;
      color: #00d3ff;
      text-align: center;
      margin-bottom: 4px; }
    .program__list__othersite_outline__block__en dl {
      font-size: 12px;
      line-height: 18px;
      position: relative; }
    .program__list__othersite_outline__block__en dt {
      position: absolute;
      left: 0px;
      padding: 4px 0; }
    .program__list__othersite_outline__block__en dd {
      padding: 4px 0 4px 80px; }
      .program__list__othersite_outline__block__en dd span {
        display: inline-block; }
  .program__anchor {
    position: relative;
    top: -50px; } }

.artist .footer {
  margin-top: 120px; }

.artist .puddlenav {
  margin-top: 40px;
  margin-bottom: 160px; }

.artist__list {
  margin: 0 auto; }
  .artist__list:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }

.artist__list__block {
  display: block;
  width: 240px;
  height: 284px;
  float: left;
  margin: 0 15px 50px; }

.artist__list__block__link {
  position: relative;
  display: block;
  color: #FFF;
  text-decoration: none;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .artist__list__block__link:before {
    content: "";
    display: block;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: #1a1a1a;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -110px;
    z-index: 0; }

.artist__list__block__image {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #999;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

.artist__list__block__ja {
  font-size: 20px;
  color: #FFF;
  text-align: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 12px;
  position: relative;
  z-index: 1; }

.artist__list__block__en {
  font-size: 14px;
  line-height: 20px;
  color: #808080;
  text-align: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1; }

html:not(.touch) .artist__list__block__image,
html:not(.touch) .artist__list__block__ja,
html:not(.touch) .artist__list__block__en {
  transition: opacity 0.15s linear; }

html:not(.touch) .artist__list__block__link:hover .artist__list__block__image,
html:not(.touch) .artist__list__block__link:hover .artist__list__block__ja,
html:not(.touch) .artist__list__block__link:hover .artist__list__block__en {
  transition-duration: 0s;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

@media screen and (min-width: 300px) {
  .artist__list {
    width: 270px; } }

@media screen and (min-width: 570px) {
  .artist__list {
    width: 540px; } }

@media screen and (min-width: 840px) {
  .artist__list {
    width: 810px; } }

@media screen and (min-width: 1110px) {
  .artist__list {
    width: 1080px; } }

@media screen and (min-width: 1380px) {
  .artist__list {
    width: 1350px; } }

@media screen and (min-width: 1650px) {
  .artist__list {
    width: 1620px; } }

@media screen and (min-width: 1920px) {
  .artist__list {
    width: 1890px; } }

@media screen and (min-width: 2190px) {
  .artist__list {
    width: 2160px; } }

@media screen and (min-width: 2460px) {
  .artist__list {
    width: 2430px; } }

@media screen and (min-width: 2730px) {
  .artist__list {
    width: 2700px; } }

.artist__single {
  margin-top: 100px; }
  .artist__single > .mediaembed {
    margin: 0px; }

.artist__title {
  font-size: 20px;
  line-height: 24px;
  color: #00d3ff;
  text-align: center;
  margin: 54px 0 32px; }

.artist__outline__ja {
  font-size: 18px;
  line-height: 48px;
  margin-bottom: 48px; }

.artist__outline__en {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 28px; }

@media screen and (max-width: 768px) {
  .artist__list {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px; }
  .artist__list__block__link:before {
    width: 90%;
    height: 0px;
    padding-top: 90%;
    left: 5%;
    top: 0px;
    margin-left: 0px; }
  .artist__list__block {
    width: calc(50% - 10px);
    height: auto;
    margin: 0 0 30px; }
    .artist__list__block:nth-of-type(odd) {
      margin: 0 20px 30px 0; }
    .artist__list__block:last-of-type {
      margin-bottom: 0px; }
  .artist__list__block__image {
    width: 90%;
    height: 0px;
    padding-top: 90%; }
  .artist__list__block__ja {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
    margin-top: 8px; }
  .artist__list__block__en {
    font-size: 12px;
    line-height: 14px; }
  .artist__single {
    margin-top: 56px; }
    .artist__single > .mediaembed {
      margin: 0px; }
    .artist__single .artist__outline {
      margin-top: 30px; }
    .artist__single .section__title {
      font-size: 28px;
      line-height: 37px;
      padding: 0 20px; }
      .artist__single .section__title:after {
        bottom: -10px; }
    .artist__single .artist__program {
      margin-top: 95px; }
      .artist__single .artist__program .workslist:not(:first-of-type) {
        margin-top: 60px; }
  .artist__title {
    font-size: 16px;
    line-height: 20px;
    margin: 34px 0 14px; }
  .artist__outline__ja {
    font-size: 14px;
    line-height: 34px;
    margin-bottom: 14px; }
  .artist__outline__en {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 28px; }
  .artist .puddlenav {
    margin-top: 80px;
    margin-bottom: 120px; } }

.schedule .section__content {
  max-width: 980px; }

.schedule .section__pdflink {
  margin-bottom: 30px; }

.schedule__day {
  position: relative; }

.schedule__day__head {
  position: relative;
  height: 84px;
  width: 100%;
  font-size: 24px;
  color: #00d3ff;
  text-align: center;
  line-height: 84px;
  cursor: pointer;
  border-bottom: 1px solid #333333; }
  .schedule__day__head:before {
    content: "";
    width: 22px;
    height: 22px;
    background-image: url(/imgs/schedule_toggle.png);
    background-size: 22px 44px;
    background-position: center top;
    position: absolute;
    right: 20px;
    top: 31px; }

.schedule__day.open .schedule__day__head:before {
  background-position: center bottom; }

.schedule__day__container {
  position: relative;
  width: 100%;
  height: 0px;
  overflow: hidden;
  transition: height 0.75s cubic-bezier(0.19, 1, 0.22, 1); }

.schedule__day__body {
  padding-bottom: 60px; }

.schedule__day__block {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #333333; }
  .schedule__day__block:last-of-type {
    border-bottom: none; }

.schedule__day__block__link {
  position: relative;
  box-sizing: border-box;
  height: 112px;
  width: 100%;
  display: block;
  padding-left: 120px;
  text-decoration: none;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

html:not(.touch) a.schedule__day__block__link {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: opacity 0.15s linear; }
  html:not(.touch) a.schedule__day__block__link:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    transition-duration: 0s; }

.schedule__day__block__image {
  width: 120px;
  height: 80px;
  position: absolute;
  left: 0px;
  top: 16px;
  background-color: #2e2e2e;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.schedule__day__block__main {
  position: relative;
  box-sizing: border-box;
  width: 65%;
  height: auto;
  float: left;
  padding: 24px 0 0 24px; }

.schedule__day__block__time {
  font-size: 24px;
  color: #00d3ff;
  width: 100%;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.schedule__day__block__program {
  font-size: 18px;
  color: #FFF;
  width: 100%;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.schedule__day__block__notice {
  font-size: 10px;
  color: #FFF;
  width: 100%;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.schedule__day__block__sub {
  position: relative;
  box-sizing: border-box;
  width: 35%;
  height: auto;
  float: left;
  padding: 30px 0 0 24px; }

.schedule__day__block__artist {
  font-size: 14px;
  color: #00d3ff;
  width: 100%;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.schedule__day__block__venue {
  font-size: 12px;
  color: #FFF;
  width: 100%;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

html:not(.touch) .schedule__day__head span, html:not(.touch) .schedule__day__head:before {
  transition: opacity 0.15s linear; }

html:not(.touch) .schedule__day__head:hover span, html:not(.touch) .schedule__day__head:hover:before {
  transition-duration: 0s;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

@media screen and (max-width: 768px) {
  .schedule .section__pdflink {
    margin-bottom: 20px; }
  .schedule__day__head {
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    text-align: left; }
    .schedule__day__head:before {
      right: 0px;
      top: 12px; }
  .schedule__day__body {
    padding-bottom: 40px; }
  .schedule__day__block {
    height: auto; }
  .schedule__day__block__link {
    height: auto;
    padding: 10px 0 12px 94px; }
  .schedule__day__block__main,
  .schedule__day__block__sub {
    width: 100%;
    float: none;
    padding: 0px; }
  .schedule__day__block__image {
    width: 79px;
    height: 53px;
    top: 10px; }
  .schedule__day__block__time {
    font-size: 18px;
    line-height: 18px;
    height: auto;
    margin-bottom: 8px;
    white-space: normal; }
  .schedule__day__block__program {
    font-size: 14px;
    line-height: 16px;
    height: auto;
    margin-bottom: 12px; }
  .schedule__day__block__notice {
    margin-top: -8px;
    margin-bottom: 12px; }
  .schedule__day__block__artist {
    font-size: 11px;
    line-height: 12px;
    height: auto;
    margin-bottom: 6px; }
  .schedule__day__block__venue {
    font-size: 9px;
    line-height: 12px;
    height: auto; } }

.index .header__title {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.index .section.about .about__movie {
  margin: 160px auto 0; }

.index .section.about .about__feature {
  margin: 80px auto 0; }

.index__press > p {
  text-align: center;
  margin: 40px; }

.index__press__button {
  width: 320px; }

.index__firstview {
  position: relative;
  background-color: #000000; }

.index__firstview__hero {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  padding-bottom: 120px; }

.index__firstview__hero__image {
  position: relative;
  width: 100%;
  height: 100%; }

.index__firstview__hero__slideshow {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%; }
  .index__firstview__hero__slideshow:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2; }

.index__firstview__hero__slideshow__slide {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .index__firstview__hero__slideshow__slide[data-index="0"] {
    z-index: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.index__firstview__hero__slideshow__slide__credit {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 10px;
  z-index: 1;
  color: #FFF;
  font-size: 9px;
  line-height: 14px;
  text-align: right; }

.index__firstview__hero__pager {
  font-size: 0px;
  text-align: center;
  width: 100%;
  height: 12px;
  position: absolute;
  left: 0px;
  bottom: 20px;
  z-index: 3; }

.index__firstview__hero__pager__page {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0 5px;
  position: relative; }
  .index__firstview__hero__pager__page:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    background-color: #FFF; }
  .index__firstview__hero__pager__page.current:before {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    background-color: #00d3ff; }

.index__firstview__hero__arrow {
  width: 63px;
  height: 35px;
  background-image: url(imgs/arrow.png);
  background-size: 63px 35px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: 33px;
  margin-left: -31px; }

.index__firstview__hero__date {
  width: 526px;
  height: 52px;
  position: absolute;
  left: 3%;
  bottom: 33px; }
  .index__firstview__hero__date div {
    width: 100%;
    height: 100%;
    background-image: url(imgs/date.svg);
    background-size: 526px 52px;
    background-position: center;
    background-repeat: no-repeat; }

[lang="en"] .index__firstview__hero__date div {
  background-image: url(imgs/date_en.svg); }

.index__firstview__hero__lang {
  width: 260px;
  height: 44px;
  position: absolute;
  right: 3%;
  bottom: 38px; }
  .index__firstview__hero__lang > span,
  .index__firstview__hero__lang > a {
    display: block;
    box-sizing: border-box;
    width: 130px;
    height: 44px;
    float: left;
    border: 2px solid #FFF;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    text-decoration: none; }
  .index__firstview__hero__lang > span {
    color: #000;
    background-color: #FFF;
    cursor: default; }
  .index__firstview__hero__lang > a {
    color: #FFF;
    background-color: transparent; }

html:not(.touch) .index__firstview__hero__lang a {
  transition: color 0.15s linear; }
  html:not(.touch) .index__firstview__hero__lang a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: rgba(255, 255, 255, 0.5);
    transition-duration: 0s; }

.index__firstview .header {
  /*
	position: absolute;
	left: 0px;
	bottom: 0px;
	top: auto;
	&.stick{
		position: fixed;
		bottom: auto;
		top: 0px;
	}
	*/
  background-color: transparent;
  transition: background-color .25s linear; }
  .index__firstview .header .header__nav {
    background-color: transparent;
    transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.25s linear; }
  .index__firstview .header.stick {
    background-color: #1A1A1A; }
    .index__firstview .header.stick .header__nav {
      background-color: #1A1A1A; }
  .index__firstview .header.open .header__nav,
  .index__firstview .header.open.stick .header__nav {
    transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0s linear;
    background-color: #1A1A1A !important; }

.index__thumbslink {
  display: block;
  font-size: 0px;
  text-align: center;
  position: relative;
  margin: -30px 0 80px;
  line-height: 0px;
  text-decoration: none; }
  .index__thumbslink__image {
    display: inline-block;
    width: 33.3333%;
    height: auto;
    background-color: #303030;
    margin-top: -1px; }
    .index__thumbslink__image img {
      display: block;
      width: 100%;
      height: auto; }
  .index__thumbslink .roundbutton, .index__thumbslink .section__pdflink a, .section__pdflink .index__thumbslink a, .index__thumbslink .workslist__label__pdflink a, .workslist__label__pdflink .index__thumbslink a, .index__thumbslink .puddlenav__prev, .index__thumbslink .puddlenav__next, .index__thumbslink .puddlenav__back, .index__thumbslink .pagenav__prev, .index__thumbslink
  .previouspostslink, .index__thumbslink .pagenav__next, .index__thumbslink
  .nextpostslink, .index__thumbslink .pagenav__page, .index__thumbslink
  a.page, .index__thumbslink
  span.current, .index__thumbslink .index__press__button {
    width: 200px;
    display: block;
    margin: 30px auto 0;
    font-size: 18px; }
  .index__thumbslink.relatedlist .roundbutton, .index__thumbslink.relatedlist .section__pdflink a, .section__pdflink .index__thumbslink.relatedlist a, .index__thumbslink.relatedlist .workslist__label__pdflink a, .workslist__label__pdflink .index__thumbslink.relatedlist a, .index__thumbslink.relatedlist .puddlenav__prev, .index__thumbslink.relatedlist .puddlenav__next, .index__thumbslink.relatedlist .puddlenav__back, .index__thumbslink.relatedlist .pagenav__prev, .index__thumbslink.relatedlist
  .previouspostslink, .index__thumbslink.relatedlist .pagenav__next, .index__thumbslink.relatedlist
  .nextpostslink, .index__thumbslink.relatedlist .pagenav__page, .index__thumbslink.relatedlist
  a.page, .index__thumbslink.relatedlist
  span.current, .index__thumbslink.relatedlist .index__press__button {
    width: 250px; }
  .index__thumbslink.participationlist .roundbutton, .index__thumbslink.participationlist .section__pdflink a, .section__pdflink .index__thumbslink.participationlist a, .index__thumbslink.participationlist .workslist__label__pdflink a, .workslist__label__pdflink .index__thumbslink.participationlist a, .index__thumbslink.participationlist .puddlenav__prev, .index__thumbslink.participationlist .puddlenav__next, .index__thumbslink.participationlist .puddlenav__back, .index__thumbslink.participationlist .pagenav__prev, .index__thumbslink.participationlist
  .previouspostslink, .index__thumbslink.participationlist .pagenav__next, .index__thumbslink.participationlist
  .nextpostslink, .index__thumbslink.participationlist .pagenav__page, .index__thumbslink.participationlist
  a.page, .index__thumbslink.participationlist
  span.current, .index__thumbslink.participationlist .index__press__button {
    width: 310px; }
  .index__thumbslink.awardlist .roundbutton, .index__thumbslink.awardlist .section__pdflink a, .section__pdflink .index__thumbslink.awardlist a, .index__thumbslink.awardlist .workslist__label__pdflink a, .workslist__label__pdflink .index__thumbslink.awardlist a, .index__thumbslink.awardlist .puddlenav__prev, .index__thumbslink.awardlist .puddlenav__next, .index__thumbslink.awardlist .puddlenav__back, .index__thumbslink.awardlist .pagenav__prev, .index__thumbslink.awardlist
  .previouspostslink, .index__thumbslink.awardlist .pagenav__next, .index__thumbslink.awardlist
  .nextpostslink, .index__thumbslink.awardlist .pagenav__page, .index__thumbslink.awardlist
  a.page, .index__thumbslink.awardlist
  span.current, .index__thumbslink.awardlist .index__press__button {
    width: 340px; }
  .index__thumbslink.thumbcolumn4 .index__thumbslink__image {
    width: 25%; }
  .index__thumbslink.thumbcolumnmin3 {
    padding: 0% 12.5%; }
    .index__thumbslink.thumbcolumnmin3 .index__thumbslink__image {
      width: 33.33%; }

/*
@media screen and (min-width: 1800px){
	.index__firstview__hero__image{
		width: 100%;
		height: 687px;
		padding-top: 0px;
	}
}
*/
@media screen and (max-width: 1200px) {
  .index__firstview__hero {
    padding-bottom: 140px; }
  .index__firstview__hero__arrow {
    width: 47px;
    height: 26px;
    background-image: url(imgs/arrow.png);
    background-size: 47px 26px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -24px; }
  .index__firstview__hero__date {
    right: 18px;
    bottom: 68px; }
  .index__firstview__hero__lang {
    width: 180px;
    bottom: 74px;
    right: auto;
    left: 50%;
    margin-left: -90px; }
    .index__firstview__hero__lang > span,
    .index__firstview__hero__lang > a {
      font-size: 12px;
      width: 90px; } }

@media screen and (max-width: 768px) {
  .index__press {
    margin-bottom: 100px; }
    .index__press > p {
      margin: 30px; }
  .index__firstview__hero {
    height: auto !important; }
  .index__firstview__hero__image {
    height: 0px;
    padding-top: 100%; }
  .index__firstview__hero__slideshow__slide__credit {
    box-sizing: border-box;
    width: 100%;
    right: 0px;
    bottom: 0px;
    font-size: 6px;
    line-height: 10px;
    text-align: center;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.4); }
  .index__firstview__hero__pager {
    height: 10px;
    bottom: 40px;
    z-index: 1; }
  .index__firstview__hero__pager__page {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 4px;
    position: relative; }
    .index__firstview__hero__pager__page.current:before {
      width: 10px;
      height: 10px;
      margin: -5px 0 0 -5px;
      background-color: #00d3ff; }
  .index__firstview__hero {
    padding-bottom: 38px; }
  .index__firstview__hero__date {
    width: calc(100% - 40px);
    height: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 18px auto 10px;
    position: relative; }
    .index__firstview__hero__date div {
      height: 0px;
      padding-top: 9.89%;
      background-size: contain;
      background-position: center; }
  .index__firstview__hero__lang {
    width: 148px;
    bottom: 36px;
    right: auto;
    bottom: auto;
    left: auto;
    position: relative;
    margin: 0 auto 2px; }
    .index__firstview__hero__lang > span,
    .index__firstview__hero__lang > a {
      width: 74px;
      border: none;
      background-color: transparent; }
      .index__firstview__hero__lang > span > span,
      .index__firstview__hero__lang > a > span {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 28px;
        font-size: 10px;
        margin: 8px 0;
        line-height: 24px;
        border: 2px solid #FFF; }
    .index__firstview__hero__lang > span > span {
      background-color: #FFF; }
  .index__firstview__hero__arrow {
    width: 32px;
    height: 18px;
    background-size: 32px 18px;
    left: 50%;
    bottom: 12px;
    margin-left: -16px; }
  .index .about .section__content {
    margin-top: 50px; }
  .index__thumbslink {
    margin: -20px 0 40px; }
    .index__thumbslink .roundbutton, .index__thumbslink .section__pdflink a, .section__pdflink .index__thumbslink a, .index__thumbslink .workslist__label__pdflink a, .workslist__label__pdflink .index__thumbslink a, .index__thumbslink .puddlenav__prev, .index__thumbslink .puddlenav__next, .index__thumbslink .puddlenav__back, .index__thumbslink .pagenav__prev, .index__thumbslink
    .previouspostslink, .index__thumbslink .pagenav__next, .index__thumbslink
    .nextpostslink, .index__thumbslink .pagenav__page, .index__thumbslink
    a.page, .index__thumbslink
    span.current, .index__thumbslink .index__press__button {
      width: 150px;
      margin: 20px auto 0;
      font-size: 14px; }
    .index__thumbslink.relatedlist .roundbutton, .index__thumbslink.relatedlist .section__pdflink a, .section__pdflink .index__thumbslink.relatedlist a, .index__thumbslink.relatedlist .workslist__label__pdflink a, .workslist__label__pdflink .index__thumbslink.relatedlist a, .index__thumbslink.relatedlist .puddlenav__prev, .index__thumbslink.relatedlist .puddlenav__next, .index__thumbslink.relatedlist .puddlenav__back, .index__thumbslink.relatedlist .pagenav__prev, .index__thumbslink.relatedlist
    .previouspostslink, .index__thumbslink.relatedlist .pagenav__next, .index__thumbslink.relatedlist
    .nextpostslink, .index__thumbslink.relatedlist .pagenav__page, .index__thumbslink.relatedlist
    a.page, .index__thumbslink.relatedlist
    span.current, .index__thumbslink.relatedlist .index__press__button {
      width: 210px; }
    .index__thumbslink.awardlist .roundbutton, .index__thumbslink.awardlist .section__pdflink a, .section__pdflink .index__thumbslink.awardlist a, .index__thumbslink.awardlist .workslist__label__pdflink a, .workslist__label__pdflink .index__thumbslink.awardlist a, .index__thumbslink.awardlist .puddlenav__prev, .index__thumbslink.awardlist .puddlenav__next, .index__thumbslink.awardlist .puddlenav__back, .index__thumbslink.awardlist .pagenav__prev, .index__thumbslink.awardlist
    .previouspostslink, .index__thumbslink.awardlist .pagenav__next, .index__thumbslink.awardlist
    .nextpostslink, .index__thumbslink.awardlist .pagenav__page, .index__thumbslink.awardlist
    a.page, .index__thumbslink.awardlist
    span.current, .index__thumbslink.awardlist .index__press__button {
      width: 280px; }
    .index__thumbslink.participationlist .roundbutton, .index__thumbslink.participationlist .section__pdflink a, .section__pdflink .index__thumbslink.participationlist a, .index__thumbslink.participationlist .workslist__label__pdflink a, .workslist__label__pdflink .index__thumbslink.participationlist a, .index__thumbslink.participationlist .puddlenav__prev, .index__thumbslink.participationlist .puddlenav__next, .index__thumbslink.participationlist .puddlenav__back, .index__thumbslink.participationlist .pagenav__prev, .index__thumbslink.participationlist
    .previouspostslink, .index__thumbslink.participationlist .pagenav__next, .index__thumbslink.participationlist
    .nextpostslink, .index__thumbslink.participationlist .pagenav__page, .index__thumbslink.participationlist
    a.page, .index__thumbslink.participationlist
    span.current, .index__thumbslink.participationlist .index__press__button {
      width: 260px; } }

.programmap__map {
  position: relative;
  width: 100%;
  height: 620px;
  margin: 0 auto;
  background-color: #000; }
  .programmap__map #programmapembed {
    width: 100%;
    height: 100%;
    background-color: #000; }

.programmap__marker {
  width: 320px;
  height: 60px;
  background-color: #00D3FF; }

.programmap__marker.marker2 {
  background-color: #E85298; }

.programmap__marker__block {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 12px 46px 0 66px;
  text-decoration: none;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .programmap__marker__block:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: 2px solid #FFF;
    position: absolute;
    right: 12px;
    top: 19px; }
  .programmap__marker__block:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #FFF;
    position: absolute;
    right: 20px;
    top: 26px; }

.programmap__marker__thumb {
  display: block;
  width: 52px;
  height: 52px;
  position: absolute;
  left: 4px;
  top: 4px; }

.programmap__marker__title {
  position: relative;
  width: 100%;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold; }

.programmap__marker__artists {
  position: relative;
  width: 100%;
  height: 14px;
  font-size: 10px;
  line-height: 14px;
  color: #FFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 3px 0 0 0;
  font-weight: bold; }

.programmap__legend {
  text-align: center;
  padding: 0 40px;
  margin: 12px 0 0; }

.programmap__legend__item {
  display: inline-block;
  font-size: 14px;
  color: #FFF;
  margin: 0 10px 2px 10px; }
  .programmap__legend__item:before {
    content: "■ "; }
  .programmap__legend__item.marker1:before {
    color: #00D3FF; }
  .programmap__legend__item.marker2:before {
    color: #E85298; }

@media screen and (max-width: 768px) {
  .programmap__map {
    height: 343px; } }