@charset "UTF-8";

/* Global */

@import url("//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url('../font/NotoSansCJKjp-Thin.eot'),
  url('../font/NotoSansCJKjp-Thin-web.woff') format('woff'),
  url('../font/NotoSansCJKjp-Thin-web.ttf')  format('truetype');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('../font/NotoSansCJKjp-Light.eot'),
  url('../font/NotoSansCJKjp-Light-web.woff') format('woff'),
  url('../font/NotoSansCJKjp-Light-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NotoSansCJKjp-DemiLight.eot'),
  url('../font/NotoSansCJKjp-DemiLight-web.woff') format('woff'),
  url('../font/NotoSansCJKjp-DemiLight-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NotoSansCJKjp-Regular.eot'),
  url('../font/NotoSansCJKjp-Regular-web.woff') format('woff'),
  url('../font/NotoSansCJKjp-Regular-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('../font/NotoSansCJKjp-Medium.eot'),
  url('../font/NotoSansCJKjp-Medium-web.woff') format('woff'),
  url('../font/NotoSansCJKjp-Medium-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NotoSansCJKjp-Bold.eot'),
  url('../font/NotoSansCJKjp-Bold-web.woff') format('woff'),
  url('../font/NotoSansCJKjp-Bold-web.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url('../font/NotoSansCJKjp-Black.eot'),
  url('../font/NotoSansCJKjp-Black-web.woff') format('woff'),
  url('../font/NotoSansCJKjp-Black-web.ttf')  format('truetype');
}

* {
  background-position: top center;
  font-family: "Noto Sans Japanese";
}

html {
  width: 100%;
  min-width: 980px;
  font-size: 10px;
  background-size: 100% auto;
  background-position: center top;
  background-color: #000;
}

body {
  width: 100%;
  min-width: 980px;
  position: relative;
  background-image: url(../img/bg-dot.png);
  background-repeat: repeat-x;
  color: #131313;
}

.mail-form {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  box-sizing: border-box;
}

input[type="text"] {
  width: 100%;
  max-width: 640px;
  height: 35px;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 0 20px;
  box-sizing: border-box;
  background-color: #272727;
  font-size: 1.6rem;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

textarea {
  width: 100%;
  max-width: 640px;
  height: 120px;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  background-color: #272727;
  font-size: 1.6rem;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

input[type="submit"] {
  display: block;
  width: 200px;
  margin: 0 auto;
  border: 1px solid #f86b02;
  border-radius: 4px;
  padding: 15px 0;
  background-color: #f86b02;
  font-size: 2rem;
  font-weight: 300;
  text-align: center;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

input[type="submit"]:hover {
  border: 1px solid rgba(19,19,19,0.3);
  background-color: transparent;
  color: #131313;
}

.select-menu-frame {
  width: 340px;
  height: 35px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 6px;
  box-sizing: border-box;
  background-color: #272727;
  background-image: url(/img/select-arrow-bg.jpg);
  background-size: 35px 35px;
  background-position: top right;
}

.select-menu-frame select {
  width: 380px;
  height: 35px;
  background-color: transparent;
  padding-left: 20px;
  font-size: 1.8rem;
  font-family: Roboto;
  font-weight: 300;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-menu-frame option {
  background-color: #272727;
  color: #fff;
}

.mail-form-submit {
  width: 100%;
  padding: 30px 0 0 0;
  box-sizing: border-box;
  text-align: center;
}

::-webkit-input-placeholder {
  color: #878787;
}

::-moz-placeholder {
  color: #878787;
}

:-moz-placeholder {
  color: #878787;
}

:-ms-input-placeholder {
  color: #878787 !important;
}



/* Common - Main */

#main-frame {
  position: relative;
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
}

#title-pc {
  position: relative;
  width: 100%;
  height: 55px;
  overflow: hidden;
}

#title-pc h2 {
  position: absolute;
  top: -25px;
  left: 40px;
  width: 130px;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 700;
  color: #fff;
}

#title-pc-event {
  letter-spacing: 2.5px;
}

#title-pc-news {
  letter-spacing: 1.3px;
}

#title-pc-photo {
  letter-spacing: 2px;
}

#title-pc-video {
  letter-spacing: 2px;
}

#title-pc-vip {
  letter-spacing: 1px;
}

#title-pc-access {
  letter-spacing: 2px;
}

#title-pc-about {
  letter-spacing: 2px;
}

#title-pc-rental {
  letter-spacing: 2px;
}

#title-pc-members {
  letter-spacing: 2px;
}

#title-pc-faq {
  letter-spacing: 3px;
}

#title-pc-contact {
  letter-spacing: 2px;
}

#title-pc-terms {
  letter-spacing: -1px;
}

#title-pc-terms span {
  font-weight: 100;
}

#lead-pc {
  width: 640px;
  margin: 0 auto 40px auto;
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 2.1rem;
  color: #eee;
}

#lead-pc p {
  font-size: 1.4rem;
  font-weight: 100;
  line-height: 2.2rem;
  text-align: center !important;
  -webkit-font-smoothing: subpixel-antialiased;
}



/* Common - Header PC */

#header-pc {
  width: 100%;
  height: 85px;
}

#header-pc-inside {
  position: relative;
  width: 100%;
}

#header-pc h1 {
  position: absolute;
  top: 40px;
  left: 0;
}

#header-pc h1 img {
  width: auto;
  height: 34px;
}



/* Common - Navigation Menu */

#nav-pc {
  position: absolute;
  top: 50px;
  right: 0;
}

#nav-pc a {
  display: inline-block;
  margin-left: 16.5px;
  font-size: 1.5rem;
  font-family: Roboto;
  font-weight: 400;
  text-align: right;
  -webkit-font-smoothing: subpixel-antialiased;
  vertical-align: top;
  color: #fff;
}

#nav-pc a#active,
#nav-pc a:hover {
  border-bottom: 1px solid #c4c7cc;
  padding-bottom: 3px;
  color: #c4c7cc;
}

.nav-menu-rental-en {
  opacity: 0.3;
}

#nav-lang-menu {
/*   display: none; */
  position: absolute;
  top: 18px;
  right: 0px;
  font-size: 1.2rem;
  font-family: Roboto;
  font-weight: 400;
  text-align: right;
  color: #3e3b42;
}

#nav-lang-menu a {
  font-size: 1.2rem;
  font-family: Roboto;
  color: #3e3b42;
}

#nav-lang-menu a.active {
  border: 1px solid #fff;
  padding: 5px 3px;
  color: #fff;
}



/* Common - Header SP */

#header-sp {
  display: none;
}



/* Common - Navigation Menu SP */

#nav-menu-sp {
  display: none;
}



/* Common - Main Visual SP */

.main-visual {
  display: none;
}



/* Common - Footer SNS Link List */

#sns-link {
  width: 100%;
  min-width: 980px;
  margin-top: 60px;
  background-color: #fff;
}

#sns-link-list {
  display: table;
  width: 640px;
  height: 110px;
  margin: 0 auto 10px auto;
  box-sizing: border-box;
}

#sns-link a {
  display: table-cell;
  padding: 0 20px;
  text-align: center;
  vertical-align: middle;
}

#sns-link a img {
  width: auto;
  height: 48px;
}



/* Common - Sponsor */

#sponsor {
  width: 100%;
  min-width: 980px;
  height: 150px;
  margin-bottom: 10px;
  background-color: #fff;
}

#sponsor-list {
  display: table;
  width: auto;
  height: 150px;
  margin: 0 auto;
}

.sponsor {
  display: table-cell;
  padding: 0 30px;
  text-align: center;
  vertical-align: middle;
}

.sponsor img {
  width: auto;
  height: 35px;
}

#sponsor-integral {
  width: 150px;
}

#sponsor-pioneer img {
  height: 40px;
}

#sponsor-otaku img {
  height: 70px;
}


/* Common - Up To Top */

#uptotop {
  display: none;
}



/* Common - Footer */

footer {
  width: 100%;
  min-width: 980px;
  padding: 55px 0;
  background-color: #000;
}

#footer-logo {
  width: 100%;
  margin-bottom: 45px;
  text-align: center;
}

#footer-logo img {
  width: auto;
  height: 40px;
}

footer address {
  margin-bottom: 45px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 3rem;
  text-align: center;
  color: #fff;
}

#footer-phone {
  margin-bottom: 10px;
  text-align: center;
}

#footer-phone a {
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 100;
  line-height: 5rem;
  text-align: center;
  color: #00ffff;
}

#footer-mail {
  margin-bottom: 45px;
  text-align: center;
}

#footer-mail a {
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 100;
  text-align: center;
  color: #00ffff;
}

#footer-vip {
  margin-bottom: 45px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 3rem;
  text-align: center;
  color: #fff;
}

#footer-vip a {
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 100;
  line-height: 5rem;
  text-align: center;
  color: #00ffff;
}

#footer-link {
  margin-bottom: 55px;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 100;
  text-align: center;
  color: #fff;
}

#footer-link a {
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 3.6rem;
  color: #fff;
}

#footer-phone a:hover,
#footer-mail a:hover,
#footer-link a:hover {
  opacity: 0.5;
}

#credit {
  margin-bottom: 55px;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
  color: #fff;
}

#credit a {
  font-size: 1.2rem;
  font-weight: 300;
  color: #fff;
}

#credit a:hover {
  color: #f86b02;
}

#copyright {
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
  color: #fff;
}



/* Common - Misc. */

.more-button {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.more-button > a,
.more-button > div {
  display: inline-block;
  width: 140px;
  padding: 8px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: -1px;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              border-color 0.2s ease-out;
}

.more-button > a:hover,
.more-button > a:active {
  background-color: #fff; /* fallback */
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #fff; /* fallback */
  border-color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.2s ease-in,
              border-color 0.2s ease-in;
}

.navigation .screen-reader-text,
.meta-nav {
  display: none;
}

.nav-previous {
  clear: both;
  width: 100%;
  padding-top: 30px;
  background-color: #131313;
  text-align: center;
}

.nav-previous a {
  margin-bottom: 30px;
}

#infscr-loading {
  clear: both;
  width: 100%;
  padding: 30px 0;
}

#infscr-loading > div {
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.flickity-prev-next-button {
  width: 37px;
  height: 72px;
  background-color: transparent;
}

.flickity-prev-next-button:hover {
  background-color: transparent;
}

.flickity-prev-next-button.previous {
  background-image: url(/img/icon-slide-arrow-left.png);
}

.flickity-prev-next-button.next {
  background-image: url(/img/icon-slide-arrow-right.png);
}

.flickity-prev-next-button svg {
  display: none;
}



/* Common - Share Button */

#share-button {
  display: table;
  table-layout: fixed;
  width: 640px;
  height: 50px;
  margin: 0 auto 30px auto;
}

#share-button > a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#share-button img {
  width: auto;
  height: 21px;
}

#share-button-line {
  background-color: #2cbf13;
}

#share-button-twitter {
  background-color: #63b8f2;
}

#share-button-facebook {
  background-color: #2a74b2;
}

#share-button-gplus {
  background-color: #d74c40;
}



/* Top - Event Frame */

#top-event {
  display: table;
  width: 100%;
  height: 490px;
  margin-top: 60px;
}



/* Top - Event Main */

#top-event-main-frame-sp {
  display: none;
}

#top-event-main-frame {
  display: table-cell;
  width: 50%;
  height: 490px;
  vertical-align: top;
}

#top-event-main {
  display: table;
  width: 100%;
  height: 490px;
  background-color: #000;
  overflow: hidden;
}

#top-event-main a {
  display: block;
  position: relative;
  width: 490px;
  height: 490px;
  vertical-align: middle;
  color: #fff;
}

#top-event-main a img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition:0.2s all;
  -moz-transition:0.2s all;
  -ms-transition:0.2s all;
  -o-transition:0.2s all;
  transition:0.2s all;
}

#top-event-main a img:hover {
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);  
}



/* Top - Event Sub */

#top-event-sub-sp {
  display: none;
}

#top-event-sub {
  display: table-cell;
  width: 490px;
  vertical-align: top;
}

.top-event-sub-list {
  width: 490px;
  overflow: hidden;
}

.top-event-sub-entry {
  display: block;
  float: left;
  position: relative;
  width: 245px;
  height: 245px;
  overflow: hidden;
  background-color: #000;
  vertical-align: middle;
  color: #fff;
}

.top-event-sub-entry-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 245px;
  height: 245px;
  overflow: hidden;
  -webkit-transition:0.2s all;
  -moz-transition:0.2s all;
  -ms-transition:0.2s all;
  -o-transition:0.2s all;
  transition:0.2s all;
  opacity: 0.2;
}

.top-event-sub-entry-img:hover {
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);  
  opacity: 1.0;
}

.top-event-sub-entry-img img {
  width: 245px;
  height: 245px;
}

.top-event-sub-date {
  position: relative;
  z-index: 2;
  height: 45px;
  padding-top: 65px;
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: 2px;
  text-align: center;
}

.top-event-sub-date span {
  font-weight: 100;
}

.top-event-sub-title {
  position: relative;
  z-index: 2;
  padding: 0 20px;
  height: 65px;
  overflow: hidden;
  font-size: 2.3rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 2.3rem;
  text-align: center;
}

.top-event-sub-category {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 30px;
  overflow: hidden;
  text-align: center;
  -webkit-font-smoothing: subpixel-antialiased;
}

.top-event-sub-more {
  position: relative;
  z-index: 2;
}



/* Top - Event More Button */

#top-event-more-pc {
  clear: both;
  padding: 30px 0 30px 0;
}



/* Top - Event Common */

.top-event-category {
  display: inline-block;
  margin-right: 4px;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 1.2rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 1.2rem;
  text-align: center;
  vertical-align: middle;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #c4c7cc;
}

.top-event-category:last-of-type {
  margin-right: 0;
}



/* Top - VIP */

#top-vip {
  padding: 30px 0 60px 0;
  text-align: center;
}

#top-vip a {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}

#top-vip a:hover {
  opacity: 0.5;
}

#top-vip img {
  width: 100%;
  height: auto;
}

#top-vip-sp {
  display: none;
}


/* Top - News */

.top-news-list {
  padding-bottom: 30px;
}



/* Top - DJ MIX */

#top-djmix {
  padding: 0 0 60px 0;
  background-color: #131313;
  text-align: center;
}

#top-djmix a {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}

#top-djmix a:hover {
  opacity: 0.5;
}

#top-djmix img {
  width: 980px;
  height: auto;
}

#top-djmix-sp {
  display: none;
}



/* Top - About */

#top-about-main {
  width: 100%;
  padding: 90px 0 60px 0;
  background-image: url(/about/img/about-visual-pc.jpg);
  background-size: cover;
}

#top-about-main-inside {
  width: 640px;
  margin: 0 auto;
  color: #fff;
}

#top-about-main h2 {
  margin-bottom: 30px;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
}

#top-about-lead {
  margin: 0 auto 30px auto;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
}



/* Top - Video */

#top-video-list {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 60px;
  background-color: #131313;
}

#top-video-list > div {
  width: 980px;
  margin: 0 auto;
}



/* Top - Photo */

#top-photo-list {
  width: 980px;
  margin: 0 auto;
}



/* Calendar */

#event-cat-menu {
  display: table;
  width: 640px;
  height: 90px;
  margin: 0 auto;
}

.event-cat-menu {
  display: table-cell;
  width: 217px;
}

.event-cat-menu:last-of-type {
  width: 206px;
}

.event-cat-menu a {
  display: block;
  width: 206px;
  border-top: 2px solid;
  padding-top: 5px;
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 100;
  line-height: 3rem;
  letter-spacing: -1px;
  text-align: center;
}

#event-cat-menu1 {
  border-top-color: #ff007f;
  color: #ff007f;
}

#event-cat-menu2 {
  border-top-color: #ff7f00;
  color: #ff7f00;
}

#event-cat-menu3 {
  border-top-color: #007fff;
  color: #007fff;
}

/*
.event-cat-menu a:hover {
  border-top-color: #333 !important;
  color: #333 !important;
}
*/

#wp-calendar {
  table-layout: fixed !important;
  width: auto;
  margin-bottom: 60px;
}

#wp-calendar th{
  width: 138px;
  border: 1px solid #272727;
  padding: 1px 0;
  background-color: #fff;
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}

#wp-calendar td.event{
  color:#888;
}

#wp-calendar thead td {
  height: 90px;
  border: none;
  background-color: transparent;
  width: auto;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 700;
  text-align:center;
  color: #fff;
  vertical-align: middle;
}

#wp-calendar thead #cal-head {
  display: table;
  width: 100%;
  height: 90px;
}

#wp-calendar thead #cal-head > div {
  display: table-cell;
  vertical-align: middle;
}

#wp-calendar thead #cal-month {
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  line-height: 4rem;
  text-align: center;
}

#wp-calendar thead #cal-month span {
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 700;
}

#wp-calendar thead #prev {
  width: 350px;
  text-align: right;
}

#wp-calendar thead #next {
  width: 350px;
  text-align: left;
}

#wp-calendar tbody td{
  position: relative;
  width: 138px;
  height: 165px;
  border: 1px solid #272727;
  background-color: #000;
  box-sizing: border-box;
  text-align:center;
  word-break: break-all;
  vertical-align:top;
}

#wp-calendar tbody td:first-of-type {
  background-color: #470724;
}

#wp-calendar tbody td:last-of-type {
  background-color: #260946;
}

#wp-calendar tbody td.pad {
  background-color: #000;
}

#wp-calendar tbody td#today {
  background-color: #fff;
}

#wp-calendar tbody td#today * {
  color: #000;
}

/*
#wp-calendar td:last-of-type {
  background-color: #470724;
}
*/

#wp-calendar tbody td > a {
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 3;
  width: 100%;
  font-size: 1.8rem;
  font-family: Roboto;
  font-weight: 500;
  line-height: 3.5rem;
  text-align: center;
  letter-spacing: -1px;
  color: #fff;
}

#wp-calendar td > a[href="#"] {
  cursor: default;
}

.event-calendar-entry-frame {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 138px;
  height: 165px !important;
  overflow: hidden;
}

.event-calendar-entry {
  float: left;
  width: 138px !important;
  height: 165px !important;
  box-sizing: border-box;
}

/*
#wp-calendar tbody td#today .event-calendar-entry {
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
*/

.event-calendar-entry-title {
  height: 45px;
  margin: 0 9px;
/*   border-top: 1px solid #272727; */
  padding-top: 34px;
  font-size: 1.3rem;
  font-family: Roboto;
  font-weight: 700;
  line-height: 1.3rem;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #f8f8f8;
}

.event-calendar-entry-artist {
  height: 30px;
  margin: 0 9px;
  font-size: 1.1rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 1.1rem;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #f8f8f8;
}

.event-calendar-entry-tag-list {
  margin: 0 9px;
  font-size: 1rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 1rem;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #a9a9ab;
}

.event-calendar-entry-tag-list span {
  display: inline-block;
  margin-right: 1px;
  border-radius: 4px;
  padding: 2px 3px;
  background-color: #272727;
  font-size: 1rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 1rem;
  word-break: normal;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #a9a9ab !important;
}

#wp-calendar tbody td#today .event-calendar-entry-tag-list span {
  color: #fff !important;
}

.womb {
  border-top: 2px solid #ff007f;
}

.womblounge {
  border-top: 2px solid #ff7f00;
}

.live {
  border-top: 2px solid #007fff;
}

.holiday {
  background-color: #470724;
}

.flickity-page-dots {
  bottom: 10px !important;
}

.flickity-page-dots .dot {
  margin: 0 5px 0 0 !important;
  background: #4b4b4b !important;
  opacity: 1 !important;
}

.flickity-page-dots .dot.is-selected {
  background: #ccc !important;
}



/* Event - Vertical Calendar */

#vc-load {
  display: block;
}

.vcMonth {
  width: 100%;
  margin: 60px 0 30px 0;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.vcMonth span {
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 700;
}

.vcEntry {
  display: table;
  width: 100%;
  height: 120px;
  margin-bottom: 10px;
  background-color: #131313;
}

.vcEntry > div,
.vcEntry > a {
  display: table-cell;
  vertical-align: middle;
}

.vcEntryDate {
  width: 118px;
  border: 1px solid #272727;
  border-top: 2px solid;
}

.vcEntryDate.womb {
  border-top-color: #ff007f;
}

.vcEntryDate.womblounge {
  border-top-color: #ff7f00;
}

.vcEntryDate.live {
  border-top-color: #007fff;
}

.vcEntryDateNo {
  margin-bottom: 10px;
  padding-top: 15px;
  font-size: 5rem;
  font-family: Roboto;
  font-weight: 100;
  line-height: 2.4rem;
  text-align: center;
  color: #fff;
}

.vcEntryDateDay {
  margin-bottom: 3px;
  font-size: 2.4rem;
  font-family: Roboto;
  font-weight: 100;
  line-height: 2.4rem;
  text-align: center;
  color: #fff;
}

.vcEntryImg {
  width: 120px;
  background-size: cover;
  background-position: center top;
}

.vcEntryDetail {
  padding: 20px;
}

.vcEntryTitle {
  height: 30px;
  overflow: hidden;
  font-size: 2.6rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 2.6rem;
  color: #fff;
}

.vcEntryArtist {
  height: 30px;
  overflow: hidden;
}

.vcEntryArtist p {
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 100;
  line-height: 1.6rem;
  color: #f8f8f8;
}

.vcEntryCategory {
  font-size: 1.4rem;
  font-family: Roboto;
  font-weight: 100;
  color: #000;
}

.vcEntryCategory span {
  display: inline-block;
  margin-right: 5px;
  border-radius: 4px;
  padding: 2px 8px;
  background-color: #878787;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #131313;
}

.vcEntryBuy {
  width: 150px;
}

.vcEntryBuy a {
  display: block;
  width: 132px;
  border-radius: 2px;
  border: 1px solid #f86b02;
  padding: 15px 10px;
  box-sizing: border-box;
  background-color: #f86b02;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 100;
  text-align: center;
  color: #fff;
}

.vcEntryBuy a:hover {
  border: 1px solid rgba(255,255,255,0.3);
  background-color: transparent;
  color: #fff;
}

.vcEntryBuyExpired {
  opacity: 0.5;
}

.vcEntryBuyExpired:hover {
  border: 1px solid #f86b02 !important;
  background-color: #f86b02 !important;
  cursor: default;
}

.vcEntry > a.vcEntryArrow {
  display: none;
}



/* VC - Today */

#vc-today {
  background-color: #fff;
}

#vc-today .vcEntryDateNo,
#vc-today .vcEntryDateDay,
#vc-today .vcEntryTitle,
#vc-today .vcEntryArtist p {
  color: #131313;
}

#vc-today .vcEntryCategory span {
  color: #fff;
}

/* Event - Detail */

#event-detail-close-button {
  position: relative;
  width: 100%;
  height: 60px;
  cursor: pointer;
}

#event-detail-close-button img {
  position: absolute;
  top: -53px;
  right: 10px;
}

#event-detail-main-pc {
  display: table;
  width: 100%;
  height: 490px;
}

#event-detail-main {
  display: table-cell;
  width: 490px;
  height: 490px;
  margin: 0 auto;
  vertical-align: top;
}

#event-detail-main-outline {
  display: table-cell;
  width: 490px;
  background-color: #000;
  vertical-align: top;
}

#event-detail-main-date {
  height: 75px;
  padding-top: 20px;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
}

#event-detail-main-date span {
  font-weight: 100;
}

#event-detail-main-title {
  width: 100%;
  height: 160px;
  overflow: hidden;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 3.0rem;
  font-weight: 100;
  line-height: 3.0rem;
  text-align: center;
  letter-spacing: -2px;
  color: #fff;
}

#event-detail-main-category {
  width: 100%;
  height: 35px;
  overflow: hidden;
  text-align: center;
}

.event-detail-category {
  display: inline-block;
  margin-right: 5px;
  border-radius: 4px;
  padding: 2px 4px;
  background-color: #272727;
  font-size: 1.5rem;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  color: #fff;
}

#event-detail-price-info {
  height: 110px;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.6rem;
  text-align: center;
  color: #fff;
}

#event-detail-discount-button {
  text-align: center;
}

.event-detail-discount-button-frame {
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
}

.event-detail-discount-button-copy {
  height: 22px;
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  color: #fff;
}

.copy-blink {
  -webkit-animation: copy-blink 1.8s infinite;
  -moz-animation: copy-blink 1.8s infinite;
  -ms-animation: copy-blink 1.8s infinite;
  -o-animation: copy-blink 1.8s infinite;
  animation: copy-blink 1.8s infinite;
}

@-webkit-keyframes copy-blink {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes copy-blink {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}
@-ms-keyframes copy-blink {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}
@-o-keyframes copy-blink {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes copy-blink {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

.event-detail-discount-button {
  display: inline-block;
  border-radius: 4px;
  padding: 12px 40px;
  background-color: #d9221e;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 100;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.event-detail-discount-button-valid .event-detail-discount-button:hover {
  border: 5px solid rgba(255,255,255,0.3);
  background-color: transparent;
  color: #fff;
}

.event-detail-discount-button-expired .event-detail-discount-button {
  opacity: 0.5;
  cursor: default !important;
}

.event-detail-discount-button-frame:last-of-type {
  margin-left: 20px;
}

.event-detail-discount-button-frame:first-of-type {
  margin-left: 0;
}

.event-detail-discount-button-discount {
  border: 5px solid #009af2;
  background-color: #009af2;
}

.event-detail-discount-button-buy {
  border: 5px solid #f86b02;
  background-color: #f86b02;
}

:not(.event-detail-discount-button-expired) .frame-blink {
  -webkit-animation: frame-blink 1.8s infinite;
  -moz-animation: frame-blink 1.8s infinite;
  -ms-animation: frame-blink 1.8s infinite;
  -o-animation: frame-blink 1.8s infinite;
  animation: frame-blink 1.8s infinite;
}

@-webkit-keyframes frame-blink {
	0% { border-color: #009af2; }
	50% { border-color: #fff; }
	100% { border-color: #009af2; }
}
@-moz-keyframes frame-blink {
	0% { border-color: #009af2; }
	50% { border-color: #fff; }
	100% { border-color: #009af2; }
}
@-ms-keyframes frame-blink {
	0% { border-color: #009af2; }
	50% { border-color: #fff; }
	100% { border-color: #009af2; }
}
@-o-keyframes frame-blink {
	0% { border-color: #009af2; }
	50% { border-color: #fff; }
	100% { border-color: #009af2; }
}
@keyframes frame-blink {
	0% { border-color: #009af2; }
	50% { border-color: #fff; }
	100% { border-color: #009af2; }
}

#event-detail-artist-info-main {
  width: 640px;
  margin: 40px auto 30px auto;
  font-size: 3rem;
  font-weight: 300;
  line-height: 3.6rem;
  text-align: center;
  color: #fff;
}

#event-detail-artist-info {
  width: 640px;
  margin: 30px auto 60px auto;
  box-sizing: border-box;
  font-size: 2rem;
  font-weight: 300;
  line-height: 3rem;
  text-align: center;
  color: #fff;
}

#event-detail-artist-info strong {
  font-weight: 300;
}

#event-detail-artist-info span {
  margin-right: 5px;
  border-radius: 4px;
  padding: 2px 4px;
  background-color: #272727;
  font-size: 1.5rem;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  color: #fff;
}



/* Event - Detail - Artist List */

#event-detail-artist-list {
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  overflow: hidden;
}

.event-detail-artist-list-width1 {
  width: 196px !important;
}

.event-detail-artist-list-width2 {
  width: 392px !important;
}

.event-detail-artist-list-width3 {
  width: 588px !important;
}

.event-detail-artist-list-width4 {
  width: 784px !important;
}

.event-detail-artist-list {
  float: left;
  position: relative;
  width: 196px;
  height: 196px;
  overflow: hidden;
  cursor: pointer;
}

.event-detail-artist-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: auto;
}

.event-detail-artist-name {
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 2;
  height: auto;
  font-size: 1.6rem;
  text-align: center;
}

.event-detail-artist-name #artist-name {
  width: 100%;
  padding: 0;
  font-size: 1.6rem;
  text-align: center;
}



/* Event - Detail - Event Info */

#event-detail-copy {
  clear: both;
  width: 640px;
  margin: 0 auto 60px auto;
  padding-top: 60px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
  color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
}

#event-detail-related-link {
  width: 640px;
  margin: 0 auto 30px auto;
  border-left: 6px solid #878787;
  padding-left: 10px;
  box-sizing: border-box;
}

#event-detail-related-link a {
  display: block;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
}

#event-detail-related-link a:last-of-type {
  padding-bottom: 0;
}

.event-video-entry {
  width: 640px;
  margin: 0 auto 30px auto;
}

.event-video-entry-main {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 56.25%;
}

.event-video-entry-main iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.event-video-entry-title {
  margin-bottom: 10px;
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 3rem;
  color: #fff;
}

.event-video-entry-note {
  font-size: 1.4rem;
  font-weight: 2rem;
  color: #fff;
}

.event-video-entry-note span {
  color: #219d21;
}

#event-detail-mix {
  width: 100%;
  overflow: hidden;
  margin: 0 auto 30px auto;
}

.event-detail-mix-single {
  width: 490px !important;
}

.event-mix-entry {
  float: left;
  height: 340px;
  box-sizing: border-box;
  padding: 20px;
  background-color: #fff;
}

.event-mix-entry:first-of-type {
  width: 489px;
  border-right: 1px solid #000;
}

.event-mix-entry:last-of-type {
  width: 489px;
  border-left: 1px solid #000;
}

.event-mix-entry-title {
  height: 90px;
  font-size: 2.6rem;
  font-family: Roboto;
  font-weight: 700;
  line-height: 3.6rem;
  text-align: center;
}

.event-mix-entry-main {
  width: 100%;
  margin-bottom: 20px;
}

.event-mix-entry-sound {
  width: 100%;
  height: 200px;
  vertical-align: top;
}

.event-mix-entry-sound-player {
  width: 100%;
}

.event-mix-entry-sound-player iframe {
  width: 100%;
  height: 200px;
}

.event-mix-entry-sound-player p {
  display: none !important;
}

.event-mix-entry-note {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.4rem;
  vertical-align: top;
}

#event-photo-list {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #000;
}

.event-photo-list {
  width: 100%;
  overflow: hidden;
}

.event-photo-entry {
  float: left;
  display: block;
  position: relative;
  width: 245px;
  height: 245px;
  vertical-align: bottom;
}

.event-photo-entry-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.5;
  width: 245px;
  height: 245px;
  background-position: center top;
  background-size: cover;
  background-color: rgba(0,0,0,0.5);
}

.event-photo-entry-null {
  width: 245px;
  height: 245px;
  background-color: rgba(0,0,0,0.5);
  opacity: 0.8;
}



/* Event - Artist Detail */

#event-detail-artist-detail {
  display: none;
  width: 100%;
  height: 100%;
}

#event-detail-artist-detail-inside {
  position: relative;
}

#event-detail-artist-detail-close-button {
  position: relative;
  width: 100%;
  height: 60px;
  cursor: pointer;
}

#event-detail-artist-detail-close-button img {
  position: absolute;
  top: -53px;
  right: 10px;
}



/* Event - Discount */

#discount {
  display: none;
  width: 100%;
  height: 100%;
}

#discount-inside {
  position: relative;
}

#discount-close-button {
  position: relative;
  width: 100%;
  height: 60px;
  cursor: pointer;
}

#discount-close-button img {
  position: absolute;
  top: -53px;
  right: 10px;
}

#discount-frame {
  display: table;
}

#discount-visual {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

#discount-visual img {
  width: 100%;
  height: auto;
}

#discount-text {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

#discount-price-sp {
  display: none;
}

#discount-price {
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 0;
  background-color: #009af2;
  font-size: 5rem;
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: -1px;
  text-align: center;
  color: #fff;
}

#discount-detail {
  padding: 0 10px 20px 10px;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 2.6rem;
  color: #fff;
}

#discount-date {
  padding: 0 0 20px 10px;
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
}

#discount-date span {
  font-weight: 100;
}

#discount-title {
  padding: 0 10px;
  font-size: 3rem;
  font-weight: 100;
  text-align: center;
  line-height: 3.1rem;
  letter-spacing: -2px;
  color: #fff;
}

#discount-map {
  margin-top: 30px;
  height: 320px;
}



/* News */

#news-list-frame-sp {
  display: none;
}

.news-list-sp {
  display: none;
}

.news-list-pc {
  padding-top: 30px;
}

#news-list {
  width: 100%;
  overflow: hidden;
}

#news-list-inside {
  overflow: hidden;
}

#news-list-frame {
  height: 360px;
  overflow: hidden;
}

.news-entry {
  display: block;
  float: left;
  width: 245px;
  height: 360px;
  color: #fff;
}

.news-entry-null {
  width: 245px;
  height: 245px;
  background-color: rgba(0,0,0,0.5);
  opacity: 0.8;
}

.news-entry-img {
  position: relative;
  width: 245px;
  height: 245px;
  overflow: hidden;
  background-color: #000;
}

.news-entry-img img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  -webkit-transition:0.2s all;
  -moz-transition:0.2s all;
  -ms-transition:0.2s all;
  -o-transition:0.2s all;
  transition:0.2s all;
}

.news-entry-img img:hover {
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);  
  opacity: 1.0;
}

.news-entry-text {
  width: 100%;
  word-break: break-all;
}

.news-entry-text-date {
  margin: 5px;
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 1px;
}

.news-entry-text-date span {
  font-weight: 100;
}

.news-entry-text-title {
  margin: 0 5px;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6rem;
  -webkit-font-smoothing: subpixel-antialiased;
}



/* News - Detail */

#news-detail-close-button {
  position: relative;
  width: 100%;
  height: 60px;
  cursor: pointer;
}

#news-detail-close-button img {
  position: absolute;
  top: -53px;
  right: 10px;
}

#news-detail-pc-frame {
  display: table;
  width: 100%;
  margin-bottom: 60px;
}

#news-detail-visual {
  display: table-cell;
  width: 490px;
  height: 490px;
  overflow: hidden;
  vertical-align: top;
}

#news-detail-visual img {
  width: 100%;
  height: auto;
}

#news-detail-outline {
  display: table-cell;
  background-color: #000;
  vertical-align: top;
}

#news-detail {
  width: 640px;
  margin: 0 auto;
}

#news-detail-date {
  height: 90px;
  padding-top: 50px;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
}

#news-detail-date span {
  font-weight: 100;
}

#news-detail-title {
  width: 100%;
  overflow: hidden;
  padding: 0 10px;
  box-sizing: border-box;
}

#news-detail-title h3 {
  font-size: 4rem;
  font-weight: 100;
  line-height: 5rem;
  text-align: center;
  letter-spacing: -2px;
  color: #fff;
}

#news-detail-body {
  padding: 30px 20px 60px 20px;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 2.6rem;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff;
}

#news-detail-body p {
  width: 560px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff;
}

#news-detail-body strong {
  font-weight: 700;
  -webkit-font-smoothing: subpixel-antialiased;
}

#news-detail-body a {
  text-decoration: underline;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff;
}

#news-detail-related-link {
  width: 600px;
  margin: 0 auto;
  border-left: 6px solid #878787;
  padding-left: 10px;
  box-sizing: border-box;
}

#news-detail-related-link a {
  display: block;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 300;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff;
}

#news-detail-related-link a:last-of-type {
  padding-bottom: 0;
}

#news-detail-ticket {
  width: 100%;
  padding: 60px 0;
  text-align: center;
}

#news-detail-ticket a {
  display: inline-block;
  border: 1px solid #f86b02;
  border-radius: 4px;
  padding: 12px 40px;
  background-color: #f86b02;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 100;
  text-align: center;
  color: #fff;
  cursor: pointer;
}



/* DJ Mix */

#mix-list {
  width: 100%;
  min-width: 980px;
  overflow: hidden;
}

#mix-list-frame {
  height: 1100px;
  overflow: hidden;
}

.mix-list-frame {
  margin-bottom: 40px;
  overflow: hidden;
}

#mix-list h2 {
  width: 100%;
  text-align: center;
  padding: 20px 0 30px 0;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  line-height: 4rem;
  letter-spacing: 3px;
  color: #fff;
}

.mix-entry {
  float: left;
  width: 489px;
  height: 510px;
  margin-bottom: 2px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #fff;
}

.mix-entry-live {
  height: 420px;
}

.mix-entry:nth-child(odd) {
  margin-right: 1px;
}

.mix-entry:nth-child(even) {
  margin-left: 1px;
}

.mix-entry-date {
  width: 100%;
  height: 20px;
  padding-top: 30px;
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 2px;
  text-align: center;
}

.mix-entry-date span {
  font-weight: 100;
}

.mix-entry-title {
  width: 100%;
  height: 40px;
  overflow: hidden;
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: 2px;
  text-align: center;
}

.mix-entry-title2 {
  height: 80px;
}

.mix-entry-category-list {
  width: 100%;
  height: 35px;
  text-align: center;
}

.mix-etnry-category {
  display: inline;
  margin-right: 3px;
  border-radius: 4px;
  padding: 0 8px;
  background-color: #c4c7cc;
  font-size: 1.4rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 1.4rem;
  text-align: center;
  color: #fff;
}

.mix-etnry-category:last-of-type {
  margin-right: 0;
}

.mix-entry-main {
  width: 100%;
  height: 165px;
}

.mix-entry-sound {
  width: 100%;
  vertical-align: top;
}

.mix-entry-sound-player {
  width: 100%;
  height: 120px;
  overflow: hidden;
  margin-bottom: 12px;
}

.mix-entry-sound-player iframe {
  width: 100%;
  height: 120px;
}

.mix-entry-sound-player > div
.mix-entry-sound-player > p {
  display: none !important;
}

.mix-entry-sound-player .widget-header {
  height: 165px !important;
}

.mix-entry-check {
  width: 100%;
  height: 48px;
}

.mix-entry-check a {
  display: block;
  width: 245px;
  margin: auto;
  border: 1px solid #f86b02;
  border-radius: 4px;
  padding: 5px 0;
  background-color: #f86b02;
  font-size: 1.8rem;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  color: #fff;
}

.mix-entry-check a:hover {
  border: 1px solid rgba(0,0,0,0.3);
  background-color: transparent;
  color: #000;
}

.mix-entry-note {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 100;
  line-height: 2.2rem;
  vertical-align: top;
  -webkit-font-smoothing: subpixel-antialiased;
}

.mix-entry-note strong {
  display: block;
  width: 100%;
  font-weight: 700;
  text-align: center;
}

#mix-list-top-more,
.mix-list-top-more {
  padding: 40px 0 60px 0;
}

#mix-lis-more-liveat {
  clear: both;
  padding: 30px 0 10px 0;
}

#mix-lis-more-liveat > a {
  width: 200px;
}



/* Video */

#video-list {
  margin-bottom: 60px;
}

#video-list-frame {
  width: 100%;
  overflow: hidden;
}

.video-entry {
  float: left;
  width: 489px;
  height: 350px;
  margin-bottom: 35px;
}

.video-entry:nth-child(odd) {
  margin-right: 1px;
}

.video-entry:nth-child(even) {
  margin-left: 1px;
}

.video-entry-main {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 56.25%;
}

.video-entry-main iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.video-entry-title {
  margin-bottom: 2px;
  font-size: 2.6rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 3rem;
  letter-spacing: -1px;
  color: #fff;
}

.video-entry-note {
  font-size: 1.2rem;
  font-weight: 2rem;
  color: #fff;
}

.video-entry-note strong {
  color: #219d21;
}

.video-entry-note span {
  font-weight: 100;
}



/* Photo */

#photo-sp {
  display: none;
}

#photo-list {
  width: 100%;
}

.photo-list {
  width: 100%;
  overflow: hidden;
}

.photo-entry {
  float: left;
  display: block;
  position: relative;
  width: 245px;
  height: 245px;
  overflow: hidden;
  background-color: #000;
  vertical-align: bottom;
}

.photo-entry-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.5;
  width: 245px;
  height: 245px;
  background-position: center top;
  background-size: cover;
  background-color: rgba(0,0,0,0.5);
  -webkit-transition:0.2s all;
  -moz-transition:0.2s all;
  -ms-transition:0.2s all;
  -o-transition:0.2s all;
  transition:0.2s all;
}

.photo-list-detail .photo-entry-img {
  opacity: 1;
}

.photo-entry-img:hover {
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);  
  opacity: 1.0;
}

.photo-entry-title-frame {
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 2;
  width: 100%;
}

.photo-entry-title-frame-inside {
  width: 90%;
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 4px;
  padding: 8px 0;
}

.photo-entry-date {
  width: 100%;
  margin-bottom: 5px;
  font-size: 1.7rem;
  font-family: Roboto;
  font-weight: 700;
  line-height: 1.7rem;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
}

.photo-entry-date span {
  font-weight: 100;
}

.photo-entry-title {
  font-size: 2.2rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 2.2rem;
  text-align: center;
  color: #fff;
}

.photo-entry-credit {
  width: 100%;
  margin-top: 5px;
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  color: #fff;
}

#photo-list-top-more,
.photo-list-top-more {
  clear: both;
  padding: 35px 0 55px 0;
}



/* Photo - Detail */



#photo-detail-close-button {
  position: relative;
  width: 100%;
  height: 0px;
  cursor: pointer;
}

#photo-detail-close-button img {
  position: absolute;
  top: -93px;
  right: 10px;
}

#photo-main {
  display: none;
}

#photo-pc-title {
  width: 100%;
  margin-bottom: 30px;
}

#photo-pc-title-date {
  width: 100%;
  margin-bottom: 5px;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
  color: #fff;
}

#photo-pc-title-title {
  margin-bottom: 20px;
  font-size: 5rem;
  font-weight: 100;
  line-height: 5rem;
  text-align: center;
  letter-spacing: -2px;
  color: #fff;
}

#photo-pc-title-credit {
  width: 100%;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 4px;
  text-align: center;
  color: #fff;
}

.photo-entry-null {
  width: 245px;
  height: 245px;
  background-color: rgba(0,0,0,0.5);
  opacity: 0.8;
}



/* FAQ */

#faq-qa-list {
  width: 100%;
  padding: 60px 0 30px 0;
  box-sizing: border-box;
  background-color: #fff;
}

#faq-qa-list table {
  width: 640px;
  margin: 0 auto;
  box-sizing: border-box;
  color: #131313;
}

#faq-qa-list th {
  padding: 0 15px 15px 0;
  font-size: 2rem;
  font-weight: 500;
  font-family: Roboto;
  vertical-align: text-bottom;
}

#faq-qa-list td {
  padding-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.6rem;
  vertical-align: text-bottom;
}

#faq-qa-list tr:nth-child(even) th {
  padding-bottom: 60px;
}

#faq-qa-list tr:nth-child(even) td {
  padding-bottom: 60px;
  font-weight: 300;
}

#faq-qa-list td a {
  font-weight: 300;
  text-decoration: underline;
  color: #131313;
}



/* Terms & Policy */

#terms-terms-list {
  width: 100%;
  margin-bottom: 60px;
  padding: 120px 0;
  box-sizing: border-box;
  background-color: #fff;
}

#terms-terms-list h3 {
  width: 640px;
  margin: 0 auto 30px auto;
  font-size: 2.6rem;
  font-weight: 300;
  color: #131313;
}

#terms-terms-list p {
  width: 640px;
  margin: 0 auto 20px auto;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
  color: #131313;
}

#terms-terms-list p strong {
  margin-bottom: 20px;
  font-weight: 700;
}



/* Contact */

#contact-menu-pc {
  width: 100%;
  margin-bottom: 50px;
  text-align: center;
}

#contact-main {
  text-align: center;
}

#contact-form {
  width: 100%;
  padding: 60px 0;
  box-sizing: border-box;
  background-color: #fff;
}

.contact-form-title {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #131313;
}

#contact-phone {
  width: 100%;
  background-color: #fff;
}

.contact-phone-title {
  margin-bottom: 15px;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  color: #131313;
}

.contact-phone-no {
  padding-bottom: 50px;
  text-align: center;
}

.contact-phone-no a {
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 100;
  color: #00ffff;
}

#contact-note {
  padding: 50px 0 80px 0;
  font-size: 2rem;
  font-weight: 300;
  line-height: 3.6rem;
  text-align: center;
}

.g-recaptcha {
  width: 300px;
  margin: 0 auto 20px auto;
}



/* Member */

.member-regist {
  width: 100%;
  padding: 50px 20px;
  box-sizing: border-box;
  background-color: #fff;
}

.member-regist h3 {
  margin-bottom: 5px;
  font-size: 6rem;
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: -3px;
  text-align: center;
  color: #131313;
}

.member-regist-copy {
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
  text-align: center;
  color: #131313;
}

.member-regist-lead {
  width: 640px;
  margin: 0 auto 60px auto;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
  color: #131313;
}

.member-regist .more-button a {
  width: 140px;
  border: 1px solid #f86b02;
  background-color: #f86b02;
  font-size: 2rem;
  color: #fff;
}

.member-regist .more-button a:hover {
  border: 1px solid rgba(19,19,19,0.3);
  background-color: transparent;
  color: #131313;
}

#member-qa-list {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
}

#member-qa-list table {
  width: 640px;
  margin: 0 auto 30px auto;
  box-sizing: border-box;
}

#member-qa-list th {
  padding: 0 15px 15px 0;
  font-size: 2rem;
  font-weight: 500;
  font-family: Roboto;
  vertical-align: text-bottom;
  color: #131313;
}

#member-qa-list td {
  padding-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.6rem;
  vertical-align: text-bottom;
  color: #131313;
}

#member-qa-list td a {
  font-weight: 300;
  text-decoration: underline;
  color: #131313;
}

#member-qa-list tr:nth-child(even) th {
  padding-bottom: 50px;
}

#member-qa-list tr:nth-child(even) td {
  padding-bottom: 50px;
  font-weight: 300;
}

#member-note {
  width: 100%;
  padding: 30px 0;
  box-sizing: border-box;
  background-color: #e5e5e5;
}

#member-note p {
  width: 640px;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
}



/* Rental */

#rental-main-link-pc {
  display: table;
  width: 400px;
  margin: 0 auto 50px auto;
}

#rental-main-link-pc > div {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

#rental-main-link-pc > div:nth-child(1) {
  padding-right: 15px;
}

#rental-main-link-pc > div:nth-child(2) {
  padding-left: 15px;
}

#rental-main-link-pc a {
  display: table-cell;
  width: 200px;
  height: 55px;
  border: 1px solid #f86b02;
  box-sizing: border-box;
  background-color: #f86b02;
  font-size: 2rem;
  vertical-align: middle;
  color: #fff;
}

#rental-main-link-pc a:hover {
  border: 1px solid rgba(255,255,255,0.3);
  background-color: transparent;
  color: #fff;
}

#rental-main-link-pc > div:nth-child(2) a {
  font-size: 2rem;
}

.rental-entry {
  position: relative;
  width: 100%;
  min-width: 980px;
  height: 280px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background-color: #fff;
}

.rental-entry-inside {
  display: table;
  width: 100%;
  height: 100%;
}

.rental-entry-img {
  display: table-cell;
  width: 280px !important;
  border-left: 20px solid #fff;
  background-size: cover;
  background-position: top center;
}

.rental-entry-img img {
  width: 280px;
  height: 280px;
}

.rental-entry-detail {
  display: table-cell;
  padding-bottom: 20px;
  vertical-align: middle;
}

.rental-entry-detail h3 {
  padding: 30px 20px 20px 20px;
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 3rem;
}

.rental-entry-detail-category {
  padding: 0 20px 40px 20px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
}

.rental-entry-detail-note {
  padding: 30px 20px 5px 20px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.6rem;
}

.rental-entry-detail-link {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
  width: 100%;
  margin-bottom: 10px;
  text-align: right;
}

.rental-entry-detail-link div {
  display: block;
  float: right;
  width: 250px;
  margin: 0;
  border-color: #b8b8b8;
  color: #d9221e;
  cursor: pointer;
}

.rental-entry-detail-link div.hide {
  display: none;
}

.rental-entry-price {
  display: none;
  position: absolute;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  background-color: #c4c7cc;
}

.rental-entry-price-inside {
  display: table;
  width: 580px;
  margin: 0 auto;
}

.rental-entry-price-inside-wide {
  width: 650px;
}

.rental-entry-price-inside > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.rental-entry-price-menu {
  width: 190px;
}

.rental-entry-price-menu h4 {
  margin-bottom: 5px;
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  color: #fff;
}

.rental-entry-price-menu-note {
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
}

.rental-entry-price-menu-course {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.8rem;
  text-align: center;
}

.rental-entry-price-menu-sum {
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 3px;
  box-sizing: border-box;
  background-color: #878787;
  font-size: 2.4rem;
  font-weight: 300;
  text-align: center;
  color: #fff;
}

.rental-entry-price-plus {
  font-size: 4rem;
  font-weight: 300;
}

.rental-entry-price-option {
  border-radius: 4px;
  padding: 0 5px;
  background-color: #e5e5e5;
  font-size: 1.6rem;
  font-weight: 300;
  text-align: center;
}

.rental-entry-price-option strong {
  font-size: 3rem;
  font-weight: 300;
  color: #878787;
}

#rental-entry-price-menu-studio {
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #29272c;
}

#rental-entry-price-menu-studio th {
  border: 1px solid #29272c;
  padding: 5px;
  background-color: #878787;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
  text-align: center;
}

#rental-entry-price-menu-studio td {
  border: 1px solid #29272c;
  padding: 5px;
  background-color: #e5e5e5;
  font-size: 1.4rem;
  font-weight: 300;
}

#rental-entry-price-menu-studio-note {
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
}

.rental-entry-detail-sponsor {
  padding: 10px 20px 0 20px;
}

#rental-floor-guide {
  background-color: #000;
}

#rental-floor-map-sp {
  display: none;
}

#rental-floor-map-pc {
  padding: 30px 0 90px 0;
}

.rental-floor-map {
  display: table;
  width: 100%;
  height: 153px;
}

.rental-floor-map-img {
  display: table-cell;
  width: 510px;
  height: 153px;
  vertical-align: bottom;
}

.rental-floor-map-img img {
  vertical-align: text-bottom;
}

.rental-floor-map-gmap {
  display: table-cell;
  height: 153px;
  vertical-align: bottom;
}

.rental-floor-map-gmap iframe {
  vertical-align: text-bottom;
}

#rental-floor-guide-frame {
  overflow: hidden;
}

#rental-floor-guide h3 {
  padding: 30px 0;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 3px;
  text-align: center;
  color: #fff;
}

.rental-floor-guide-entry {
  float: left;
  width: 490px;
}

.rental-floor-guide-img {
  width: 100%;
  height: 490px;
}

.rental-floor-guide-text {
  margin-bottom: 10px;
  background-color: #fff;
}

.rental-floor-guide-title {
  padding: 20px 30px;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: -2px;
}

.rental-floor-guide-size {
  padding: 0 30px 20px 30px;
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 300;
}

#rental-equipment-list {
  clear: both;
  width: 100%;
  padding: 0 0 30px 0;
  box-sizing: border-box;
  background-color: #000;
}

#rental-equipment-list h3 {
  padding: 50px 0 30px 0;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 3px;
  text-align: center;
  color: #fff;
}

#rental-equipment-list h4 {
  padding: 0 0 30px 0;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 3px;
  text-align: center;
  color: #fff;
}

#rental-equipment-list table {
  width: 640px;
  margin: 0 auto 30px auto;
  border: 1px solid #878787;
  box-sizing: border-box;
}

#rental-equipment-list th {
  border: 1px solid #878787;
  padding: 10px;
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 2.4rem;
  vertical-align: middle;
  color: #fff;
}

#rental-equipment-list th strong {
  font-weight: 500;
}

#rental-equipment-list td {
  border: 1px solid #878787;
  padding: 10px;
  font-size: 1.6rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 2.4rem;
  text-align: right;
  vertical-align: middle;
  color: #fff;
}

.rental-table-5 tr:last-of-type th {
  width: 220px;
}

.rental-table-5 tr:last-of-type td:nth-of-type(1) {
  width: 100px;
}

.rental-table-5 tr:last-of-type td:nth-of-type(3) {
  width: 20px;
}

.rental-table-5 tr:last-of-type td:last-of-type {
  width: 90px;
}

.rental-table-4 tr:last-of-type th {
  width: 220px;
}

.rental-table-4 tr:last-of-type td:nth-child(1) {
  width: 200px;
}

.rental-table-4 tr:last-of-type td:nth-child(2) {
  width: 200px;
}

.rental-table-4 tr:last-of-type td:last-of-type {
  width: 20px;
}

.rental-table-3 th {
  width: 220px;
}

.rental-table-3 td:last-of-type {
  width: 20px;
}

#rental-dl-link {
  width: 100%;
}

#rental-dl-link-inside {
  display: table;
  width: 400px;
  margin: 0 auto;
}

#rental-dl-link-inside > div {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

#rental-dl-link-inside > div:nth-child(1) {
  padding-right: 15px;
}

#rental-dl-link-inside > div:nth-child(2) {
  padding-left: 15px;
}

#rental-dl-link-inside a {
  display: table-cell;
  width: 200px;
  height: 55px;
  border: none;
  box-sizing: border-box;
  background-color: #f86b02;
  font-size: 2rem;
  vertical-align: middle;
  color: #fff;
}

#rental-dl-link-inside a:hover {
  border: 1px solid rgba(255,255,255,0.3);
  background-color: transparent;
  color: #fff;
}



/* VIP */

#vip-map {
  min-width: 980px;
  background-color: #fff;
  text-align: center;
}

#vip-map img {
  width: 640px;
  height: auto;
}

#vip-phone {
  min-width: 980px;
  border-top: 10px solid #e5e5e5;
  padding: 40px 0 60px 0;
  background-color: #fff;
}

#vip-phone-title {
  margin-bottom: 10px;
  font-size: 3.6rem;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
}

#vip-phone-no {
  margin-bottom: 20px;
  text-align: center;
}

#vip-phone-no a {
  font-size: 3.6rem;
  font-family: Roboto;
  font-weight: 300;
  color: #007fff;
}

#vip-phone-note {
  font-size: 2rem;
  font-weight: 100;
  text-align: center;
}

#vip-form {
  background-color: #fff;
}

#vip-photo,
#vip-photo .flickity-viewport {
  width: 980px;
  min-width: 980px;
  height: 980px;
  min-height: 980px;
}

#vip-photo img {
  min-width: 980px;
  height: auto;
  min-height: 980px;
}



/* VIP Revised */

#vip-lead-pc {
  position: relative;
  width: 980px;
  height: 490px;
  background-image: url(../vip/img/vip-main-visual.jpg);
}

#vip-lead-pc p {
  position: absolute;
  bottom: 30px;
  left: 120px;
  z-index: 2;
  width: 740px;
  font-size: 16px;
  line-height: 26px;
/*   color: #a9a9ab; */
  color: #fff;
}

.vip-reserve-link {
  display: table;
  width: 640px;
  margin: 0 auto;
  padding: 60px 0;
}

.vip-reserve-link .more-button {
  display: table-cell;
}

.vip-reserve-link .more-button:nth-child(1) {
  text-align: left;
}

.vip-reserve-link .more-button:nth-child(2) {
  text-align: right;
}

.vip-reserve-link .more-button a {
  width: 300px;
  padding: 12px 0;
  -webkit-font-smoothing: subpixel-antialiased;
}

.more-button .vip-reserve-link-web {
  border: 1px solid #b4b288;
  background-color: #b4b288;
}

.more-button .vip-reserve-link-tel {
  border: 1px solid #a0a4af;
  background-color: #a0a4af;
}

.more-button .vip-reserve-link-tel strong {
  display: none;
}

.more-button .vip-reserve-link-tel span {
  font-family: Roboto;
}

.vip-reserve-link .more-button a:hover {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: #333;
  border-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.2s ease-in, border-color 0.2s ease-in;
}

#vip-index-link {
  display: table;
  table-layout: fixed;
  width: 640px;
  margin: 0 auto;
}

.vip-index-link-menu {
  display: table-cell;
  text-align: left;
}

.vip-index-link-menu:first-of-type {
  text-align: left;
}

.vip-index-link-menu:last-of-type {
  text-align: right;
}

#vip-index-link .more-button a {
  width: 200px;
  box-sizing: border-box;
}

.vip-detail-lead {
  width: 720px;
  margin: 0 auto 60px auto;
  padding-top: 140px;
}

.vip-detail-lead h3 {
  margin-bottom: 60px;
  font-size: 40px;
  font-family: "Roboto";
  font-weight: 600;
  text-align: center;
  letter-spacing: 3px;
  color: #fff;
}

.vip-detail-lead p {
  margin-bottom: 120px;
  font-size: 16px;
  line-height: 26px;
  color: #a9a9ab;
}

.vip-photo-pc {
  width: 980px;
  overflow: hidden;
}

.vip-photo-entry {
  float: left;
  width: 490px;
  height: 610px;
}

.vip-photo-entry-img img {
  width: 490px;
  height: 490px;
}

.vip-photo-entry-caption {
  height: 120px;
  background-color: #fff;
}

.vip-photo-entry-caption-sp h4,
.vip-photo-entry-caption-sp p {
  display: none;
}

.vip-photo-entry-caption h4 {
  padding: 25px 0 20px 30px;
  font-size: 38px;
  font-weight: 300;
  letter-spacing: -1px;
}

.vip-photo-entry-caption p {
  padding-left: 30px;
  font-size: 16px;
}

.vip-map {
  width: 980px;
}

.vip-gmap {
  width: 100%;
  height: 490px;
  margin: 0 auto;
}

#vip-bottle-list {
  width: 100%;
  color: #fff;
}

#vip-bottle-list > h3 {
  padding: 60px 0 90px 0;
  font-family: Roboto;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  letter-spacing: 2px;
}

.vip-bottle-list h3 {
  padding-bottom: 60px;
  font-family: Roboto;
  font-weight: 700;
  font-size: 40px;
  line-height: 44px;
  text-align: center;
  letter-spacing: 2px;
}

.vip-bottle-list h3 span {
  font-size: 24px;
  font-weight: 700;
}

.vip-bottle-list table {
  width: 640px;
  margin: 0 auto 90px auto;
}

.vip-bottle-list th {
  padding-bottom: 30px;
  font-family: Roboto;
  font-size: 21px;
  font-weight: 500;
  vertical-align: bottom;
}

.vip-bottle-list th strong {
  font-weight: 700;
}

.vip-bottle-list td {
  padding-bottom: 30px;
  font-size: 21px;
  text-align: right;
  vertical-align: bottom;
}



/* Access */

#access {
  width: 100%;
}

#access-address {
  margin-bottom: 50px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #fff;
}

#access-map-link {
  width: 100%;
  margin-bottom: 60px;
}

#access-map-link a {
  border: 1px solid #f86b02;
  border-radius: 2px;
  padding: 15px;
  background-color: #f86b02;
  font-size: 2rem;
  font-weight: Roboto;
  font-weight: 100;
  color: #fff;
}

#access-map-link a:hover {
  border: 1px solid rgba(255,255,255,0.3);
  background-color: transparent;
  color: #fff;
}

#access-map-gmap {
  width: 100%;
}

#access-map-gmap iframe {
  width: 100%;
  height: 450px;
}



/* About */

#about-womb,
#about-company,
#about-history,
#about-achievements {
  width: 100%;
  min-width: 980px;
  box-sizing: border-box;
  background-color: #fff;
}

#about-womb {
  padding-top: 60px;
}

#about-womb h3 img {
  width: 120px;
  height: auto;
}

#about-womb h3,
#about-company h3,
#about-history h3,
#about-achievements h3 {
  margin-bottom: 60px;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 3px;
  text-align: center;
  color: #131313;
}

#about-womb p {
  width: 620px;
  margin: 0 auto;
  padding-bottom: 60px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
  color: #131313;
}

#about-company,
#about-history {
  padding-bottom: 30px;
}

#about-company table,
#about-history table {
  width: 620px;
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #131313;
}

#about-company th,
#about-history th {
  width: 135px;
  padding-bottom: 30px;
  font-weight: 300;
  vertical-align: top;
}

#about-company td,
#about-history td {
  padding-bottom: 30px;
  font-weight: 300;
  vertical-align: top;
}

#about-achievements {
  padding-bottom: 60px;
}

#about-achievements table {
  width: 640px;
  margin: 0 auto;
}

#about-achievements td {
  width: 50%;
  font-size: 1.4rem;
  font-weight: 100;
  line-height: 2rem;
  vertical-align: top;
}

#about-achievements td strong {
  font-weight: 700;
}

#about-map {
  width: 100%;
  background-color: #fff;
}

#about-map h3 {
  padding: 30px 0 15px 0;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  color: #131313;
}

#about-map-note {
  padding: 0 20px 60px 20px;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 2.6rem;
  text-align: center;
  color: #131313;
}

#about-map-address {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  background-color: #272727;
}

#about-map-address address {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 100;
  text-align: center;
  color: #fff;
}

#about-group {
  width: 100%;
  background-color: #fff;
}

#about-group h3 {
  padding: 60px 0 40px 0;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
  color: #131313;
}

.about-gruop-entry {
  display: table;
  min-width: 980px;
  margin-top: 20px;
}

.about-group-entry-visual {
  display: table-cell;
  width: 490px;
  height: 490px;
  vertical-align: top;
}

.about-group-entry-visual .flickity-viewport {
  width: 490px;
  min-width: 490px;
  height: 490px;
  min-height: 490px;
}

.about-group-entry-visual img {
  width: auto;
  height: 490px;
}

.about-group-entry-detail {
  display: table-cell;
  overflow: hidden;
  background-color: #272727;
  vertical-align: top;
}

.about-group-entry-lead {
  background-color: #fff;
}

.about-group-entry-lead h4 {
  margin: 0 20px 5px 20px;
  font-size: 3rem;
  font-weight: 300;
  color: #131313;
}

.about-group-entry-category {
  margin: 0 20px 15px 20px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #131313;
}

.about-group-entry-detail-text {
  padding: 0 20px 10px 20px;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 2.6rem;
  color: #131313;
}

.about-group-entry-contact {
  padding: 20px;
}

.about-group-entry-contact p {
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 2.6rem;
  color: #fff;
}

.about-group-entry-contact-link {
  display: table;
  table-layout: fixed;
  width: 450px;
  margin: 0 auto;
}

.about-group-entry-contact-link div {
  display: table-cell;
  padding-right: 20px;
}

.about-group-entry-contact-link div:last-of-type {
  padding-right: 0;
}

.about-group-entry-contact-link div div a {
  width: 120px;
}



/* Artist */

#artist {
  position: relative;
  z-index: 1000;
  width: 640px;
  margin: 0 auto;
}

#artist-close-button {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 54px;
}

#artist-close-button img {
  margin: 30px 0 0 30px;
}

#artist-visual {
  width: 100%;
}

#artist-visual img {
  width: 100%;
  height: auto;
}

#artist-name {
  width: 100%;
  padding: 60px 0;
  font-size: 5rem;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  color: #fff;
}

#artist-profile {
  padding: 0 20px 30px 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff;
}

#artist-profile p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
  -webkit-font-smoothing: subpixel-antialiased;
}

#artist-related-link {
  width: 100%;
  margin: 0 20px 30px 20px;
  border-left: 6px solid #878787;
  padding-left: 10px;
  box-sizing: border-box;
}

#artist-related-link a {
  display: block;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 300;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff;
}

#artist-related-link a:last-of-type {
  padding-bottom: 0;
}

.artist-video-entry {
  margin-bottom: 30px;
}

.artist-video-entry-main {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 56.25%;
}

.artist-video-entry-main iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.artist-video-entry-title {
  margin-bottom: 10px;
  font-size: 3rem;
  font-family: Roboto;
  font-weight: 300;
  line-height: 3rem;
  color: #fff;
}

.artist-video-entry-note {
  font-size: 1.4rem;
  font-weight: 2rem;
  color: #fff;
}

.artist-video-entry-note span {
  color: #219d21;
}

.artist-mix-entry {
  margin-bottom: 2px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #fff;
}

.artist-mix-entry-date {
  width: 100%;
  margin-bottom: 10px;
  font-size: 2rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
}

.artist-mix-entry-title {
  margin-bottom: 20px;
  font-size: 4rem;
  font-family: Roboto;
  font-weight: 700;
  letter-spacing: 5px;
  text-align: center;
}

.artist-mix-entry-main {
  width: 100%;
  margin-bottom: 20px;
}

.artist-mix-entry-sound {
  width: 100%;
  vertical-align: top;
}

.artist-mix-entry-sound-player {
  width: 100%;
}

.artist-mix-entry-sound-player iframe {
  width: 100%;
  height: auto;
}

.artist-mix-entry-check {
  display: block;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  padding: 10px 0;
  font-size: 26px;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  color: #131313;
}

.artist-mix-entry-note {
  width: 100%;
  font-size: 2rem;
  font-weight: 300;
  line-height: 3rem;
  vertical-align: top;
}