@charset "UTF-8";
/** --------------------------------------------------------------------
 *
 * SETTING
 *
 */
/** --------------------------------------------------------------------
 *
 * MIXIN
 *
 */
@-moz-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/** --------------------------------------------------------------------
 *
 * font-face
 *
 */
@font-face {
  font-family: 'quattrocento';
  src: url("../fonts/quattrocento-regular-webfont");
  /* IE9 Compat Modes */
  src: url("../fonts/quattrocento-regular-webfont?#iefix") format("embedded-opentype"), url("../fonts/quattrocento-regular-webfont.woff") format("woff"), url("../fonts/quattrocento-regular-webfont.ttf") format("truetype"), url("../fonts/quattrocento-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
/** --------------------------------------------------------------------
 *
 * body
 *
 */
body {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #000;
  color: #fff;
  font-size: 18px;
  min-width: 1080px;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  background: url("../images/bg.jpg") #000 repeat 50% 50%;
  background-position-x: 50%;
  background-position-y: 0;
}
@media only screen and (max-width: 767px) {
  body {
    min-width: 100%;
    font-size: 14px;
    background-size: contain;
  }
}

/** --------------------------------------------------------------------
 *
 * GLOBAL
 *
 */
.view-pc {
  display: block;
}
@media only screen and (max-width: 767px) {
  .view-pc {
    display: none;
  }
}

.view-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .view-sp {
    display: block;
  }
}

a {
  color: #fff;
  color: #fff;
  text-decoration: none;
}
a:link {
  color: #fff;
}
a:hover {
  color: #fff;
}
a:active {
  color: #fff;
}
a:visited {
  color: #fff;
}
a:focus {
  color: #fff;
}

a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


#newsPage #container a:link,#newsPage #container a:active,
#livePage #container a:link,#livePage #container a:active,
#releasePage #container a:link,#releasePage #container a:active {
  color: #728a8e;
}
#newsPage #container a:hover,#newsPage #container a:visited,
#livePage #container a:hover,#livePage #container a:visited,
#releasePage #container a:hover,#releasePage #container a:visited {
  color: #53686b;
}

@media only screen and (max-width: 767px) {
  img {
    max-width: 100%;
  }
}

.btn-buys .link-image img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/** --------------------------------------------------------------------
 *
 * FONT STYLE
 *
 */
#global-menu > .inner li,
h2.ttl {
  font-family: 'quattrocento';
}

h2.ttl {
  font-size: 35px;
  color: #728a8e;
  text-align: center;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  h2.ttl {
    font-size: 29px;
    margin-bottom: 40px;
  }
}

h3.ttl-sub {
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}

h4.ttl-sub {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}

h5.ttl-sub {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}

/* -----------------------------------------------------------------
 *
 * BUTTON
 *
 * ----------------------------------------------------------------- */
.btn-buys {
  text-align: center;
  margin-top: 20px;
}
.btn-buys li {
  display: inline-block;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .btn-buys li {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.btn-buys li:last-child {
  margin-right: 0;
}
.btn-buys a {
  color: #fff;
  text-decoration: none;
  background-color: #132427;
  padding: 20px;
  position: relative;
  display: inline-block;
  width: 216px;
  box-sizing: border-box;
}
.btn-buys a:link {
  color: #fff !important;
}
.btn-buys a:hover {
  color: #fff !important;
}
.btn-buys a:active {
  color: #fff !important;
}
.btn-buys a:visited {
  color: #fff !important;
}
.btn-buys a:focus {
  color: #fff !important;
}
.btn-buys a:hover {
  text-decoration: none;
}
.btn-buys a:active {
  text-decoration: none;
}
.btn-buys a:visited {
  text-decoration: none;
}
.btn-buys a:focus {
  text-decoration: none;
}
.btn-buys a:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 8px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #fff;
}
.btn-buys a:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #132427;
}
.btn-buys .link-image a {
  background-color: transparent;
  border: 1px solid #132427;
}
.btn-buys .link-image a:after {
  background-color: #000;
}
.btn-buys .link-image img {
  width: 180px;
}
.btn-buys.single a {
  width: 400px;
}
@media only screen and (max-width: 767px) {
  .btn-buys.single a {
    width: 216px;
  }
}

/* -----------------------------------------------------------------
 *
 * HOVER
 * - Zoom In
 *
 * ----------------------------------------------------------------- */
/* -----------------------------------------------------------------
 *
 * HOVER
 * - opacity
 *
//  * ----------------------------------------------------------------- */
.hover-opacity
, #header #logo
, .col-lists li a {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-decoration: none;
}
.hover-opacity:hover
, #header #logo:hover
, .col-lists li a:hover {
  text-decoration: none;
}
.hover-opacity:active
, #header #logo:active
, .col-lists li a:active {
  text-decoration: none;
}
.hover-opacity:visited
, #header #logo:visited
, .col-lists li a:visited {
  text-decoration: none;
}
.hover-opacity:focus
, #header #logo:focus
, .col-lists li a:focus {
  text-decoration: none;
}

.hover-opacity:hover
, #header #logo:hover
, .col-lists li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* -----------------------------------------------------------------
 *
 * HOVER
 * - color
 *
//  * ----------------------------------------------------------------- */
#global-menu li a {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

#global-menu li a:hover {
  color: #728a8e;
}
#global-menu li a:hover:link {
  color: #728a8e;
}
#global-menu li a:hover:hover {
  color: #728a8e;
}
#global-menu li a:hover:active {
  color: #728a8e;
}
#global-menu li a:hover:visited {
  color: #728a8e;
}
#global-menu li a:hover:focus {
  color: #728a8e;
}

/* -----------------------------------------------------------------
 *
 * HOVER
 * - background-color
 *
//  * ----------------------------------------------------------------- */
/* -----------------------------------------------------------------
 *
 * HOVER
 * - background-color
 *
 * ----------------------------------------------------------------- */
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.movie-list {
  width: 100%;
  margin-top: 30px;
}
.movie-list ul {
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.movie-list ul li {
  display: inline-block;
  width: 150px;
  margin: 10px;
}
.movie-list ul li img {
  width: 100%;
}

.col-lists {
  overflow: auto;
  height: 690px;
  padding: 0 20px 0 0;
}
@media only screen and (max-width: 767px) {
  .col-lists {
    height: 345px;
    padding: 0;
  }
}
.col-lists li {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .col-lists li {
    margin-bottom: 20px;
  }
}
.col-lists .date {
  margin-bottom: 10px;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .col-lists .date {
    font-size: 14px;
  }
}
.col-lists .ttl {
  font-size: 18px;
  border-bottom: 1px solid #728a8e;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .col-lists .ttl {
    font-size: 19px;
  }
}
.col-lists .txt {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .col-lists .txt {
    font-size: 14px;
  }
}

.col-lists-indent {
  line-height: 1.2em;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .col-lists-indent {
    font-size: 14px;
  }
}
.col-lists-indent .indentCap {
  text-indent: -1em;
  padding-left: 1em;
}

.col-single {
  overflow: hidden;
  padding: 0 0 100px 0;
}
@media only screen and (max-width: 767px) {
  .col-single {
    padding: 0 0 50px 0;
  }
}
.col-single > article {
  box-sizing: border-box;
}

.SandboxRoot .timeline-Tweet-text,
.SandboxRoot.env-bp-550 .timeline-Tweet-text,
.SandboxRoot.env-bp-430 .timeline-Tweet-text,
.SandboxRoot.env-bp-330 .timeline-Tweet-text,
.SandboxRoot.env-bp-min .timeline-Tweet-text {
  font-size: 16px !important;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .SandboxRoot .timeline-Tweet-text,
  .SandboxRoot.env-bp-550 .timeline-Tweet-text,
  .SandboxRoot.env-bp-430 .timeline-Tweet-text,
  .SandboxRoot.env-bp-330 .timeline-Tweet-text,
  .SandboxRoot.env-bp-min .timeline-Tweet-text {
    font-size: 14px !important;
  }
}

.MediaCard-mediaAsset {
  height: auto;
}

.CroppedImage--fillHeight .CroppedImage-image {
  height: auto;
  width: auto;
}

.CroppedImage-image {
  position: absolute;
  top: 0;
  left: 0 !important;
  min-height: 0;
  min-width: 0;
}

.MediaCard-mediaContainer {
  background-color: transparent;
}

.ImageGrid-image {
  border: none;
}

.col-double-a {
  overflow: hidden;
  padding: 0 0 100px 0;
}
@media only screen and (max-width: 767px) {
  .col-double-a {
    padding: 0 0 50px 0;
  }
}
.col-double-a > article {
  width: 480px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .col-double-a > article {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .col-double-a > article .widget-twitter iframe {
    height: 345px !important;
  }
}
.col-double-a > article:first-child {
  float: left;
}
@media only screen and (max-width: 767px) {
  .col-double-a > article:first-child {
    float: none;
    margin-bottom: 40px;
  }
}
.col-double-a > article:last-child {
  float: right;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .col-double-a > article:last-child {
    float: none;
  }
}

.col-double-b {
  overflow: hidden;
}
.col-double-b > .block {
  width: 480px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .col-double-b > .block {
    width: 100%;
  }
}
.col-double-b > .block article {
  margin-bottom: 60px;
}
.col-double-b > .block article:last-child {
  margin-bottom: 0;
}
.col-double-b > .block:first-child {
  float: left;
}
@media only screen and (max-width: 767px) {
  .col-double-b > .block:first-child {
    float: none;
    margin-bottom: 40px;
  }
}
.col-double-b > .block:last-child {
  float: right;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .col-double-b > .block:last-child {
    float: none;
  }
}

a[data-remodal-target="modal"] {
  cursor: pointer;
}

.remodal {
  text-align: left;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .remodal {
    font-size: 13px;
  }
}
.remodal img {
  max-width: 100%;
  height: auto;
}
.remodal h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  .remodal h3 {
    font-size: 17px;
  }
}
.remodal h4 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .remodal h4 {
    font-size: 15px;
  }
}
.remodal h5 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .remodal h5 {
    font-size: 14px;
  }
}
.remodal .notice {
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .remodal .notice {
    font-size: 11px;
  }
}
.remodal .attention {
  color: #d42a2a;
}
.remodal a {
  color: #2b2e38;
  text-decoration: underline;
  color: #132427;
}
.remodal a:link {
  color: #2b2e38;
}
.remodal a:hover {
  color: #2b2e38;
}
.remodal a:active {
  color: #2b2e38;
}
.remodal a:visited {
  color: #2b2e38;
}
.remodal a:focus {
  color: #2b2e38;
}
.remodal a:hover {
  text-decoration: none;
}
.remodal a[href^="tel:"] {
  cursor: default;
  text-decoration: none;
}

#header > .inner {
  width: 1080px;
  margin: 0 auto;
  text-align: center;
  background-color: #000;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #header > .inner {
    width: 100%;
  }
}

#global-menu {
  background-color: rgba(19, 36, 39, 0.43);
}
#global-menu > .inner {
  width: 1080px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #global-menu > .inner {
    width: 100%;
  }
}
#global-menu > .inner li {
  display: inline;
}
@media only screen and (max-width: 767px) {
  #global-menu > .inner li {
    margin-right: 10px;
  }
}
#global-menu > .inner li a {
  display: inline-block;
  padding: 20px;
  text-decoration: none;
}
#global-menu > .inner li a:hover {
  text-decoration: none;
}
#global-menu > .inner li a:active {
  text-decoration: none;
}
#global-menu > .inner li a:visited {
  text-decoration: none;
}
#global-menu > .inner li a:focus {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  #global-menu > .inner li a {
    padding: 10px;
  }
}
#global-menu > .inner li:last-child {
  margin-right: 0;
}

#layer-01 {
  position: relative;
  z-index: 1000;
}

#bg-parts-01 {
  position: absolute;
  z-index: 900;
  top: 0;
  left: 0;
}

#bg-parts-02 {
  position: absolute;
  z-index: 900;
  top: 300px;
  left: 0;
}

#bg-parts-03 {
  position: absolute;
  z-index: 900;
  top: 666px;
  left: 0;
}

#bg-parts-04 {
  position: absolute;
  z-index: 900;
  top: 300px;
  left: 0;
}

#bg-parts-05 {
  position: absolute;
  z-index: 900;
  top: 0;
  right: 0;
}

#bg-parts-06 {
  position: absolute;
  z-index: 900;
  top: 100px;
  right: 0;
}

#bg-parts-07 {
  position: absolute;
  z-index: 900;
  top: 200px;
  right: 0;
}

#layer-03 {
  position: relative;
  z-index: 800;
}

#container > .inner {
  width: 1080px;
  margin: 0 auto;
  padding: 130px 0 0 0;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #container > .inner {
    width: 100%;
    padding: 40px 20px 0 20px;
  }
}

#footer > .inner {
  width: 1080px;
  margin: 0 auto;
  padding: 100px 10px 30px 10px;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #footer > .inner {
    width: 100%;
    padding: 50px 10px 30px 10px;
  }
}
#footer > .inner .area-sns {
  text-align: center;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  #footer > .inner .area-sns {
    margin-bottom: 40px;
  }
}
#footer > .inner .area-sns li {
  display: inline-block;
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  #footer > .inner .area-sns li {
    margin-right: 40px;
  }
}
#footer > .inner .area-sns li img {
  width: 30px;
  height: auto;
}
#footer > .inner .area-sns li:last-child {
  margin-right: 0;
}
#footer > .inner .copyright, #footer > .inner .notice {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  #footer > .inner .copyright, #footer > .inner .notice {
    font-size: 13px;
  }
}

#bg-circle-left {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 100;
  margin-left: -860px;
}
@media only screen and (max-width: 767px) {
  #bg-circle-left {
    display: none;
  }
}
#bg-circle-left img {
  width: 280px;
  height: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
@media only screen and (min-width: 1734px) {
  #bg-circle-left {
    left: 0;
    margin-left: 0;
  }
}

#bg-circle-right {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 100;
  margin-left: 580px;
}
@media only screen and (max-width: 767px) {
  #bg-circle-right {
    display: none;
  }
}
#bg-circle-right img {
  width: 280px;
  height: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
@media only screen and (min-width: 1734px) {
  #bg-circle-right {
    left: auto;
    right: 0;
    margin-left: 0;
  }
}

/** --------------------------------------------------------------------
 *
 * PAGE
 * - FRONT
 */
#frontPage #global-menu .home a {
  color: #728a8e;
  color: #728a8e;
}
#frontPage #global-menu .home a:link {
  color: #728a8e;
}
#frontPage #global-menu .home a:hover {
  color: #728a8e;
}
#frontPage #global-menu .home a:active {
  color: #728a8e;
}
#frontPage #global-menu .home a:visited {
  color: #728a8e;
}
#frontPage #global-menu .home a:focus {
  color: #728a8e;
}

/** --------------------------------------------------------------------
 *
 * PAGE
 * - LIVE
 */
#livePage #global-menu .live a {
  color: #728a8e;
  color: #728a8e;
}
#livePage #global-menu .live a:link {
  color: #728a8e;
}
#livePage #global-menu .live a:hover {
  color: #728a8e;
}
#livePage #global-menu .live a:active {
  color: #728a8e;
}
#livePage #global-menu .live a:visited {
  color: #728a8e;
}
#livePage #global-menu .live a:focus {
  color: #728a8e;
}
#livePage .qr {
  text-align: center;
  width: 80px;
  height: auto;
}
#livePage .area-01 {
  text-align: center;
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-01 {
    margin-bottom: 60px;
  }
}
#livePage .area-01 .day1, #livePage .area-01 .day2 {
  width: 500px;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  #livePage .area-01 .day1, #livePage .area-01 .day2 {
    width: 100%;
    display: block;
  }
}
#livePage .area-01 .day1 .date, #livePage .area-01 .day1 .ttl, #livePage .area-01 .day1 .venue, #livePage .area-01 .day1 .artist, #livePage .area-01 .day2 .date, #livePage .area-01 .day2 .ttl, #livePage .area-01 .day2 .venue, #livePage .area-01 .day2 .artist {
  font-size: 24px;
}
#livePage .area-01 .day1 .open span:first-child, #livePage .area-01 .day2 .open span:first-child {
  margin-right: 16px;
}
#livePage .area-01 .day1 .appear, #livePage .area-01 .day2 .appear {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-01 .day1 {
    margin-bottom: 40px;
  }
}
#livePage .area-02 {
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 {
    margin-bottom: 60px;
  }
}
#livePage .area-02 .detail .btn-buys {
  margin-top: 0;
  margin-bottom: 30px;
}
#livePage .area-02 .items {
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items {
    width: 100%;
  }
}
#livePage .area-02 .items .item {
  width: 530px;
  padding: 20px;
  border: 1px solid #fff;
  display: inline-block;
  font-size: 18px;
  min-height: 410px;
  vertical-align: top;
  box-sizing: border-box;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    min-height: 150px;
  }
}
#livePage .area-02 .items .item .col {
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item .col {
    font-size: 14px;
  }
}
#livePage .area-02 .items .item .col h4.ttl-sub {
  margin-bottom: 5px;
}
#livePage .area-02 .items .item .col h4.ttl-sub .sub {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item .col h4.ttl-sub .sub {
    display: block;
    font-size: 14px;
  }
}
#livePage .area-02 .items .item .col h5.ttl-sub {
  margin-bottom: 10px;
}
#livePage .area-02 .items .item .col .price {
  text-align: center;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item .col .price {
    font-size: 14px;
  }
}
#livePage .area-02 .items .item .col .col-lists-indent {
  font-size: 15px;
  line-height: 1.3em;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item .col .col-lists-indent {
    font-size: 14px;
  }
}
#livePage .area-02 .items .item .col:first-child {
  border-bottom: 1px solid #626262;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#livePage .area-02 .items .item .col:nth-child(2), #livePage .area-02 .items .item .col:nth-child(3), #livePage .area-02 .items .item .col:nth-child(4) {
  margin-bottom: 20px;
}
#livePage .area-02 .items .item .col.notice .col-lists-indent .indentCap {
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item .col.notice .col-lists-indent .indentCap {
    font-size: 11px;
  }
}
#livePage .area-02 .items .item:first-child,
#livePage .area-02 .items .item:nth-child(2),
#livePage .area-02 .items .item:nth-child(3) {
  width: 100%;
}
#livePage .area-02 .items .item:nth-child(5) {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item:nth-child(2), #livePage .area-02 .items .item:nth-child(5) {
    margin-left: 0;
  }
}
#livePage .area-02 .items .item:nth-child(3), #livePage .area-02 .items .item:nth-child(4) {
  min-height: 100px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item:nth-child(3), #livePage .area-02 .items .item:nth-child(4) {
    min-height: 95px;
  }
}
#livePage .area-02 .items .item:nth-child(3) .col:first-child, #livePage .area-02 .items .item:nth-child(4) .col:first-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item:nth-child(3), #livePage .area-02 .items .item:nth-child(4) {
    margin-left: 0;
  }
}
#livePage .area-02 .items .item:nth-child(2) .col:nth-child(4) {
  margin-top: 58px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-02 .items .item:nth-child(2) .col:nth-child(4) {
    margin-top: 0;
  }
  #livePage .area-02 .items .dummy {
    display: none;
  }
}
#livePage .area-03 {
  margin-bottom: 120px;
}
#livePage .area-03 .items {
  margin: 0 auto;
  border: 1px solid #fff;
  text-align: left;
  box-sizing: border-box;
}
#livePage .area-03 .items .item {
  padding: 20px;
  border-bottom: 1px solid #fff;
}
#livePage .area-03 .items .item .item01 {
  position: absolute;
}
#livePage .area-03 .items .item .item02 {
  display: block;
  padding-left: 100px;
}
@media only screen and (max-width: 767px) {
  #livePage .area-03 .items .item .item02 {
    padding-left: 80px;
  }
}
#livePage .area-03 .items .item .notice2 {
  margin-top: 20px;
  font-size: 14px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  #livePage .area-03 .items .item .notice2 {
    font-size: 11px;
  }
}
#livePage .area-03 .items .item:last-child {
  border-bottom: none;
}
#livePage .area-03 .lists {
  text-align: center;
}
#livePage .area-03 .lists article {
  width: 480px;
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: 60px;
  vertical-align: top;
}
#livePage .area-03 .lists article:nth-child(odd) {
  margin-right: 60px;
}
#livePage .area-03 .lists article:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #livePage .area-03 .lists article {
    width: 100%;
  }
}
#livePage .area-03 .notice {
  margin-top: 10px;
  font-size: 14px;
  text-align: left;
}
#livePage .area-04 .txt {
  text-align: center;
}

#livePage .playguide {
  width: 530px;
  margin: 30px auto;
}
#livePage .playguide .pg-inner {
  padding: 20px;
  border: 1px solid #fff;
}
#livePage .playguide .pg-inner .ttl-sub {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #626262;
}
#livePage .playguide .pg-inner .col {
  margin: auto;
}
@media only screen and (max-width: 767px) {
  #livePage .playguide {
    width: 100%;
  }
}

/** --------------------------------------------------------------------
 *
 * PAGE
 * - NEWS
 */
#newsPage #global-menu .news a {
  color: #728a8e;
  color: #728a8e;
}
#newsPage #global-menu .news a:link {
  color: #728a8e;
}
#newsPage #global-menu .news a:hover {
  color: #728a8e;
}
#newsPage #global-menu .news a:active {
  color: #728a8e;
}
#newsPage #global-menu .news a:visited {
  color: #728a8e;
}
#newsPage #global-menu .news a:focus {
  color: #728a8e;
}

#newsPage article {
  width: 100%;
  margin: 20px 0;
  padding: 20px 10px 30px 10px;
  border-bottom: 1px solid #728a8e;
}
#newsPage article .date {
  margin-bottom: 10px;
  font-size: 1rem;
}
#newsPage article .txt {
  font-size: 1.1rem;
}
#newsPage article .btn-buys {
  text-align: left;
}
#newsPage .map {
  display: none;
}
/*#fancybox-left-ico, #fancybox-right-ico {

}*/
@media only screen and (max-width: 767px) {
  #newsPage article .btn-buys {
    text-align: center;
  }
}

/** --------------------------------------------------------------------
 *
 * PAGE
 * - ARTIST
 */
#artistPage #global-menu .artist a {
  color: #728a8e;
  color: #728a8e;
}
#artistPage #global-menu .artist a:link {
  color: #728a8e;
}
#artistPage #global-menu .artist a:hover {
  color: #728a8e;
}
#artistPage #global-menu .artist a:active {
  color: #728a8e;
}
#artistPage #global-menu .artist a:visited {
  color: #728a8e;
}
#artistPage #global-menu .artist a:focus {
  color: #728a8e;
}
#artistPage .col-single .detail {
  overflow: hidden;
}
#artistPage .col-single .detail .block {
  width: 485px;
}
@media only screen and (max-width: 767px) {
  #artistPage .col-single .detail .block {
    width: 100%;
    margin-bottom: 40px;
  }
}
#artistPage .col-single .detail .block .icons {
  text-align: right;
  margin-bottom: 5px;
}
#artistPage .col-single .detail .block .icons li {
  display: inline-block;
  margin-right: 10px;
}
#artistPage .col-single .detail .block .icons li:last-child {
  margin-right: 0;
}
#artistPage .col-single .detail .block .icons img {
  width: 20px;
  height: auto;
}
#artistPage .col-single .detail .block .image {
  margin-bottom: 5px;
}
#artistPage .col-single .detail .block .image img {
  max-width: 100%;
}
#artistPage .col-single .detail .block .txt {
  word-break: break-all;
}
#artistPage .col-single .detail .block.left {
  float: left;
}
@media only screen and (max-width: 767px) {
  #artistPage .col-single .detail .block.left {
    float: none;
  }
}
#artistPage .col-single .detail .block.right {
  float: right;
}
@media only screen and (max-width: 767px) {
  #artistPage .col-single .detail .block.right {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  #artistPage .col-single .detail .block:last-child {
    margin-bottom: 0;
  }
}

/** --------------------------------------------------------------------
 *
 * PAGE
 * - CONTACT
 */
#contactPage #global-menu .contact a {
  color: #728a8e;
  color: #728a8e;
}
#contactPage #global-menu .contact a:link {
  color: #728a8e;
}
#contactPage #global-menu .contact a:hover {
  color: #728a8e;
}
#contactPage #global-menu .contact a:active {
  color: #728a8e;
}
#contactPage #global-menu .contact a:visited {
  color: #728a8e;
}
#contactPage #global-menu .contact a:focus {
  color: #728a8e;
}
#contactPage .area-01 {
  margin-bottom: 120px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #contactPage .area-01 {
    margin-bottom: 40px;
  }
}
#contactPage .area-01 .item {
  margin-bottom: 40px;
}
#contactPage .area-01 .item .name {
  font-size: 22px;
}
#contactPage .area-01 .item .mail {
  font-size: 28px;
}
#contactPage .area-01 .item:last-child {
  margin-bottom: 0;
}
#contactPage .area-02 {
  text-align: center;
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  #contactPage .area-02 {
    margin-bottom: 40px;
  }
}
#contactPage .area-02 .item1, #contactPage .area-02 .item2 {
  width: 500px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #contactPage .area-02 .item1, #contactPage .area-02 .item2 {
    width: 100%;
    display: block;
  }
}
#contactPage .area-02 .item1 .date, #contactPage .area-02 .item1 .ttl, #contactPage .area-02 .item2 .date, #contactPage .area-02 .item2 .ttl {
  font-size: 24px;
}
#contactPage .area-02 .item1 .open span:first-child, #contactPage .area-02 .item2 .open span:first-child {
  margin-right: 16px;
}

/* add */
.remodal-map {
  background-color: rgba(153, 153, 153, 0) !important;
}
.live-caution {
  font-size: 90%;
}
.live-caution h1 {
  font-size: 160%;
}
.live-caution h2 {
  font-size: 130%;
}
.live-caution #container > .inner {
  padding-top: 50px;
}
.live-caution #footer > .inner {
  padding-top: 50px;
}
.live-caution .col-single {
  padding-bottom: 50px;
}

/** --------------------------------------------------------------------
 *
 * PAGE
 * - DOWNLOAD
 */
.img-list {
  width: 95%;
  margin: auto;
  text-align: center;
}
.img-list li {
  width: 22%;
  display: inline-block;
  margin: 20px 10px;
}
.img-list li img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .img-list li {
    width: 43%;
    display: inline-block;
    margin: 20px 10px;
  }
}

/** --------------------------------------------------------------------
 *
 * PAGE
 * - GOODS
 */
.goods {
  width: 95%;
  margin: auto;
}
.goods li {
  width: 100%;
  display: inline-block;
  margin: 30px 0;
}
.goods .goods-img {
  text-align: center;
}
.goods li img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  /*.goods li {
    width: 90%;
    display: block;
    margin: 15px auto;
    padding: 15px;
  }
  .goods li img {
    width: 99%;
  }*/
}



/** --------------------------------------------------------------------
 *
 * PAGE
 * - RELEASE
 */
#releasePage h3 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 50px;
  padding: 70px 10px;
  background: -moz-linear-gradient(#132427, #111717);
  background: -webkit-linear-gradient(#132427, #111717);
  background: linear-gradient(to bottom, #132427, #111717);
}
#releasePage .fs {
  font-size: 1.3rem;
  font-weight: bold;
}
#releasePage .midashi {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px double #999;
}
#releasePage .release-title {
  font-size: 1.4rem;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #132427;
  display: inline-block;
}
#releasePage .release-date {
  font-size: 1rem;
}
#releasePage .tokuten {
  padding: 20px;
  border: 3px solid #a90606;
}
#releasePage .disc-title {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #222;
  font-size: 1.2rem;
  font-weight: bold;
}

#releasePage .jk {
  margin: 25px 0;
  padding: 0;
}
#releasePage .jk img{
  width: 100%;
  max-width: 700px;
}
@media only screen and (max-width: 767px) {
  #releasePage {
    font-size: 0.85rem;
  }
  #releasePage .fs {
    font-size: 1rem;
  }
  #releasePage .midashi {
    font-size: 1.2rem;
  }
  #releasePage .release-date {
    font-size: 0.9rem;
  }
  #releasePage .disc-title {
    font-size: 1rem;
  }
}

.boxPDF {
  width: 30%;
  margin: 0 auto 20px auto;
  margin-bottom: 20px;
  padding: 10px 0;
  background-color: #ff0000;
  border: 1px solid #fff;
  text-align: center;
}

#goodsPage #container ul {
  width: 100%;
}
#goodsPage #container ul li {
  width: 20%;
  margin: 10px 20px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
#goodsPage #container ul li img {
  width: 100%;
}
#goodsPage #container ul li .goodsName,
  #goodsPage #container ul li .goodsPrice,
  #goodsPage #container ul li .goodsDetail {
    text-align: left;
  }
@media only screen and (max-width: 767px) {
  #goodsPage #container ul li {
    width: 100%;
    margin: 30px 0;
    block;
  }
}