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

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

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

a img {
  border: none;
}

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

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("../font/NotoSansCJKjp-Thin.eot");
  src: url("../font/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Thin.woff") format("woff"), url("../font/NotoSansCJKjp-Thin.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansCJKjp-Regular.eot");
  src: url("../font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Regular.woff") format("woff"), url("../font/NotoSansCJKjp-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansCJKjp-Medium.eot");
  src: url("../font/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSansCJKjp-Bold.eot");
  src: url("../font/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Bold.woff") format("woff"), url("../font/NotoSansCJKjp-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Lovelo-Black";
  src: url("../font/Lovelo_Black.eot?") format("eot"), url("../font/Lovelo_Black.woff") format("woff"), url("../font/Lovelo_Black.ttf") format("truetype"), url("../font/Lovelo_Black.svg#Lovelo-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* ========================================
common style
========================================*/
html {
  color: white;
  font-weight: 400px;
  font-family: "Noto Sans Japanese";
  font-size: 62.5%;
  background: url(../img/page_bg_rep.png) 0 0 repeat;
}
html body {
  font-size: 1.6em;
  letter-spacing: 1px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
html body.teaser {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../img/bg.png) 0 0 repeat;
}

a {
  color: white;
}
a:hover {
  color: white;
}
a:active {
  color: white;
}

::-moz-selection {
  color: white;
  background: #e73057;
}

::selection {
  color: white;
  background: #e73057;
}

::-moz-selection {
  color: white;
  background: #e73057;
}

img {
  vertical-align: bottom;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

input[type="button"], input[type="submit"], input[type="text"], textarea {
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  margin: 0px;
  padding: 0px;
}
input[type="button"]:focus, input[type="submit"]:focus, input[type="text"]:focus, textarea:focus {
  outline: none;
}

input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.hover-alpha {
  -webkit-transition: opacity .3s ease-out 0s;
          transition: opacity .3s ease-out 0s;
}
.hover-alpha:hover {
  opacity: .7;
  -webkit-transition: opacity .3s ease-out 0s;
          transition: opacity .3s ease-out 0s;
}

.mv-slider,
.content-artist-archive,
.content-artist-detail {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media print {
  .mv-slider-item,
  .main-img,
  .artist-list {
    display: none;
  }
}
/* ========================================
top teaser
========================================*/
#container {
  width: 687px;
  margin: 0 auto;
}

#counter-box {
  width: 687px;
  height: 401px;
  margin: 155px auto 30px;
  background: url(../img/c_frame.png) 0 0 no-repeat;
}
#counter-box .logo {
  top: 17px;
  width: 379px;
  height: 119px;
  margin: 0 auto 60px;
  position: relative;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/logo.png);
}
#counter-box .counter {
  text-align: center;
}
#counter-box .counter .counter-item {
  font-weight: 700;
  padding-top: 18px;
  position: relative;
  display: inline-block;
  font-size: 80px;
  font-size: 8rem;
  font-family: "Lato", Helvetica, Arial, Meiryo, メイリオ, sans-serif;
  background-position: 50% 0;
  background-repeat: no-repeat;
  text-shadow: 0 0 6px #e1d614, 0 0 8px #e1d614, 0 0 10px rgba(225, 214, 20, 0.4);
}
#counter-box .counter .counter-item.coron {
  margin-right: 30px;
}
#counter-box .counter .counter-item.coron:after {
  top: 10px;
  right: -25px;
  content: ':';
  display: absolute;
  position: absolute;
}
#counter-box .counter .counter-item .num {
  display: block;
  letter-spacing: 5px;
  text-align: center;
  opacity: 1;
}
#counter-box .counter .counter-item .num.hide {
  top: 13px;
  position: absolute;
  -webkit-animation: hideNum 0.3s Linear;
          animation: hideNum 0.3s Linear;
}
#counter-box .counter .day {
  background-image: url(../img/c_icon_day.png);
}
#counter-box .counter .hour {
  background-image: url(../img/c_icon_hour.png);
}
#counter-box .counter .min {
  background-image: url(../img/c_icon_min.png);
}
#counter-box .counter .sec {
  background-image: url(../img/c_icon_sec.png);
}

@-webkit-keyframes hideNum {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    display: none;
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
  }
}

@keyframes hideNum {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    display: none;
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
  }
}

.teaser-bn-list {
  text-align: center;
  margin: 0 17px 40px;
  font-family: "Lato", Helvetica, Arial, Meiryo, メイリオ, sans-serif;
}
.teaser-bn-list .bn-list-inner span, .teaser-bn-list .bn-list-inner a {
  line-height: 50px;
  margin-right: 15px;
  display: inline-block;
}
.teaser-bn-list .bn-list-inner a {
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
}

.teaser-footer {
  margin: 0 17px;
  text-align: right;
}
.teaser-footer .sns {
  margin-bottom: 15px;
}
.teaser-footer .sns li {
  line-height: 1;
  margin-left: 10px;
  display: inline-block;
}
.teaser-footer .sns li div {
  display: inline-block;
}
.teaser-footer .sns .facebook .fb-like span {
  height: 22px !important;
}
.teaser-footer .copy {
  color: #5b5b5b;
  letter-spacing: 1px;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: Meiryo, メイリオ, sans-serif;
}

/* ========================================
top
========================================*/
.container {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  min-width: 1058px;
}

#home-contents {
  visibility: hidden;
}

.lower-curtain, .op-block {
  width: 100%;
  position: absolute;
  min-width: 1024px;
}
.lower-curtain .lower-curtain-inner, .lower-curtain .op-block-inner, .op-block .lower-curtain-inner, .op-block .op-block-inner {
  margin: 0 auto;
}
.lower-curtain .op-curtain-l, .lower-curtain .op-curtain-r, .op-block .op-curtain-l, .op-block .op-curtain-r {
  top: 0;
  z-index: 199;
  width: 958px;
  height: 2255px;
  position: absolute;
}
.lower-curtain .op-curtain-l, .op-block .op-curtain-l {
  right: 100%;
  background: url(../img/op_curtain_left.png) 0 -10px no-repeat;
}
.lower-curtain .op-curtain-r, .op-block .op-curtain-r {
  left: 100%;
  background: url(../img/op_curtain_right.png) 0 -10px no-repeat;
}

.op-skip {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  cursor: pointer;
  position: fixed;
}

.lower-curtain .lower-curtain-inner {
  width: 1300px;
  position: relative;
}

@media screen and (max-width: 1300px) {
  .lower-curtain .lower-curtain-inner {
    width: 100%;
  }
}
.op-block.start .op-block-inner {
  position: static;
}
.op-block.start .op-block-inner.opened {
  width: 1300px;
  position: relative;
}
.op-block.start .op-logo-area {
  display: block;
}
.op-block.start .op-curtain-l {
  right: 48.5%;
}
.op-block.start .op-curtain-r {
  left: 48.5%;
}

@media screen and (max-width: 1300px) {
  .op-block.start .op-block-inner.opened {
    width: 100%;
  }
}
.op-block .op-logo-area {
  z-index: 200;
  width: 800px;
  height: 400px;
  display: none;
  position: relative;
  margin: 168px auto 0;
}
.op-block .op-logo-area > div {
  width: 800px;
  height: 400px;
  position: absolute;
}
.op-block .op-logo-area .logo {
  opacity: 0;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/op_logo.png) 0 0 no-repeat;
}
.op-block .op-logo-area .kira1, .op-block .op-logo-area .kira2, .op-block .op-logo-area .kira3 {
  opacity: 0;
}
.op-block .op-logo-area .kira1 {
  background: url(../img/op_kira1.png) 0 0 no-repeat;
}
.op-block .op-logo-area .kira2 {
  background: url(../img/op_kira2.png) 0 0 no-repeat;
}
.op-block .op-logo-area .kira3 {
  background: url(../img/op_kira3.png) 0 0 no-repeat;
}

.site-body {
  min-width: 1058px;
  background: url(../img/page_bg.jpg) 50% 0 no-repeat;
}

.header {
  height: 193px;
  margin: 0 auto;
  width: 1058px;
  position: relative;
}
.header .logo {
  top: 0;
  left: 17px;
  z-index: 10;
  position: absolute;
}
.header .logo a {
  width: 189px;
  height: 222px;
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/h_logo.png) 0 0 no-repeat;
}
.header .date {
  top: 40px;
  right: 190px;
  width: 470px;
  height: 67px;
  position: absolute;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/h_date.png) 0 0 no-repeat;
}
.header .h-counter-box {
  top: 0;
  right: 0;
  width: 176px;
  height: 192px;
  padding: 20px;
  position: absolute;
  font-family: "Lato", Helvetica, Arial, Meiryo, メイリオ, sans-serif;
  background: url(../img/h_count_frame.png) 0 0 no-repeat;
  text-shadow: 0 0 6px #e1d614, 0 0 8px #e1d614, 0 0 10px rgba(225, 214, 20, 0.4);
}
.header .h-counter-box .today {
  padding-top: 35px;
  text-align: center;
  background: url(../img/h_count_icon_tody.png) 50% 10px no-repeat;
}
.header .h-counter-box .today .month, .header .h-counter-box .today .slash, .header .h-counter-box .today .day {
  vertical-align: top;
}
.header .h-counter-box .today .month {
  font-size: 32px;
  font-size: 3.2rem;
}
.header .h-counter-box .today .slash {
  top: 4px;
  position: relative;
  letter-spacing: -1px;
  font-size: 30px;
  font-size: 3rem;
}
.header .h-counter-box .today .day {
  font-weight: 700;
  font-size: 60px;
  font-size: 6rem;
}
.header .h-counter-box .count-days {
  width: 100px;
  margin: 0 auto;
  letter-spacing: 2px;
  font-size: 32px;
  font-size: 3.2rem;
  padding: 8px 40px 0 5px;
  border-top: 2px solid #fff;
  background: url(../img/h_count_icon_days.png) 55px 25px no-repeat;
}
.header .gnav {
  z-index: 1;
  top: 115px;
  left: 115px;
  position: absolute;
  border-bottom: 4px solid #000000;
}
.header .gnav ul {
  padding-left: 128px;
}
.header .gnav ul li {
  float: left;
  position: relative;
}
.header .gnav ul li a {
  height: 47px;
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.header .gnav ul li a.hover-link {
  background-position: 0 -51px;
  -webkit-animation: hoverLight 0.4s linear;
          animation: hoverLight 0.4s linear;
}
.header .gnav ul .active:after {
  bottom: -9px;
  width: 100%;
  height: 5px;
  content: '';
  display: block;
  position: absolute;
  background: url(../img/gnav_active_icon.png) 50% 0 no-repeat;
}
.header .gnav ul .top a {
  width: 84px;
  background-image: url(../img/gnav_top.png);
}
.header .gnav ul .news a {
  width: 109px;
  background-image: url(../img/gnav_news.png);
}
.header .gnav ul .artist a {
  width: 129px;
  background-image: url(../img/gnav_artist.png);
}
.header .gnav ul .ticket a {
  width: 127px;
  background-image: url(../img/gnav_ticket.png);
}
.header .gnav ul .goods a {
  width: 121px;
  background-image: url(../img/gnav_goods.png);
}
.header .gnav ul .goods.no-link a {
  width: 121px;
  background-image: url(../img/gnav_goods_nolink.png);
}
.header .gnav ul .goods.no-link a:hover {
  background-position: 50% 0;
}
.header .gnav ul .qa a {
  width: 85px;
  background-image: url(../img/gnav_qa.png);
}

@-webkit-keyframes hoverLight {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hoverLight {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

.mv-slider {
  height: 450px;
  background: #000;
  margin-bottom: 30px;
}
.mv-slider .mv-slider-inner {
  margin: 0 auto;
  width: 1024px;
  position: relative;
}
.mv-slider .mv-slider-item {
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  position: absolute;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.mv-slider .mv-slider-item.active {
  z-index: 3;
}
.mv-slider .mv-slider-item.next {
  z-index: 2;
}
.mv-slider .mv-slider-item.fade {
  z-index: 4;
  -webkit-animation: sliderHide 0.25s cubic-bezier(0.15, 1.08, 0.93, 0.98);
          animation: sliderHide 0.25s cubic-bezier(0.15, 1.08, 0.93, 0.98);
}
.mv-slider .mv-btns span {
  top: 0px;
  width: 19px;
  z-index: 10;
  height: 450px;
  display: block;
  cursor: pointer;
  position: absolute;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.mv-slider .mv-btns .prev {
  left: -80px;
  background: url(../img/mv_btn_prev.png) 0 50% no-repeat;
}
.mv-slider .mv-btns .next {
  right: -80px;
  background: url(../img/mv_btn_next.png) 0 50% no-repeat;
}

@-webkit-keyframes sliderHide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }

  100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
}

@keyframes sliderHide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }

  100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
}

.bnr-list-top ul {
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: -.3em;
}
.bnr-list-top li {
  padding-left: 10px;
  display: inline-block;
  letter-spacing: normal;
}
.bnr-list-top li:first-child {
  padding-left: 0;
}

.news-area {
  width: 1024px;
  margin: 0 auto 30px;
}
.news-area .news-list {
  margin-right: 317px;
}
.news-area .news-list .ttl {
  height: 59px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/ttl_news_list.png) 50% 0 no-repeat;
}
.news-area .news-list ul {
  max-height: 240px;
  overflow-y: scroll;
}
.news-area .news-list ul li {
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.news-area .news-list ul li a {
  width: 100%;
  display: table;
  padding: 12px 35px 12px 0;
  line-height: 1.4;
  text-decoration: none;
  -webkit-transition: background-color .3s ease-out 0s;
          transition: background-color .3s ease-out 0s;
  background: url(../img/icon_arrow_white.png) 97% 50% no-repeat;
}
.news-area .news-list ul li a:hover {
  background-color: #000;
  -webkit-transition: background-color .3s ease-out 0s;
          transition: background-color .3s ease-out 0s;
}
.news-area .news-list ul li a span {
  display: table-cell;
}
.news-area .news-list ul li a .date {
  width: 180px;
  padding-left: 20px;
  font-weight: 700px;
  font-size: 25px;
  font-size: 2.5rem;
  font-family: "Lato", Helvetica, Arial, Meiryo, メイリオ, sans-serif;
}
.news-area .news-list ul li a .text {
  font-size: 18px;
  font-size: 1.8rem;
}
.news-area .side-bnr {
  width: 287px;
  float: right;
  padding-top: 59px;
}
.news-area .side-bnr li {
  margin-bottom: 10px;
  -webkit-transition: opacity .3s ease-out 0s;
          transition: opacity .3s ease-out 0s;
}
.news-area .side-bnr li:hover {
  opacity: .7;
  -webkit-transition: opacity .3s ease-out 0s;
          transition: opacity .3s ease-out 0s;
}

.anniversary-memory {
  width: 1058px;
  height: 619px;
  margin: 0 auto 20px;
  background: url(../img/memory_frame.png) 0 0 no-repeat;
}
.anniversary-memory .ttl {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.anniversary-memory .left-block {
  width: 415px;
  float: left;
  padding: 50px 25px 0;
  margin: 86px 0 0 20px;
  line-height: 2;
}
.anniversary-memory .left-block .text {
  margin-bottom: 20px;
}
.anniversary-memory .left-block .text .hash {
  color: #e73057;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
.anniversary-memory .left-block .btn-twitter {
  text-align: center;
}
.anniversary-memory .left-block .btn-twitter a {
  width: 345px;
  height: 99px;
  display: inline-block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../img/btn_twitter.png);
}
.anniversary-memory .left-block .btn-twitter a.hover-link {
  background-position: 0 -99px;
  -webkit-animation: hoverLight 0.4s linear;
          animation: hoverLight 0.4s linear;
}
.anniversary-memory .right-block {
  width: 600px;
  float: right;
  margin: 136px 20px 0 0;
}
.anniversary-memory .right-block iframe {
  display: block !important;
  margin: 0 auto !important;
}

.tl-block {
  padding: 30px 0;
  background: #fff;
}
.tl-block .tl-block-inner {
  margin: 0 auto;
  width: 1024px;
}
.tl-block .support {
  border: 8px solid #000;
  margin-bottom: 30px;
}
.tl-block .support .support-inner {
  padding: 20px 30px 30px;
  border: 8px solid #c7c7c7;
}
.tl-block .support .support-inner .ttl {
  width: 166px;
  height: 27px;
  margin: 0 auto 30px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/spt_ttl.png) 0 0 no-repeat;
}
.tl-block .support .support-inner .ttl-sub {
  width: 30px;
  height: 14px;
  margin: 0 auto 20px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.tl-block .support .support-inner .sponsorship {
  margin-bottom: 40px;
}
.tl-block .support .support-inner .sponsorship .ttl-sub {
  background-image: url(../img/spt_sp_ttl.png);
}
.tl-block .support .support-inner .cooperation .ttl-sub {
  background-image: url(../img/spt_cp_ttl.png);
}
.tl-block .support .support-inner ul {
  text-align: center;
}
.tl-block .support .support-inner ul li {
  margin-left: 30px;
  display: inline-block;
}
.tl-block .support .support-inner ul li:first-child {
  margin-left: 0;
}
.tl-block .support .support-inner ul li img {
  height: 27px;
}
.tl-block .twitter-timeline, .tl-block .fb-tl {
  float: left;
  display: block;
}
.tl-block .fb-tl {
  width: 500px;
  height: 320px;
  margin-left: 24px;
}

.footer {
  padding-bottom: 100px;
}
.footer .footer-inner {
  margin: 0 auto;
  width: 1024px;
  padding-top: 50px;
}
.footer .page-top {
  text-align: center;
}
.footer .page-top a {
  width: 61px;
  height: 43px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  background: url(../img/page_top.png) 0 0 no-repeat;
}
.footer .bn-list {
  margin: 0 0 20px;
}
.footer .bn-list .bn-list-inner {
  padding-right: 17px;
}
.footer .bn-list .bn-list-inner .ttl {
  float: left;
  width: 200px;
  height: 50px;
  margin-right: 15px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/ttl_bn.png) 0 50% no-repeat;
}
.footer .bn-list .bn-list-inner .history-links a {
  line-height: 50px;
  margin-right: 15px;
  -webkit-transition: color .3s ease-out 0s;
          transition: color .3s ease-out 0s;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
  display: inline-block;
}
.footer .bn-list .bn-list-inner .history-links a:hover {
  color: #e73057;
  -webkit-transition: color .3s ease-out 0s;
          transition: color .3s ease-out 0s;
}
.footer .bn-list .bn-list-inner .link {
  width: 16px;
  height: 50px;
  float: right;
  display: block;
  margin-left: 15px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.footer .bn-list .bn-list-inner .twitter {
  background: url(../img/icon_twitter.png) 0 50% no-repeat;
}
.footer .bn-list .bn-list-inner .facebook {
  background: url(../img/icon_facebook.png) 0 50% no-repeat;
}
.footer .sns {
  padding: 0 17px;
  margin-bottom: 30px;
}
.footer .sns li {
  float: left;
  margin-right: 15px;
}
.footer .copy {
  display: block;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 1px;
}

/* ========================================
lower
========================================*/
.lower-contents {
  padding-top: 25px;
  background: url(../img/lower_bg.png) 0 0 repeat;
}
.lower-contents .lower-contents-inner {
  width: 1024px;
  margin: 0 auto;
}
.lower-contents .content-main {
  float: left;
  width: 685px;
  margin-bottom: 300px;
  position: relative;
  z-index: 2;
}
.lower-contents .content-right {
  float: right;
  width: 320px;
}

.ttl-main {
  height: 62px;
  margin-bottom: 35px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

.bnr-list-side li {
  margin-bottom: 10px;
}

/* ========================================
 news
========================================*/
.ttl-main.news {
  background-image: url(../img/news_main_ttl.png);
}

.news-post .ttl-area {
  margin-bottom: 30px;
  padding-bottom: 20px;
  background: url(../img/bd_dotted.gif) 0 100% repeat-x;
}
.news-post .ttl-area time, .news-post .ttl-area .ttl {
  margin-right: 160px;
}
.news-post .ttl-area time {
  color: #aca87a;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
  font-family: "Lato", Helvetica, Arial, Meiryo, メイリオ, sans-serif;
}
.news-post .ttl-area .ttl {
  line-height: 1.5;
  font-size: 22px;
  font-size: 2.2rem;
}
.news-post .ttl-area .sns-btns {
  float: right;
}
.news-post .ttl-area .sns-btns .twitter-share-button, .news-post .ttl-area .sns-btns .fb-like {
  float: left;
}
.news-post .ttl-area .sns-btns .twitter-share-button {
  margin-right: 10px;
}
.news-post .content {
  line-height: 2;
}
.news-post .content .ttl-sub {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
}
.news-post .content .image-item {
  margin-bottom: 20px;
}
.news-post .content .image-item img {
  margin-bottom: 5px;
}
.news-post .content .image-item .caption {
  line-height: 1.2;
  font-size: 12px;
  font-size: 1.2rem;
}
.news-post .content p, .news-post .content .text {
  margin-bottom: 2em;
}

.news-bn-list-content {
  float: right;
  width: 320px;
  margin-bottom: 50px;
}
.news-bn-list-content .ttl, .news-bn-list-content .bn-list {
  position: relative;
}
.news-bn-list-content .ttl {
  height: 54px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 2;
  background: url(../img/news_bn_ttl.png) 50% 0 no-repeat;
}
.news-bn-list-content .bn-list {
  z-index: 1;
  margin-top: -18px;
  padding-bottom: 95px;
  border: 3px solid #fff;
  box-shadow: 0 0 10px rgba(225, 214, 20, 0.8), 0 0 12px rgba(225, 214, 20, 0.8), 0 0 10px rgba(225, 214, 20, 0.8) inset, 0 0 10px rgba(225, 214, 20, 0.8) inset;
}
.news-bn-list-content .bn-list ul {
  width: 314px;
  margin: 0 auto;
}
.news-bn-list-content .bn-list ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: url(../img/icon_arrow_white.png) 285px 50% no-repeat;
  -webkit-transition: background-color .3s ease-out 0s;
          transition: background-color .3s ease-out 0s;
}
.news-bn-list-content .bn-list ul li:hover {
  background-color: #3f400e;
  -webkit-transition: background-color .3s ease-out 0s;
          transition: background-color .3s ease-out 0s;
}
.news-bn-list-content .bn-list ul a {
  display: block;
  text-decoration: none;
  padding: 15px 35px 15px 20px;
}
.news-bn-list-content .bn-list ul a:hover {
  color: #fff;
}
.news-bn-list-content .bn-list ul a time {
  color: #aca87a;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
  font-family: "Lato", Helvetica, Arial, Meiryo, メイリオ, sans-serif;
}
.news-bn-list-content .bn-list ul a p {
  line-height: 1.5;
  font-size: 17px;
  font-size: 1.7rem;
}
.news-bn-list-content .bn-list .btns {
  bottom: 0;
  width: 100%;
  height: 95px;
  padding-top: 25px;
  position: absolute;
  text-align: center;
}
.news-bn-list-content .bn-list .btns .btn {
  height: 50px;
  width: 105px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  background-position: 0 -50px;
  background-repeat: no-repeat;
}
.news-bn-list-content .bn-list .btns .btn[href] {
  background-position: 0 0px;
}
.news-bn-list-content .bn-list .btns .btn.hover-link {
  background-position: 0 -50px;
  -webkit-animation: hoverBnBtn 0.4s linear;
          animation: hoverBnBtn 0.4s linear;
}
.news-bn-list-content .bn-list .btns .btn.prev {
  background-image: url(../img/bn_list_btn_prev.png);
}
.news-bn-list-content .bn-list .btns .btn.next {
  background-image: url(../img/bn_list_btn_next.png);
}

@-webkit-keyframes hoverBnBtn {
  0% {
    background-position: 0 0px;
  }

  49% {
    opacity: 0;
    background-position: 0 0px;
  }

  50% {
    background-position: 0 -50px;
  }

  100% {
    opacity: 1;
    background-position: 0 -50px;
  }
}

@keyframes hoverBnBtn {
  0% {
    background-position: 0 0px;
  }

  49% {
    opacity: 0;
    background-position: 0 0px;
  }

  50% {
    background-position: 0 -50px;
  }

  100% {
    opacity: 1;
    background-position: 0 -50px;
  }
}

/* ========================================
qa
========================================*/
.ttl-main.qa {
  background-image: url(../img/qa_main_ttl.png);
}

.qa-list dt {
  color: #aaa;
  line-height: 1.4;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
  padding: 0 20px 0 50px;
  background: url(../img/qa_icon_q.png) 0 0 no-repeat;
}
.qa-list dd {
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  padding: 0 20px 20px 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: url(../img/qa_icon_a.png) 0 0 no-repeat;
}

/* ========================================
ticket
========================================*/
.ttl-main.ticket {
  background-image: url(../img/ticket_main_ttl.png);
}

.tbl-ticket {
  width: 100%;
}
.tbl-ticket th, .tbl-ticket td {
  padding: 20px;
  line-height: 1.6;
  border: 2px solid #45435d;
}
.tbl-ticket th {
  width: 27%;
  text-align: center;
  background: url(../img/tbl_th_bg.png) 0 0 repeat;
}
.tbl-ticket td .link-eplus {
  padding-left: 5px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  -webkit-transition: color .3s ease-out 0s;
          transition: color .3s ease-out 0s;
  display: inline-block;
}
.tbl-ticket td .link-eplus:hover {
  color: #e73057;
  -webkit-transition: color .3s ease-out 0s;
          transition: color .3s ease-out 0s;
}
.tbl-ticket td .link-general {
  width: 259px;
  height: 47px;
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/btn_tiket_general.png) 0 0 no-repeat;
}
.tbl-ticket td .link-drefes {
  -webkit-transition: color .3s ease-out 0s;
          transition: color .3s ease-out 0s;
  letter-spacing: 1px;
}
.tbl-ticket td .link-drefes:hover {
  color: #e73057;
  -webkit-transition: color .3s ease-out 0s;
          transition: color .3s ease-out 0s;
}
.tbl-ticket td .preceding {
  margin-top: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}

/* ========================================
artist
========================================*/
.ttl-main.artist {
  margin-bottom: 20px;
  background-image: url(../img/artist_main_ttl.png);
}

.content-artist-archive {
  padding-bottom: 130px;
}
.content-artist-archive .artist-block {
  margin-bottom: 70px;
}
.content-artist-archive .artist-block .ttl {
  height: 30px;
  margin-bottom: 20px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.content-artist-archive .artist-block .ttl.date1 {
  background-image: url(../img/artist_ttl_date1.png);
}
.content-artist-archive .artist-block .ttl.date2 {
  background-image: url(../img/artist_ttl_date2.png);
}
.content-artist-archive .artist-block .ttl.date3 {
  background-image: url(../img/artist_ttl_date3.png);
}
.content-artist-archive .andmore {
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
}

.artist-list {
  margin-left: 16px;
}
.artist-list li {
  float: left;
  width: 320px;
  margin: 0 0 25px 16px;
}
.artist-list li a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.artist-list li a:hover {
  color: #fff;
}
.artist-list li a .thum {
  z-index: 1;
  display: block;
  position: relative;
}
.artist-list li a .name {
  z-index: 2;
  margin-top: 5px;
  padding-top: 3px;
  position: relative;
  font-size: 17px;
  font-size: 1.7rem;
  display: inline-block;
}
.artist-list li a .name.small {
  font-size: 13px;
  font-size: 1.3rem;
}
.artist-list li a .name.comment {
  padding-right: 23px;
  background: url(../img/icon_comment.png) 100% 0 no-repeat;
}

.content-artist-detail {
  padding-bottom: 200px;
}

.artist-info .ttl {
  text-align: center;
  margin-bottom: 20px;
  font-size: 26px;
  font-size: 2.6rem;
}
.artist-info .main-img {
  text-align: center;
  margin-bottom: 40px;
}
.artist-info .note {
  margin-bottom: 50px;
  line-height: 2;
}
.artist-info .note p {
  margin-bottom: 1em;
}
.artist-info .note p:last-child {
  margin-bottom: 0;
}
.artist-info .movie {
  min-height: 315px;
  text-align: center;
  margin-bottom: 50px;
}
.artist-info .btn-back {
  width: 107px;
  height: 51px;
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../img/btn_back.png);
}
.artist-info .btn-back:hover {
  background-position: 0 -51px;
  -webkit-animation: hoverBackBtn 0.4s linear;
          animation: hoverBackBtn 0.4s linear;
}

@-webkit-keyframes hoverBackBtn {
  0% {
    background-position: 0 0px;
  }

  49% {
    opacity: 0;
    background-position: 0 0px;
  }

  50% {
    background-position: 0 -51px;
  }

  100% {
    opacity: 1;
    background-position: 0 -51px;
  }
}

@keyframes hoverBackBtn {
  0% {
    background-position: 0 0px;
  }

  49% {
    opacity: 0;
    background-position: 0 0px;
  }

  50% {
    background-position: 0 -51px;
  }

  100% {
    opacity: 1;
    background-position: 0 -51px;
  }
}

/* ========================================
 history
========================================*/
.ttl-main.history {
  margin-bottom: 20px;
  background-image: url(../img/history_main_ttl.png);
}

#cd-timeline {
  position: relative;
}

.contents-history {
  padding-bottom: 200px;
}

.year-block {
  position: relative;
  padding-bottom: 135px;
}
.year-block#year-block2014 {
  padding-bottom: 75px;
}
.year-block:before {
  content: '';
  position: absolute;
  left: 73px;
  width: 6px;
  background: #4d4d4d;
  background: rgba(255, 255, 255, 0.3);
}
.year-block .ttl {
  float: left;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.year-block .lnav {
  float: right;
  margin-top: 55px;
  font-size: 14px;
  font-size: 1.4rem;
}
.year-block .lnav ul {
  margin-bottom: 15px;
}
.year-block .lnav ul li {
  float: left;
  padding: 0 10px;
  border-left: 1px solid #b585da;
}
.year-block .lnav ul li:first-child {
  border-left: none;
}
.year-block .lnav ul li a {
  color: #b585da;
  text-decoration: none;
}
.year-block .lnav .text {
  color: #737272;
  display: block;
  text-align: right;
}

.year-block.year2011:before {
  top: 5.4%;
  height: 94.6%;
}
.year-block.year2011 .ttl {
  width: 429px;
  height: 100px;
  background-image: url(../img/history_ttl_year2011.png);
}

.year-block.year2012:before {
  top: 3.4%;
  height: 96.6%;
}
.year-block.year2012 .ttl {
  width: 553px;
  height: 100px;
  background-image: url(../img/history_ttl_year2012.png);
}

.year-block.year2013:before {
  top: 4.7%;
  height: 95.3%;
}
.year-block.year2013 .ttl {
  width: 653px;
  height: 102px;
  background-image: url(../img/history_ttl_year2013.png);
}

.year-block.year2014:before {
  top: 4.7%;
  height: 95.3%;
}
.year-block.year2014 .ttl {
  width: 577px;
  height: 103px;
  background-image: url(../img/history_ttl_year2014.png);
}

.cd-timeline-block {
  padding-left: 20px;
  margin-bottom: 55px;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
.cd-timeline-block .cd-timeline-img {
  float: left;
}
.cd-timeline-block .cd-timeline-content {
  position: relative;
  border-radius: 10px;
  margin: 0 9px 0 125px;
  padding: 32px 0 32px 36px;
  box-shadow: 0 2px 0 #77717f;
  background: url(../img/bg_white01.png) 0 0 repeat;
}
.cd-timeline-block .cd-timeline-content.area {
  padding-top: 20px;
}
.cd-timeline-block .cd-timeline-content:before {
  top: 50px;
  right: 100%;
  width: 15px;
  height: 20px;
  content: '';
  display: block;
  position: absolute;
  background: url(../img/history_balloon_tri.png) 0 0 no-repeat;
}
.cd-timeline-block .cd-timeline-content .live-area {
  margin-top: 5px;
}
.cd-timeline-block .cd-timeline-content .live-area:first-child {
  margin-top: 0;
}
.cd-timeline-block .cd-timeline-content .live-area .ttl {
  width: 100%;
  height: 48px;
  margin-bottom: 5px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.cd-timeline-block .cd-timeline-content .live-area .ttl.yoyogi {
  background-image: url(../img/history_ttl_year2012_yoyogi.png);
}
.cd-timeline-block .cd-timeline-content .live-area .ttl.sax {
  background-image: url(../img/history_ttl_year2012_sax.png);
}
.cd-timeline-block .cd-timeline-content .artist-block {
  float: left;
  width: 256px;
  margin: 0 13px 13px 0;
}
.cd-timeline-block .cd-timeline-content .artist-block .name {
  font-size: 15px;
  font-size: 1.5rem;
  height: 30px;
  display: block;
  line-height: 30px;
  text-align: center;
  background: url(../img/history_name_label.png) 0 0 no-repeat;
}
.cd-timeline-block .cd-timeline-content .artist-block .name.small {
  font-size: 12px;
  font-size: 1.2rem;
}

.col-line {
  left: 73px;
  height: 6px;
  width: 500px;
  position: relative;
  background: #4d4d4d;
  background: rgba(255, 255, 255, 0.3);
}

.row-line {
  left: 567px;
  width: 6px;
  height: 80px;
  position: relative;
  background: #4d4d4d;
  background: rgba(255, 255, 255, 0.3);
}

.block2015 {
  padding-top: 10px;
  margin: 0 45px 0 140px;
}
.block2015 .ttl {
  height: 108px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/history_ttl_year2015.png) 50% 0 no-repeat;
}
.block2015 .content {
  border: 3px solid #fff;
  box-shadow: 0 0 10px rgba(225, 214, 20, 0.8), 0 0 12px rgba(225, 214, 20, 0.8), 0 0 10px rgba(225, 214, 20, 0.8) inset, 0 0 10px rgba(225, 214, 20, 0.8) inset;
}
.block2015 .content .logo {
  width: 337px;
  height: 106px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  margin: -3px auto 30px;
  background: url(../img/history_2015_logo.png) 50% 0 no-repeat;
}
.block2015 .content .text {
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  font-size: 22px;
  font-size: 2.2rem;
}
.block2015 .content .bnr-list {
  padding: 30px 0;
  background: #333;
  text-align: center;
  margin-bottom: 20px;
}
.block2015 .content .bnr-list a {
  margin-left: 20px;
  display: inline-block;
}
.block2015 .content .bnr-list a:first-child {
  margin-left: 0;
}
.block2015 .content .text-twitter {
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.8;
}
.block2015 .content .text-twitter .hash {
  color: #e73057;
  font-size: 20px;
  font-size: 2rem;
}
.block2015 .content .btn-twitter {
  margin-bottom: 30px;
  text-align: center;
}
.block2015 .content .btn-twitter a {
  width: 345px;
  height: 99px;
  display: inline-block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../img/btn_twitter.png);
}
.block2015 .content .btn-twitter a:hover {
  background-position: 0 -99px;
  -webkit-animation: hoverLight 0.4s linear;
          animation: hoverLight 0.4s linear;
}

/* ========================================
	time line style
========================================*/
.cssanimations .cd-timeline-img.is-hidden,
.cssanimations .cd-timeline-content.is-hidden,
.cssanimations .block2015 {
  visibility: hidden;
}

.cssanimations .cd-timeline-img.bounce-in {
  visibility: visible;
  -webkit-animation: cd-bounce-1 0.6s;
          animation: cd-bounce-1 0.6s;
}

.cssanimations .cd-timeline-content.slide-in {
  visibility: visible;
  -webkit-animation: cd-slide 0.6s cubic-bezier(0.15, 1.08, 0.93, 0.98);
          animation: cd-slide 0.6s cubic-bezier(0.15, 1.08, 0.93, 0.98);
}

.cssanimations .block2015.fade-in {
  visibility: visible;
  -webkit-animation: cd-fade 2s;
          animation: cd-fade 2s;
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes cd-slide {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
            transform: translate(30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes cd-slide {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
            transform: translate(30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes cd-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes cd-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* ========================================
 general style
========================================*/
.clearfix {
  zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}

.clearfix:after {
  clear: both;
}

.font-b {
  font-weight: bold;
}

.line-height {
  line-height: 2;
}

.align-c {
  text-align: center;
}

.fit-list-disc {
  display: table;
}
.fit-list-disc li {
  display: table-row;
}
.fit-list-disc li:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}
.fit-list-disc li:before {
  content: "•";
  display: table-cell;
  padding-right: 0.4em;
}

.fit-list-ol {
  list-style: none;
  padding-left: 0;
  display: table;
}
.fit-list-ol li {
  display: table-row;
  counter-increment: table-ol;
}
.fit-list-ol li:after {
  content: "";
  display: block;
  margin-bottom: 5px;
}
.fit-list-ol li:before {
  content: counter(table-ol) ".";
  display: table-cell;
  padding-right: 0.5em;
  text-align: right;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}