/** mixin
/**************************************/
/** headline
/**************************************/
@media (max-width: 768px) {
  #information {
    margin-top: 40px; } }

#information > h4 {
  background: #000;
  color: #fff;
  font-size: 14px;
  font-family: 'Playfair Display SC', serif;
  text-align: center;
  padding: 10px 0;
  line-height: 1; }
  @media (max-width: 768px) {
    #information > h4 {
      font-size: 12px;
      padding: 7px 0; } }

/** Extend */
/**************************************/
div#information div#frame {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background: #faf9f7;
  color: #333333; }

/** div#information */
/**************************************/
div#not_supported_msie a {
  text-indent: -9999px;
  background: url("/artist/img/information/not_supported_msie.gif") center top no-repeat;
  height: 79px;
  margin: 0 0 20px;
  display: block; }

/** Tabs */
/**************************************/
div#information ul#tabs {
  background: #e5e5e5;
  border-top: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  border-top: 3px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000; }
  div#information ul#tabs > * {
    box-sizing: border-box; }
  @media screen and (max-width: 640px) {
    div#information ul#tabs {
      flex-wrap: wrap;
      justify-content: flex-start; } }
  div#information ul#tabs > li {
    width: 8.3333333333%;
    height: 32px; }
    @media screen and (max-width: 640px) {
      div#information ul#tabs > li {
        width: 16.6666666667%;
        border-bottom: 1px solid #000; } }
    div#information ul#tabs > li > a {
      height: 100%;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      background: #46b2bf;
      position: relative;
      color: #000;
      font-size: 11px;
      font-weight: bold;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
      -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
      -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
      transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s; }
      @media (max-width: 1000px) {
        div#information ul#tabs > li > a {
          font-size: 9px; } }
      @media screen and (min-width: 768px) {
        div#information ul#tabs > li > a:hover {
          background: #94d8e0;
          text-decoration: none; } }
      @media screen and (max-width: 640px) {
        div#information ul#tabs > li > a {
          font-size: 10px;
          border-bottom: none; } }
      div#information ul#tabs > li > a:hover {
        text-decoration: none; }
      div#information ul#tabs > li > a.current {
        border-bottom: none;
        background: #faf9f7;
        color: #298994;
        height: calc(100% + 1px); }
        @media screen and (max-width: 640px) {
          div#information ul#tabs > li > a.current {
            height: 100%; } }
      div#information ul#tabs > li > a.disabled {
        background: #c0c0c0;
        color: #818181; }
    div#information ul#tabs > li:last-child a {
      border-right: none; }

/** Loader */
/**************************************/
div#information div#loader {
  min-height: 100px;
  position: relative; }
  div#information div#loader .loader-core {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1; }
    div#information div#loader .loader-core div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 24px;
      height: 24px;
      border: 2px solid #dcd2c6;
      border-radius: 50%;
      animation: ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #dcd2c6 transparent transparent transparent; }
      div#information div#loader .loader-core div:nth-child(1) {
        animation-delay: -0.45s; }
      div#information div#loader .loader-core div:nth-child(2) {
        animation-delay: -0.3s; }
      div#information div#loader .loader-core div:nth-child(3) {
        animation-delay: -0.15s; }

@keyframes ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/** Tabs: Time */
/**************************************/
div#information div#tabs_time {
  border-bottom: 1px solid #dcd2c6;
  padding: 6px 0 0 3px; }
  div#information div#tabs_time li {
    margin: 0 5px -1px 0;
    float: left; }
  div#information div#tabs_time a {
    text-indent: -9999px;
    background: transparent no-repeat;
    width: 100px;
    height: 19px;
    position: relative;
    display: block;
    background-position: 0 -19px; }
    div#information div#tabs_time a.current {
      background-position: 0 0; }
    div#information div#tabs_time a.disabled {
      display: none; }
  div#information div#tabs_time.RD a#on,
  div#information div#tabs_time.TV a#on {
    background-image: url("/artist/img/information/tab_time_TVRD_on.gif"); }
  div#information div#tabs_time.RD a#off,
  div#information div#tabs_time.TV a#off {
    background-image: url("/artist/img/information/tab_time_TVRD_off.gif"); }
  div#information div#tabs_time.MZ a#on {
    background-image: url("/artist/img/information/tab_time_MZ_on.gif"); }
  div#information div#tabs_time.MZ a#off {
    background-image: url("/artist/img/information/tab_time_MZ_off.gif"); }

/** Tabs: Close */
/**************************************/
div#information div#tabs_close {
  border-bottom: 1px solid #dcd2c6;
  padding: 6px 3px 0 0;
  display: none; }
  div#information div#tabs_close li {
    margin: 0 0 -1px;
    float: right; }
  div#information div#tabs_close a {
    text-indent: -9999px;
    background: url("/artist/img/information/tab_close.gif") no-repeat;
    width: 100px;
    height: 19px;
    position: relative;
    display: block; }

/** Tables */
/**************************************/
div#information div#list table.off {
  display: none; }

div#information div#list table td, div#information div#list table th {
  font-size: 11px;
  vertical-align: top;
  padding: 6px 10px;
  text-align: left;
  line-height: 1.3; }

div#information div#list table th {
  width: 23%; }
  div#information div#list table th p {
    background: url("/artist/img/information/icon_list.gif") left 4px no-repeat;
    padding: 0 0 0 11px;
    text-align: left; }
  div#information div#list table th.withimg {
    width: 100%;
    overflow: hidden; }
    div#information div#list table th.withimg .img {
      width: 8%;
      float: left; }
      @media (max-width: 768px) {
        div#information div#list table th.withimg .img {
          width: 15%; } }
      @media screen and (max-width: 420px) {
        div#information div#list table th.withimg .img {
          width: 20%; } }
    div#information div#list table th.withimg .data {
      width: 90%;
      float: left;
      text-align: left;
      padding-left: 2%; }
      @media (max-width: 768px) {
        div#information div#list table th.withimg .data {
          width: 85%;
          padding-left: 0; } }
      @media screen and (max-width: 420px) {
        div#information div#list table th.withimg .data {
          width: 80%; } }
    div#information div#list table th.withimg p {
      background: none;
      padding: 0; }

div#information div#list table td {
  width: 77%; }
  div#information div#list table td p {
    border-left: solid 1px #dcd2c6;
    padding: 0 0 0 7px; }

div#information div#list table tr.st td, div#information div#list table tr.st th {
  background: #f2efea; }

div#information div#list p img {
  vertical-align: middle;
  margin: 0 0 0 3px; }

/** Details */
/**************************************/
div#information div#details {
  padding: 10px;
  overflow: hidden; }
  div#information div#details h3 {
    font-weight: bold;
    line-height: 1.4;
    background: #e3e0d8;
    padding: 6px;
    margin: 0 0 5px;
    font-size: 14px; }
    @media (max-width: 768px) {
      div#information div#details h3 {
        font-size: 12px; } }
    div#information div#details h3 span.box {
      width: 100%; }
    div#information div#details h3 span.left {
      margin: 0 3px 0 0; }
  div#information div#details table {
    border-collapse: collapse; }
    div#information div#details table tr.withlabel td, div#information div#details table tr.withlabel th {
      font-size: 11px; }
    div#information div#details table tr.withlabel th {
      width: 20%; }
    div#information div#details table tr.withlabel td {
      width: 80%; }
    div#information div#details table tr td, div#information div#details table tr th {
      font-size: 10px;
      border-bottom: solid 1px #dcd2c6;
      padding: 4px 4px 4px 0; }
      div#information div#details table tr td.text, div#information div#details table tr th.text {
        font-size: 11px; }
        div#information div#details table tr td.text p, div#information div#details table tr th.text p {
          border: none;
          padding: 0;
          line-height: 20px; }
    div#information div#details table tr td p {
      border-left: solid 1px #dcd2c6;
      padding: 0 0 0 5px; }

/** Details: Summary */
/**************************************/
div#information div#details div#details_summary {
  width: 22.6890756303%;
  float: left; }
  @media (max-width: 768px) {
    div#information div#details div#details_summary {
      width: 100%;
      margin-bottom: 20px;
      float: none; } }
  div#information div#details div#details_summary .img {
    margin: 0 0 5px; }
    div#information div#details div#details_summary .img img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 768px) {
        div#information div#details div#details_summary .img img {
          display: inline-block; } }
    @media (max-width: 768px) {
      div#information div#details div#details_summary .img {
        text-align: center; } }
  div#information div#details div#details_summary table {
    margin: 0 0 10px; }
  div#information div#details div#details_summary tr.withlabel td, div#information div#details div#details_summary tr.withlabel th {
    font-size: 10px; }
  div#information div#details div#details_summary tr.withlabel th {
    width: 48%; }
  div#information div#details div#details_summary tr.withlabel td {
    width: 52%; }
  div#information div#details div#details_summary #link_os {
    background: #dddddd;
    padding: 5px; }
    @media (max-width: 768px) {
      div#information div#details div#details_summary #link_os {
        text-align: center;
        padding: 10px; } }
    div#information div#details div#details_summary #link_os p {
      font-size: 10px;
      margin: 0 0 5px; }
      @media (max-width: 768px) {
        div#information div#details div#details_summary #link_os p br {
          display: none; } }
    div#information div#details div#details_summary #link_os a {
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
      -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
      -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
      transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s; }
      div#information div#details div#details_summary #link_os a.btn {
        text-indent: -9999px;
        width: 125px;
        height: 25px;
        display: block;
        background-image: url("/artist/img/information/btn_buy.gif");
        background-repeat: no-repeat;
        background-size: 100% auto; }
        @media (max-width: 1000px) {
          div#information div#details div#details_summary #link_os a.btn {
            width: 100%; } }
        @media (max-width: 768px) {
          div#information div#details div#details_summary #link_os a.btn {
            display: inline-block;
            width: 125px; } }
      @media screen and (min-width: 768px) {
        div#information div#details div#details_summary #link_os a:hover {
          opacity: .5; } }

/** Details: Data */
/**************************************/
div#information div#details div#details_data {
  width: 74.7899159664%;
  float: right; }
  @media (max-width: 768px) {
    div#information div#details div#details_data {
      width: 100%;
      float: none; } }
  div#information div#details div#details_data table {
    table-layout: fixed; }
    div#information div#details div#details_data table tr.withlabel th {
      width: 15%; }
    div#information div#details div#details_data table tr.withlabel td {
      width: 85%; }
  div#information div#details div#details_data .disc table {
    table-layout: auto; }

/** Details: Discs */
/**************************************/
div#information div#details div.disc {
  padding: 20px 0 0; }
  div#information div#details div.disc h4 {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    border: 1px solid #dddddd;
    padding: 4px;
    margin: 0 0 5px; }
  div#information div#details div.disc thead th {
    padding: 4px 0;
    /*&.music,
      &.chakuuta,
      &.chakuuta_full,
      &.video {
        p {
          font-size: 10px;
          width: 38px;
          text-align: center;

          @include onlyMobile() {
            font-size: 8px;
            width: 30px;
          }
        }
      }*/ }
    div#information div#details div.disc thead th p {
      line-height: 1.4;
      line-height: 1;
      background: transparent center center no-repeat;
      border-left: solid 1px #dcd2c6;
      height: 20px;
      color: #333;
      font-size: 10px;
      vertical-align: middle;
      display: flex;
      align-items: center;
      justify-content: center; }
    div#information div#details div.disc thead th.no {
      width: 30px; }
      div#information div#details div.disc thead th.no p {
        border-left: none; }
    div#information div#details div.disc thead th.title {
      width: calc(100% - 30px); }
  div#information div#details div.disc tbody th {
    text-align: center; }
  div#information div#details div.disc tbody a {
    text-indent: -9999px;
    background: url("/artist/img/information/btn_disc.gif") no-repeat;
    width: 11px;
    height: 11px;
    margin: 0 auto;
    display: block; }

/** Pages */
/**************************************/
div#information div#pages ul {
  text-align: center;
  margin: 15px 0; }
  div#information div#pages ul.off {
    display: none; }
  div#information div#pages ul li {
    font-size: 13px;
    border-right: solid 1px #999999;
    padding: 0 12px;
    display: inline; }
    @media (max-width: 768px) {
      div#information div#pages ul li {
        font-size: 12px; } }
    div#information div#pages ul li.last {
      border: none; }
    div#information div#pages ul li a.current {
      color: #000000;
      font-weight: bold; }

/** clearfix */
/**************************************/
div#information div#tabs_close ul:after,
div#information div#tabs_time ul:after {
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
  display: block; }

div#information div#tabs_close ul,
div#information div#tabs_time ul {
  display: inline-block; }

* html div#information div#tabs_close ul,
* html div#information div#tabs_time ul {
  height: 1%; }

div#information div#tabs_close ul,
div#information div#tabs_time ul {
  display: block; }

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