@media print {
  body:not(.isPreview) * {
    display: none !important;
    opacity: 0 !important;
    background: #fff !important; }
  body:not(.isPreview) img {
    display: none !important;
    opacity: 0 !important;
    background: #fff !important; } }

/* ============================================================ keyframes */
@-webkit-keyframes popup {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  80% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes popup {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  80% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/* ============================================================ reset for webview */
img {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  pointer-events: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none; }

a, a:visited, a:link, a:focus, a:hover, label {
  color: inherit;
  text-decoration: inherit;
  tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

html, body {
  -webkit-overflow-scrolling: touch;
  background-color: #eceff1; }

body:not(#Share)::-webkit-scrollbar {
  display: none; }

iframe {
  width: 100% !important; }

.is-gravity {
  position: relative;
  z-index: 1;
  box-shadow: 0px 8px 8px -2px rgba(227, 227, 227, 0.54); }
  .is-gravity--inset li:first-child {
    box-shadow: 0px 8px 8px -2px rgba(227, 227, 227, 0.54) inset; }

#Share * {
  -moz-user-select: auto;
   -ms-user-select: auto;
       user-select: auto;
  -webkit-user-select: auto;
  -webkit-touch-callout: default; }

#mainContents {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding-bottom: 48px; }
  #mainContents__inner {
    max-width: 100%; }
  #mainContents::-webkit-scrollbar {
    display: none; }
  #mainContents.is-innerScroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  #Share #mainContents {
    padding-bottom: 0; }

/* ============================================================ */
/* co-dialog */
.co-dialog {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 320px;
  background-color: rgba(97, 97, 97, 0.5);
  position: fixed;
  display: none;
  height: 100%;
  width: 100%;
  z-index: 9000; }
  .co-dialog__closeArea {
    width: 100%;
    height: 100%; }

/* co-dialog__gallery */
.co-dialog__gallery {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.85); }
  .co-dialog__gallery__header {
    width: 100%;
    height: 56px;
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.45); }
  .co-dialog__gallery__closeBtn {
    top: 11px;
    right: 12px;
    padding: 6px;
    position: absolute;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(/contents/image/icon_close.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    content: "";
    vertical-align: 0px;
    background-position: center;
    cursor: pointer;
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent; }
  .co-dialog__gallery__image {
    width: 100%;
    max-width: 640px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }

/* for vue.js */
[v-cloak] {
  display: none; }

.co-fiveArea {
  position: relative; }
  .co-fiveArea .co-fiveArea__btnClose {
    display: none;
    padding: 7px 7px 12px 12px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: content-box; }
    .co-fiveArea .co-fiveArea__btnClose img {
      width: 100%; }

/* co-fixedNaviArea */
.co-fixedNaviArea {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  position: relative;
  z-index: 8000; }
  .co-fixedNaviArea__inner {
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 8000; }

/* co-shareHeader */
.co-shareHeader {
  width: 100%;
  position: fixed; }
  .co-shareHeader__inner {
    width: 100%;
    height: 64px;
    padding: 5px 0;
    position: relative;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(38, 38, 38, 0.2); }
  .co-shareHeader_logo {
    display: inline-block; }
    .co-shareHeader_logo img {
      width: 69px;
      height: 35px; }
  .co-shareHeader_title {
    margin-top: 6px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #3264cb;
    font-weight: bold; }

/* co-shareFooter */
.co-shareFooter {
  width: 100%;
  position: relative;
  color: #555;
  box-sizing: border-box;
  background-color: #fff; }
  .co-shareFooter--dark {
    background-color: #eceff1; }
  .co-shareFooter__logoArea {
    width: 100%;
    height: 81px;
    padding: 22px 0 5px;
    position: relative;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box; }
    .co-shareFooter__logoArea + .co-shareFooter__copyright {
      padding: 14px 0 47px; }
  .co-shareFooter__logo {
    display: inline-block; }
    .co-shareFooter__logo img {
      width: 69px;
      height: 35px; }
  .co-shareFooter__title {
    margin-top: 6px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #3264cb;
    font-weight: bold; }
  .co-shareFooter__copyright {
    min-width: 320px;
    padding: 14px 0 0;
    color: #A6A6A6;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.18182;
    letter-spacing: 0;
    text-align: center;
    background-color: #fff; }
  .co-shareFooter__share {
    width: 100%;
    max-width: 350px;
    min-width: 320px;
    margin: 0 auto;
    padding: 14px 0;
    display: table;
    table-layout: fixed; }
    .co-shareFooter__share__item {
      width: 100%;
      display: table-cell;
      padding: 0 8px;
      vertical-align: top; }
    .co-shareFooter__share__btn {
      width: 100%;
      margin: 0 auto;
      padding: 8px 0;
      display: block;
      text-align: center;
      border-radius: 4px; }
      .co-shareFooter__share__btn--facebook {
        background-color: #3B5998; }
      .co-shareFooter__share__btn--twitter {
        background-color: #1DA1F2; }
      .co-shareFooter__share__btn--line {
        background-color: #00B900; }

/* co-modal */
.co-modal {
  top: 0;
  min-width: 320px;
  background-color: rgba(97, 97, 97, 0.5);
  position: fixed;
  display: none;
  height: 100%;
  width: 100%;
  z-index: 9000;
  overflow-y: scroll; }
  .co-modal.is-show {
    display: block; }
  .co-modal__closeArea {
    width: 100%;
    height: 100%; }

/* co-gallery__dialog */
.co-gallery__dialog {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.85); }
  .co-gallery__dialog__header {
    width: 100%;
    height: 56px;
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.45); }
  .co-gallery__dialog__closeBtn {
    top: 11px;
    right: 12px;
    padding: 6px;
    position: absolute;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(/contents/image/icon_close.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    content: "";
    vertical-align: 0px;
    background-position: center;
    cursor: pointer; }
  .co-gallery__dialog__image {
    width: 100%;
    max-width: 640px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }

/* co-fixedButtonArea */
.co-fixedButtonArea {
  width: 100%;
  min-width: 320px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  position: fixed;
  border-top: 1px solid rgba(38, 38, 38, 0.2);
  z-index: 999; }

/* co-blank */
.co-blank {
  width: 100%;
  max-width: 640px;
  height: 7px;
  margin: 0 auto;
  position: relative;
  background-color: #fff; }
  .co-blank--lg {
    height: 15px; }
  .co-blank--xl {
    height: 24px; }

.co-contentWrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .co-contentWrapper .co-contentArea__inner {
    padding-top: constant(safe-area-inset-top);
    padding-top: var(--pia-app-safe-area-inset-top, env(safe-area-inset-top)); }

/* co-contentArea */
.co-contentArea {
  width: 100%;
  position: relative;
  background-color: #eceff1; }
  .co-contentArea--header {
    background-color: #F3F3F3; }
  .co-contentArea__inner {
    max-width: 640px;
    margin: 0 auto;
    background-color: #fff; }

/* co-parallax */
.co-parallax-mainvisual {
  max-width: 640px;
  margin: 0 auto;
  background-color: #fafafa; }
  .co-parallax-mainvisual.is-loaded {
    background-color: #fff; }
  .theme--movie .co-parallax-mainvisual {
    height: calc(100vw * 1.4); }
  .theme--art .co-parallax-mainvisual {
    height: calc(100vw * 1.4); }
  .theme--classic .co-parallax-mainvisual {
    height: calc(100vw * 1); }
  .theme--music .co-parallax-mainvisual {
    height: calc(100vw * 1); }
  .theme--event .co-parallax-mainvisual {
    height: calc(100vw * 1.4); }
  .theme--stage .co-parallax-mainvisual {
    height: calc(100vw * 1.4); }
  .theme--column .co-parallax-mainvisual {
    height: calc(100vw * 1.4); }
  .theme--headline .co-parallax-mainvisual {
    height: calc(100vw * 1.4); }
  .theme--news .co-parallax-mainvisual {
    height: calc(100vw * 1); }
  .theme--tpia .co-parallax-mainvisual {
    height: calc(100vw * 1.4); }
  .co-parallax-mainvisual__inner {
    width: 100%;
    max-width: 640px;
    position: fixed;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .co-parallax-mainvisual__inner .md-mainVisual {
      position: relative !important; }
      .co-parallax-mainvisual__inner .md-mainVisual a, .co-parallax-mainvisual__inner .md-mainVisual img {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
  .co-parallax-mainvisual .md-mainVisual {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .co-parallax-mainvisual .md-mainVisual.is-parallax {
      width: 100%;
      max-width: 640px;
      top: 0;
      position: fixed;
      font-size: 0;
      background-color: #000;
      opacity: 1; }
      .co-parallax-mainvisual .md-mainVisual.is-parallax.is-hide {
        opacity: 0; }
  .co-parallax-mainvisual + .co-contentWrapper .co-contentArea__inner {
    padding-top: 0; }

/* co-parallax share */
.co-parallax-mainvisualShare {
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  top: 0; }
  .co-parallax-mainvisualShare__inner {
    position: fixed;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 640px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .co-parallax-mainvisualShare__inner .md-mainVisual {
      position: relative !important; }
      .co-parallax-mainvisualShare__inner .md-mainVisual a, .co-parallax-mainvisualShare__inner .md-mainVisual img {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
  .co-parallax-mainvisualShare .md-mainVisual {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .co-parallax-mainvisualShare .md-mainVisual.is-parallax {
      width: 100%;
      max-width: 640px;
      top: 0;
      position: fixed;
      font-size: 0;
      background-color: #000;
      opacity: 1; }
      .co-parallax-mainvisualShare .md-mainVisual.is-parallax.is-hide {
        opacity: 0; }

/* co-fixedHeader */
.co-fixedHeader.is-fixed .co-fixedHeader__inner {
  width: 100%;
  max-width: 640px;
  top: 0;
  padding-top: calc(constant(safe-area-inset-top) / 2);
  padding-top: var(--pia-app-safe-area-inset-top, calc(env(safe-area-inset-top) / 2));
  position: fixed;
  z-index: 7000;
  background-color: #fff; }

.co-fixedHeader__inner {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  padding-top: 0;
  -webkit-transition: padding-top 0.3s;
  transition: padding-top 0.3s; }

/* md-tag */
.md-tag__genre {
  margin-right: 4px;
  margin-bottom: 6px;
  display: inline-block; }
  .md-tag__genre.is-movie {
    width: 40px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_genre_movie.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 40px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-art {
    width: 48px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_genre_art.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 48px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-classic {
    width: 64px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_genre_classic.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 64px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-music {
    width: 40px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_genre_music.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 40px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-event {
    width: 104px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_genre_event.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 104px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-stage {
    width: 56px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_genre_stage.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 56px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-family {
    width: 104px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_genre_family.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 104px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-column {
    width: 104px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_article_lifestory.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 104px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-essay {
    width: 64px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_article_essay.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 64px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-series {
    width: 64px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_article_series.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 64px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-headline {
    width: 64px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_article_headline.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 64px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-news {
    width: 64px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_article_news.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 64px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-tpia {
    width: 114px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_article_ticketpia.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 114px 16px;
    content: "";
    vertical-align: 0px; }
  .md-tag__genre.is-sports {
    width: 64px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/tag_genre_sports.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 64px 16px;
    content: "";
    vertical-align: 0px; }

.md-tag__pr {
  margin-right: 4px;
  margin-bottom: 6px;
  display: inline-block;
  width: 24px;
  height: 16px;
  display: inline-block;
  background: url(/contents/image/tag_pr.png?v=20200207151040);
  background-repeat: no-repeat;
  background-size: 24px 16px;
  content: "";
  vertical-align: 0px; }

/* md-icon */
.md-icon__genre {
  margin-right: 4px;
  margin-bottom: 6px;
  display: inline-block; }
  .md-icon__genre.is-art {
    width: 83px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_genre_art.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 83px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__genre.is-classic {
    width: 62px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_genre_classic.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 62px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__genre.is-movie {
    width: 35px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_genre_movie.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 35px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__genre.is-rock {
    width: 115px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_genre_rock.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 115px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__genre.is-sponsored {
    width: 57px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_genre_sponsored.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 57px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__genre.is-stage {
    width: 53px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_genre_stage.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 53px 16px;
    content: "";
    vertical-align: 0px; }

.md-icon__status {
  margin-right: 4px;
  margin-bottom: 6px;
  display: inline-block; }
  .md-icon__status.is-invitation {
    width: 36px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_status_invitation.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 36px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__status.is-presale {
    width: 45px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_status_pre-sale.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 45px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__status.is-present {
    width: 54px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_status_present.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 54px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__status.is-before {
    width: 36px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_status_before.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 36px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__status.is-now {
    width: 36px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_status_now.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 36px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__status.is-end {
    width: 45px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_status_end.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 45px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__status.is-privilege {
    width: 36px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_status_pri.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 36px 16px;
    content: "";
    vertical-align: 0px; }

.md-icon__article {
  margin-right: 4px;
  margin-bottom: 6px;
  display: inline-block; }
  .md-icon__article.is-feature {
    width: 36px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_article_feature.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 36px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__article.is-news {
    width: 55px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_article_news.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 55px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__article.is-series {
    width: 36px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_article_series.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 36px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__article.is-summary {
    width: 46px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_article_summary.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 46px 16px;
    content: "";
    vertical-align: 0px; }

.md-icon__watch {
  margin-right: 4px;
  margin-bottom: 6px;
  display: inline-block; }
  .md-icon__watch.is-mitai {
    width: 42px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_watch_mitai.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 42px 16px;
    content: "";
    vertical-align: 0px; }
  .md-icon__watch.is-clip {
    width: 50px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_watch_clip.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 50px 16px;
    content: "";
    vertical-align: 0px; }

/* md-linkTitle */
.md-linkTitle {
  padding: 16px 108px 15px 16px;
  position: relative;
  color: #555;
  background-color: #fff;
  border-bottom: 1px solid rgba(38, 38, 38, 0.2); }
  .md-linkTitle--large {
    padding: 19px 108px 20px 16px; }
  .md-linkTitle__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold; }
  .md-linkTitle__serial {
    margin-bottom: 8px;
    padding: 0 4px;
    display: inline-block;
    border-left: 1px solid rgba(38, 38, 38, 0.2);
    border-right: 1px solid rgba(38, 38, 38, 0.2);
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold; }
  .md-linkTitle__readmore {
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto 0; }
    .md-linkTitle__readmore span {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 16px;
      color: #999; }
      .md-linkTitle__readmore span:after {
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url(/contents/image/icon_bulletRight.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        content: "";
        vertical-align: -3px;
        margin-left: 17px; }
      .md-linkTitle--more .md-linkTitle__readmore span {
        padding: 18px 0 17px 0;
        font-size: 14px;
        font-size: 1.4rem; }

/* md-mainVisual */
.md-mainVisual {
  width: 100%;
  position: relative; }
  .md-mainVisual__link {
    display: block;
    height: 100%; }
  .md-mainVisual__photo {
    width: 100%; }

/* md-mainTitleArea */
.md-mainTitleArea {
  max-width: 640px;
  margin: 0 auto;
  padding: 19px 0 0;
  position: relative;
  background-color: #fff;
  color: #555; }
  .md-mainTitleArea--noContent {
    padding: 0;
    overflow: hidden; }
  .md-mainTitleArea__imageCaption, .md-mainTitleArea .md-tieup__imageCaption {
    margin-top: -7px;
    padding: 0 24px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.36364;
    color: #999;
    white-space: pre-wrap; }
    .md-mainTitleArea__imageCaption + .md-mainTitleArea__status, .md-mainTitleArea .md-tieup__imageCaption + .md-mainTitleArea__status, .md-mainTitleArea .md-mainTitleArea__imageCaption + .md-tieup__tags, .md-mainTitleArea .md-tieup__imageCaption + .md-tieup__tags {
      margin-top: 22px; }
  .md-mainTitleArea__status, .md-mainTitleArea .md-tieup__tags {
    padding: 0 24px;
    height: 25px;
    overflow: hidden;
    position: relative; }
    .md-mainTitleArea__status--paidmark {
      padding-right: 83px;
      background-image: url(/contents/image/tag_locked.png?v=20200207151040);
      background-size: 57px 16px;
      background-repeat: no-repeat;
      background-position: center right 24px; }
    .md-mainTitleArea__status span[class*="md-icon"], .md-mainTitleArea .md-tieup__tags span[class*="md-icon"], .md-mainTitleArea__status span[class*="md-tag"], .md-mainTitleArea .md-tieup__tags span[class*="md-tag"] {
      margin: 4px 4px 4px 0;
      vertical-align: middle; }
      .md-mainTitleArea__status span[class*="md-icon"]:last-of-type, .md-mainTitleArea .md-tieup__tags span[class*="md-icon"]:last-of-type, .md-mainTitleArea__status span[class*="md-tag"]:last-of-type, .md-mainTitleArea .md-tieup__tags span[class*="md-tag"]:last-of-type {
        margin-right: 0; }
    .md-mainTitleArea__status--genre {
      float: left;
      margin: 0; }
  .md-mainTitleArea__series {
    margin-top: 4px;
    margin-right: 24px;
    padding: 1px 3px;
    display: block;
    float: right;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.09091;
    font-weight: bold;
    color: #bdbdbd; }
  .md-mainTitleArea__label {
    margin-top: 12px;
    padding: 0 24px;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
    color: #222; }
  .md-mainTitleArea__title, .md-mainTitleArea .md-tieup__header1 {
    min-height: 76px;
    margin-top: 6px;
    padding: 0 24px;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.1875;
    color: #222; }
  .md-mainTitleArea__subTitle {
    margin-top: 16px;
    padding: 0 24px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375;
    color: #222;
    font-weight: bold; }
  .md-mainTitleArea__info {
    margin-top: 8px;
    padding: 0 24px 4px;
    position: relative; }
  .md-mainTitleArea__anchor {
    padding-right: 10px;
    right: 24px;
    bottom: 0;
    position: absolute;
    display: inline-block;
    border-bottom: 1px solid #bdbdbd;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.66667;
    color: #555;
    overflow: hidden; }
    .md-mainTitleArea__anchor:before {
      margin-right: 6px;
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_bulletDown-mask.svg?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: -7px;
      background-color: #00bfa5;
      background-position: center center;
      background-clip: padding-box;
      box-sizing: border-box;
      border: 2px solid #fff;
      overflow: hidden; }
      .theme--movie .md-mainTitleArea__anchor:before {
        background-color: #3d5afe; }
      .theme--art .md-mainTitleArea__anchor:before {
        background-color: #ff9100; }
      .theme--classic .md-mainTitleArea__anchor:before {
        background-color: #8d6e63; }
      .theme--music .md-mainTitleArea__anchor:before {
        background-color: #ff4081; }
      .theme--event .md-mainTitleArea__anchor:before {
        background-color: #00b0ff; }
      .theme--stage .md-mainTitleArea__anchor:before {
        background-color: #651fff; }
      .theme--column .md-mainTitleArea__anchor:before {
        background-color: #00bfa5; }
      .theme--headline .md-mainTitleArea__anchor:before {
        background-color: #00b8d4; }
      .theme--news .md-mainTitleArea__anchor:before {
        background-color: #00b8d4; }
      .theme--tpia .md-mainTitleArea__anchor:before {
        background-color: #3264cb; }
  .md-mainTitleArea__infoDate, .md-mainTitleArea__infoPlace, .md-mainTitleArea__infoMedia, .md-mainTitleArea__infoSponsored, .md-mainTitleArea__infoSeries {
    padding-left: 19px;
    padding-bottom: 6px;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    color: #777; }
    .md-mainTitleArea__infoDate:before, .md-mainTitleArea__infoPlace:before, .md-mainTitleArea__infoMedia:before, .md-mainTitleArea__infoSponsored:before, .md-mainTitleArea__infoSeries:before {
      position: absolute;
      left: 0;
      top: 0; }
    .md-mainTitleArea__info_group .md-mainTitleArea__infoDate, .md-mainTitleArea__info_group .md-mainTitleArea__infoPlace, .md-mainTitleArea__info_group .md-mainTitleArea__infoMedia, .md-mainTitleArea__info_group .md-mainTitleArea__infoSponsored, .md-mainTitleArea__info_group .md-mainTitleArea__infoSeries {
      display: inline-block; }
  .md-mainTitleArea__infoSeries {
    margin-right: 8px;
    padding: 3px 4px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #555;
    background-color: #f5f5f5;
    border-radius: 4px; }
  .md-mainTitleArea__infoSerial {
    display: inline-block;
    margin-right: 8px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.38462;
    color: #616161;
    font-weight: bold; }
    .md-mainTitleArea__infoSerial + .md-mainTitleArea__infoDate {
      padding-left: 0; }
      .md-mainTitleArea__infoSerial + .md-mainTitleArea__infoDate:before {
        display: none; }
  .md-mainTitleArea__infoDate {
    padding-bottom: 4px; }
    .md-mainTitleArea__infoDate:before {
      width: 16px;
      height: 16px;
      display: inline-block;
      background: url(/contents/image/icon_time2Gray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 16px 16px;
      content: "";
      vertical-align: -2px;
      top: -1px; }
  .md-mainTitleArea__infoPlace:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_place2Gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    vertical-align: -2px;
    top: -1px; }
  .md-mainTitleArea__infoMedia:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_pencilGray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    vertical-align: -2px;
    top: -1px; }
  .md-mainTitleArea__infoSponsored {
    padding-left: 68px; }
    .md-mainTitleArea__infoSponsored:before {
      top: -1px;
      width: 57px;
      height: 16px;
      display: inline-block;
      background: url(/contents/image/icon_genre_sponsored.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 57px 16px;
      content: "";
      vertical-align: -2px; }
  .md-mainTitleArea__activity {
    margin-top: 5px;
    color: #aaa; }
  .md-mainTitleArea__activityWant, .md-mainTitleArea__activityWatched, .md-mainTitleArea__activityLater, .md-mainTitleArea__activityComment {
    min-width: 28px;
    padding-left: 24px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2; }
    .md-mainTitleArea__activityWant:before, .md-mainTitleArea__activityWatched:before, .md-mainTitleArea__activityLater:before, .md-mainTitleArea__activityComment:before {
      position: absolute;
      left: -4px;
      top: 0; }
  .md-mainTitleArea__activityWant:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_likelineGray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: -2px; }
  .md-mainTitleArea__activityWatched {
    margin-left: 4px; }
    .md-mainTitleArea__activityWatched:before {
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_watchlineGray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: -2px; }
  .md-mainTitleArea__activityLater:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_pickupline_gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: -2px; }
  .md-mainTitleArea__activityComment:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_commentlineGray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: -2px; }
  .md-mainTitleArea__catch {
    padding: 24px 24px 0;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    color: #222;
    font-weight: bold; }
    .md-mainTitleArea__catch + .md-mainTitleArea__lead {
      margin: 16px 0 16px; }
  .md-mainTitleArea__lead {
    margin: 30px 0 16px;
    padding: 0 24px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.6;
    color: #444; }
  .md-mainTitleArea__content h2:not([class^="md"]) {
    margin-top: 16px;
    padding: 0 24px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: bold; }
  .md-mainTitleArea__content h3:not([class^="md"]) {
    margin-top: 8px;
    padding: 0 24px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.47059;
    font-weight: bold; }
  .md-mainTitleArea .md-buttonArea {
    padding: 0 24px;
    border: none; }
  .md-mainTitleArea .md-mainTitleArea__separator {
    height: 22px;
    position: relative;
    box-shadow: 0px 8px 8px -2px rgba(227, 227, 227, 0.54);
    z-index: 1; }
    .md-mainTitleArea .md-mainTitleArea__separator--flat {
      box-shadow: none; }
  .md-mainTitleArea .md-tieup__imageCaption {
    color: #777;
    padding: 4px 20px; }
  .md-mainTitleArea .md-tieup__shoulder {
    padding: 8px 20px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556;
    color: #222;
    font-weight: 600; }
  .md-mainTitleArea .md-tieup__header1 {
    margin-top: 0;
    min-height: auto;
    padding: 8px 20px 16px; }
  .md-mainTitleArea .md-tieup__header2 {
    padding: 32px 20px 16px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455;
    color: #222;
    font-weight: 600; }
  .md-mainTitleArea .md-tieup__header3 {
    padding: 24px 20px 8px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6;
    color: #222;
    font-weight: 600; }
  .md-mainTitleArea .md-tieup__header4 {
    padding: 8px 20px 16px 36px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625;
    color: #222;
    font-weight: 600;
    position: relative; }
    .md-mainTitleArea .md-tieup__header4:before {
      content: "";
      display: block;
      height: calc(100% - 24px);
      width: 4px;
      position: absolute;
      left: 20px;
      top: 8px;
      background: #222; }
  .md-mainTitleArea .md-tieup__caption {
    padding: 8px 20px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.61538;
    color: #777; }
  .md-mainTitleArea .md-tieup__tags {
    padding: 24px 20px 8px;
    height: auto; }
  .md-mainTitleArea .md-tieup__sns {
    margin: 8px 0;
    padding: 0 20px;
    background: #fafafa; }
    .md-mainTitleArea .md-tieup__snsTitle, .md-mainTitleArea .md-tieup__ticketAreaWrap .md-tieup__ticketTitle {
      padding-top: 20px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.25;
      color: #222;
      font-weight: 600; }
    .md-mainTitleArea .md-tieup__snsListWrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 24px 0; }
    .md-mainTitleArea .md-tieup__snsList {
      display: block;
      width: 30%;
      margin-right: 5%;
      border: solid 1px #bdbdbd;
      border-radius: 3px;
      background: #fff;
      box-sizing: border-box;
      min-height: 40px; }
      .md-mainTitleArea .md-tieup__snsList:last-child {
        margin-right: 0; }
    .md-mainTitleArea .md-tieup__snsLink {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      text-align: center;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.15385;
      color: #757575;
      font-weight: 600; }
  .md-mainTitleArea .md-tieup__text {
    padding: 8px 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5625;
    color: #222; }
  .md-mainTitleArea .md-tieup__column {
    border-radius: 8px;
    padding: 24px 20px; }
    .md-mainTitleArea .md-tieup__columnWrap {
      padding: 8px 20px; }
    .md-mainTitleArea .md-tieup__columnImage {
      margin-bottom: 12px; }
      .md-mainTitleArea .md-tieup__columnImage img {
        width: 100%; }
    .md-mainTitleArea .md-tieup__columnCaption {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.61538;
      font-weight: 600;
      color: #777;
      margin-bottom: 4px; }
    .md-mainTitleArea .md-tieup__columnHead {
      color: #222;
      font-weight: 600;
      margin-bottom: 11px; }
    .md-mainTitleArea .md-tieup__columnText {
      color: #222;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5; }
    .md-mainTitleArea .md-tieup__column--a {
      background: #f5f5f5; }
      .md-mainTitleArea .md-tieup__column--a .md-tieup__columnHead {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2; }
    .md-mainTitleArea .md-tieup__column--b {
      border: solid 1px #bdbdbd; }
      .md-mainTitleArea .md-tieup__column--b .md-tieup__columnHead {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5; }
  .md-mainTitleArea .md-tieup__hr {
    display: block;
    margin: 0;
    height: 49px;
    border: none;
    position: relative; }
    .md-mainTitleArea .md-tieup__hr:before {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      background: #e0e0e0; }
  .md-mainTitleArea .md-tieup__btnArea {
    padding: 16px 20px; }
  .md-mainTitleArea .md-tieup__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    height: 40px;
    border-radius: 4px;
    margin-bottom: 10px;
    box-sizing: border-box;
    position: relative;
    padding: 0 27px; }
    .md-mainTitleArea .md-tieup__btn.md-tieup__btn--external:after {
      position: absolute;
      right: 14px;
      top: 0;
      bottom: 0;
      margin: auto; }
    .md-mainTitleArea .md-tieup__btn--main {
      background: #3264CB;
      color: #fff; }
      .md-mainTitleArea .md-tieup__btn--main.md-tieup__btn--external:after {
        width: 13px;
        height: 13px;
        display: inline-block;
        background: url(/contents/image/icon_link_external_white.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 13px 13px;
        content: "";
        vertical-align: 0px; }
    .md-mainTitleArea .md-tieup__btn--mainOutline {
      background: #fff;
      border: solid 1px #3264CB;
      color: #3264CB; }
      .md-mainTitleArea .md-tieup__btn--mainOutline.md-tieup__btn--external:after {
        width: 13px;
        height: 13px;
        display: inline-block;
        background: url(/contents/image/icon_link_external.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 13px 13px;
        content: "";
        vertical-align: 0px; }
    .md-mainTitleArea .md-tieup__btn:last-child {
      margin-bottom: 0; }
  .md-mainTitleArea .md-tieup__link {
    color: #3264CB;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem; }
    .md-mainTitleArea .md-tieup__link--external {
      display: inline-block;
      padding-right: 23px;
      position: relative; }
      .md-mainTitleArea .md-tieup__link--external:after {
        position: absolute;
        right: 5px;
        width: 13px;
        height: 13px;
        display: inline-block;
        background: url(/contents/image/icon_link_external.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 13px 13px;
        content: "";
        vertical-align: 0px;
        top: 0;
        bottom: 0;
        margin: auto; }
  .md-mainTitleArea .md-tieup__image {
    padding: 8px 20px; }
    .md-mainTitleArea .md-tieup__image img {
      display: block;
      width: 100%; }
  .md-mainTitleArea .md-tieup__movie {
    padding: 8px 20px; }
    .md-mainTitleArea .md-tieup__movie .md-articleMovie {
      margin-top: 0; }
  .md-mainTitleArea .md-tieup.md-gallery {
    margin-top: 0;
    padding: 32px 0; }
    .md-mainTitleArea .md-tieup.md-gallery .md-gallery__list {
      padding: 0 20px; }
  .md-mainTitleArea .md-tieup__ticketAreaWrap {
    padding: 32px 0; }
    .md-mainTitleArea .md-tieup__ticketAreaWrap .md-tieup__ticketArea {
      background: #fafafa;
      padding: 28px 24px;
      box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.08); }
    .md-mainTitleArea .md-tieup__ticketAreaWrap .md-tieup__ticketTitle {
      padding: 0;
      margin-bottom: 20px; }
    .md-mainTitleArea .md-tieup__ticketAreaWrap .md-tieup__btn img {
      width: 110px; }
  .md-mainTitleArea .md-tieup.md-relationalContents .md-label, .md-mainTitleArea .md-tieup.md-pianistList .md-label {
    padding-top: 25px; }
  .md-mainTitleArea .md-tieup.md-relationalContents .md-label--large .md-label__text, .md-mainTitleArea .md-tieup.md-pianistList .md-label--large .md-label__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 3.55556; }
  .md-mainTitleArea .md-tieup.md-pianistList .md-pianistList__title {
    width: 100%; }
  .md-mainTitleArea .md-tieup.md-pianistList .md-pianistList__profile:after {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_bulletRightDarkGray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: 0px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

/* md-articleH1 */
.md-articleH1 {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin-top: 64px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #222; }

/* md-articleH2 */
.md-articleH2 {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin-top: 64px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #222; }

/* md-articleH3 */
.md-articleH3 {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin-top: 24px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: bold;
  color: #222; }

/* md-articleH4 */
.md-articleH4 {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin-top: 40px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  font-weight: bold;
  color: #222; }
  .md-articleH4:before {
    width: 4px;
    height: 14px;
    margin-right: 8px;
    display: inline-block;
    content: "";
    background-color: #555;
    vertical-align: -1px; }

/* md-articleH5 */
.md-articleH5 {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin-top: 40px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  color: #222; }
  .md-articleH5:before {
    width: 4px;
    height: 14px;
    margin-right: 8px;
    display: inline-block;
    content: "";
    background-color: #999;
    vertical-align: -1px; }

/* md-articleText */
.md-articleText {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin-top: 16px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.6;
  color: #444; }
  .md-articleText a {
    color: #00bfa5; }
    .theme--movie .md-articleText a {
      color: #3d5afe; }
    .theme--art .md-articleText a {
      color: #ff9100; }
    .theme--classic .md-articleText a {
      color: #8d6e63; }
    .theme--music .md-articleText a {
      color: #ff4081; }
    .theme--event .md-articleText a {
      color: #00b0ff; }
    .theme--stage .md-articleText a {
      color: #651fff; }
    .theme--column .md-articleText a {
      color: #00bfa5; }
    .theme--headline .md-articleText a {
      color: #00b8d4; }
    .theme--news .md-articleText a {
      color: #00b8d4; }
    .theme--tpia .md-articleText a {
      color: #3264cb; }
  .md-articleText strong {
    font-weight: bold; }

.md-articlePartialCotent {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  padding-top: 16px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.94118;
  color: #444; }
  .md-articlePartialCotent a {
    color: #00bfa5; }
    .theme--movie .md-articlePartialCotent a {
      color: #3d5afe; }
    .theme--art .md-articlePartialCotent a {
      color: #ff9100; }
    .theme--classic .md-articlePartialCotent a {
      color: #8d6e63; }
    .theme--music .md-articlePartialCotent a {
      color: #ff4081; }
    .theme--event .md-articlePartialCotent a {
      color: #00b0ff; }
    .theme--stage .md-articlePartialCotent a {
      color: #651fff; }
    .theme--column .md-articlePartialCotent a {
      color: #00bfa5; }
    .theme--headline .md-articlePartialCotent a {
      color: #00b8d4; }
    .theme--news .md-articlePartialCotent a {
      color: #00b8d4; }
    .theme--tpia .md-articlePartialCotent a {
      color: #3264cb; }
  .md-articlePartialCotent strong {
    font-weight: bold; }

/* md-articleDescription */
.md-articleDescription {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  padding-top: 20px;
  padding-bottom: 18px;
  background-color: #fafafa;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #555; }
  .md-articleDescription a {
    color: #00bfa5; }
    .theme--movie .md-articleDescription a {
      color: #3d5afe; }
    .theme--art .md-articleDescription a {
      color: #ff9100; }
    .theme--classic .md-articleDescription a {
      color: #8d6e63; }
    .theme--music .md-articleDescription a {
      color: #ff4081; }
    .theme--event .md-articleDescription a {
      color: #00b0ff; }
    .theme--stage .md-articleDescription a {
      color: #651fff; }
    .theme--column .md-articleDescription a {
      color: #00bfa5; }
    .theme--headline .md-articleDescription a {
      color: #00b8d4; }
    .theme--news .md-articleDescription a {
      color: #00b8d4; }
    .theme--tpia .md-articleDescription a {
      color: #3264cb; }
  .md-articleDescription strong {
    font-weight: bold; }

/* md-articleCaption */
.md-articleCaption {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  padding: 0 14px;
  margin-top: 6px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.07692;
  color: #A6A6A6; }

/* md-articleList */
.md-articleList {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin-top: 24px; }
  .md-articleList a {
    color: #00bfa5; }
    .theme--movie .md-articleList a {
      color: #3d5afe; }
    .theme--art .md-articleList a {
      color: #ff9100; }
    .theme--classic .md-articleList a {
      color: #8d6e63; }
    .theme--music .md-articleList a {
      color: #ff4081; }
    .theme--event .md-articleList a {
      color: #00b0ff; }
    .theme--stage .md-articleList a {
      color: #651fff; }
    .theme--column .md-articleList a {
      color: #00bfa5; }
    .theme--headline .md-articleList a {
      color: #00b8d4; }
    .theme--news .md-articleList a {
      color: #00b8d4; }
    .theme--tpia .md-articleList a {
      color: #3264cb; }
  .md-articleList strong {
    font-weight: bold; }

.md-articleListInner {
  counter-reset: md-articleList-num; }
  .md-articleListInner__item {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75; }
    .md-articleListInner__item:before {
      position: absolute;
      display: inline-block; }
    ol .md-articleListInner__item:before {
      top: 0;
      left: 3px;
      counter-increment: md-articleList-num;
      content: counter(md-articleList-num) "."; }
    ul .md-articleListInner__item:before {
      width: 4px;
      height: 4px;
      top: 10px;
      left: 6px;
      content: "";
      border-radius: 50%;
      background-color: #999; }

/* md-articleTable */
.md-articleTable {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin-top: 24px;
  padding: 0;
  text-align: center;
  border-top: 1px solid rgba(38, 38, 38, 0.2); }
  .md-articleTable__titleList {
    width: 100%;
    display: table;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    table-layout: fixed;
    border-bottom: 1px solid rgba(38, 38, 38, 0.2); }
    .md-articleTable__titleList__label {
      padding: 14px 16px;
      display: table-cell;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .md-articleTable__titleList__label:not(:last-child) {
        border-right: 1px solid rgba(38, 38, 38, 0.2); }
  .md-articleTable__contentList {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid rgba(38, 38, 38, 0.2); }
    .md-articleTable__contentList__title {
      padding: 10px 16px;
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
      background-color: #f2f2f2;
      border-bottom: 1px solid rgba(38, 38, 38, 0.2);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .md-articleTable__contentList__description {
      padding: 10px 16px;
      display: inline-block;
      float: left;
      font-size: 12px;
      font-size: 1.2rem;
      color: #999;
      box-sizing: border-box; }
      .md-articleTable--column2 .md-articleTable__contentList__description {
        width: 50%; }
      .md-articleTable--column3 .md-articleTable__contentList__description {
        width: 33.333333%;
        width: calc(100% / 3); }
      .md-articleTable__contentList__description:not(:last-child) {
        border-right: 1px solid rgba(38, 38, 38, 0.2); }
      .md-articleTable__contentList__description a {
        color: #00bfa5; }
        .theme--movie .md-articleTable__contentList__description a {
          color: #3d5afe; }
        .theme--art .md-articleTable__contentList__description a {
          color: #ff9100; }
        .theme--classic .md-articleTable__contentList__description a {
          color: #8d6e63; }
        .theme--music .md-articleTable__contentList__description a {
          color: #ff4081; }
        .theme--event .md-articleTable__contentList__description a {
          color: #00b0ff; }
        .theme--stage .md-articleTable__contentList__description a {
          color: #651fff; }
        .theme--column .md-articleTable__contentList__description a {
          color: #00bfa5; }
        .theme--headline .md-articleTable__contentList__description a {
          color: #00b8d4; }
        .theme--news .md-articleTable__contentList__description a {
          color: #00b8d4; }
        .theme--tpia .md-articleTable__contentList__description a {
          color: #3264cb; }

@media screen and (min-width: 641px) {
  .md-articleTable {
    border-left: 1px solid rgba(38, 38, 38, 0.2);
    border-right: 1px solid rgba(38, 38, 38, 0.2); }
    .md-articleTable__titleList {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.375; }
      .md-articleTable__titleList:before {
        content: '';
        display: table-cell;
        border-right: 1px solid rgba(38, 38, 38, 0.2); }
    .md-articleTable__contentList {
      display: table;
      table-layout: fixed; }
      .md-articleTable__contentList__title {
        display: table-cell;
        border-bottom: none;
        border-right: 1px solid rgba(38, 38, 38, 0.2);
        vertical-align: top;
        text-align: left;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.375; }
      .md-articleTable__contentList__description {
        display: table-cell;
        float: none;
        vertical-align: middle;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.42857;
        color: #555; }
        .md-articleTable--column2 .md-articleTable__contentList__description {
          width: auto; }
        .md-articleTable--column3 .md-articleTable__contentList__description {
          width: auto; }
        .md-articleTable__contentList__description a {
          color: #00bfa5; }
          .theme--movie .md-articleTable__contentList__description a {
            color: #3d5afe; }
          .theme--art .md-articleTable__contentList__description a {
            color: #ff9100; }
          .theme--classic .md-articleTable__contentList__description a {
            color: #8d6e63; }
          .theme--music .md-articleTable__contentList__description a {
            color: #ff4081; }
          .theme--event .md-articleTable__contentList__description a {
            color: #00b0ff; }
          .theme--stage .md-articleTable__contentList__description a {
            color: #651fff; }
          .theme--column .md-articleTable__contentList__description a {
            color: #00bfa5; }
          .theme--headline .md-articleTable__contentList__description a {
            color: #00b8d4; }
          .theme--news .md-articleTable__contentList__description a {
            color: #00b8d4; }
          .theme--tpia .md-articleTable__contentList__description a {
            color: #3264cb; }
        .md-articleTable__contentList__description strong {
          font-weight: bold; } }

/* md-articleSubInfo */
.md-articleSubInfo {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin: 20px 16px 0;
  padding: 16px 16px 12px;
  background-color: #f5f6f7; }
  .md-articleSubInfo__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375;
    font-weight: bold; }
  .md-articleSubInfo__photo {
    width: 100%;
    height: 175px;
    margin-top: 16px;
    display: inline-block; }
  .md-articleSubInfo__description {
    margin-top: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75; }
    .md-articleSubInfo__description a {
      color: #00bfa5; }
      .theme--movie .md-articleSubInfo__description a {
        color: #3d5afe; }
      .theme--art .md-articleSubInfo__description a {
        color: #ff9100; }
      .theme--classic .md-articleSubInfo__description a {
        color: #8d6e63; }
      .theme--music .md-articleSubInfo__description a {
        color: #ff4081; }
      .theme--event .md-articleSubInfo__description a {
        color: #00b0ff; }
      .theme--stage .md-articleSubInfo__description a {
        color: #651fff; }
      .theme--column .md-articleSubInfo__description a {
        color: #00bfa5; }
      .theme--headline .md-articleSubInfo__description a {
        color: #00b8d4; }
      .theme--news .md-articleSubInfo__description a {
        color: #00b8d4; }
      .theme--tpia .md-articleSubInfo__description a {
        color: #3264cb; }
    .md-articleSubInfo__description strong {
      font-weight: bold; }

/* md-credit */
.md-articleCredit {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin-top: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  color: #999; }

/* md-articleAlert */
.md-articleAlert {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin: 24px 16px 0;
  padding: 10px 16px;
  border: 1px solid #DA3333; }
  .md-articleAlert__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: bold; }
  .md-articleAlert__text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 4px; }
    .md-articleAlert__text strong {
      font-weight: bold; }
    .md-articleAlert__text a {
      color: #00bfa5; }
      .theme--movie .md-articleAlert__text a {
        color: #3d5afe; }
      .theme--art .md-articleAlert__text a {
        color: #ff9100; }
      .theme--classic .md-articleAlert__text a {
        color: #8d6e63; }
      .theme--music .md-articleAlert__text a {
        color: #ff4081; }
      .theme--event .md-articleAlert__text a {
        color: #00b0ff; }
      .theme--stage .md-articleAlert__text a {
        color: #651fff; }
      .theme--column .md-articleAlert__text a {
        color: #00bfa5; }
      .theme--headline .md-articleAlert__text a {
        color: #00b8d4; }
      .theme--news .md-articleAlert__text a {
        color: #00b8d4; }
      .theme--tpia .md-articleAlert__text a {
        color: #3264cb; }

/* md-articleInterview */
.md-articleInterview {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px; }
  .md-articleInterview__question {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #999; }
    .md-articleInterview__question:before {
      width: 38px;
      height: 1px;
      margin-top: 12px;
      margin-right: 4px;
      background-color: #c8cacc;
      content: "";
      display: inline-block;
      vertical-align: top; }
    .md-articleInterview__question strong {
      font-weight: bold; }
    .md-articleInterview__question a {
      color: #00bfa5; }
      .theme--movie .md-articleInterview__question a {
        color: #3d5afe; }
      .theme--art .md-articleInterview__question a {
        color: #ff9100; }
      .theme--classic .md-articleInterview__question a {
        color: #8d6e63; }
      .theme--music .md-articleInterview__question a {
        color: #ff4081; }
      .theme--event .md-articleInterview__question a {
        color: #00b0ff; }
      .theme--stage .md-articleInterview__question a {
        color: #651fff; }
      .theme--column .md-articleInterview__question a {
        color: #00bfa5; }
      .theme--headline .md-articleInterview__question a {
        color: #00b8d4; }
      .theme--news .md-articleInterview__question a {
        color: #00b8d4; }
      .theme--tpia .md-articleInterview__question a {
        color: #3264cb; }
  .md-articleInterview__answer {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6; }
    .md-articleInterview__answer .name {
      padding-right: 9px;
      display: inline-block;
      font-weight: bold; }
    .md-articleInterview__answer strong {
      font-weight: bold; }
    .md-articleInterview__answer a {
      color: #00bfa5; }
      .theme--movie .md-articleInterview__answer a {
        color: #3d5afe; }
      .theme--art .md-articleInterview__answer a {
        color: #ff9100; }
      .theme--classic .md-articleInterview__answer a {
        color: #8d6e63; }
      .theme--music .md-articleInterview__answer a {
        color: #ff4081; }
      .theme--event .md-articleInterview__answer a {
        color: #00b0ff; }
      .theme--stage .md-articleInterview__answer a {
        color: #651fff; }
      .theme--column .md-articleInterview__answer a {
        color: #00bfa5; }
      .theme--headline .md-articleInterview__answer a {
        color: #00b8d4; }
      .theme--news .md-articleInterview__answer a {
        color: #00b8d4; }
      .theme--tpia .md-articleInterview__answer a {
        color: #3264cb; }

/* md-contentQuate */
.md-articleQuate {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin: 24px 16px 0;
  padding: 17px 16px 12px;
  background-image: url(/contents/image/icon_quotationRound.png?v=20200207151040);
  background-size: 32px 32px;
  background-position: 4px 4px;
  background-repeat: no-repeat;
  background-color: #f5f6f8;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #555; }
  .md-articleQuate strong {
    font-weight: bold; }
  .md-articleQuate a {
    color: #00bfa5; }
    .theme--movie .md-articleQuate a {
      color: #3d5afe; }
    .theme--art .md-articleQuate a {
      color: #ff9100; }
    .theme--classic .md-articleQuate a {
      color: #8d6e63; }
    .theme--music .md-articleQuate a {
      color: #ff4081; }
    .theme--event .md-articleQuate a {
      color: #00b0ff; }
    .theme--stage .md-articleQuate a {
      color: #651fff; }
    .theme--column .md-articleQuate a {
      color: #00bfa5; }
    .theme--headline .md-articleQuate a {
      color: #00b8d4; }
    .theme--news .md-articleQuate a {
      color: #00b8d4; }
    .theme--tpia .md-articleQuate a {
      color: #3264cb; }

/* md-relationalContents */
.md-relationalContents {
  color: #555;
  padding-bottom: 32px; }
  .md-relationalContents__list {
    position: relative;
    background-color: #fff; }
  .md-relationalContents__item {
    padding: 0 4px;
    list-style: none;
    box-sizing: border-box;
    border-bottom: solid 1px #eee; }
  .md-relationalContents__itemLink {
    width: 100%;
    padding: 4px 0;
    display: table;
    table-layout: fixed; }
  .md-relationalContents__photo {
    width: 80px;
    height: 80px;
    display: table-cell;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .md-relationalContents__content {
    padding-left: 7px;
    display: table-cell;
    position: relative;
    vertical-align: top; }
  .md-relationalContents__status {
    height: 16px;
    overflow: hidden;
    position: relative; }
    .md-relationalContents__status span[class*="md-icon"],
    .md-relationalContents__status span[class*="md-tag"] {
      margin: 0px 4px 0px 0;
      vertical-align: middle; }
      .md-relationalContents__status span[class*="md-icon"]:last-of-type,
      .md-relationalContents__status span[class*="md-tag"]:last-of-type {
        margin-right: 0; }
    .md-relationalContents__status--genre {
      float: left;
      margin: 0; }
  .md-relationalContents__seriesTitle {
    width: 100%;
    margin-top: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.07692;
    font-weight: bold;
    color: #777; }
  .md-relationalContents__title {
    width: 100%;
    margin-top: 5px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    color: #222; }
    .md-relationalContents__title--content {
      color: #222; }
  .md-relationalContents__infoWrap {
    bottom: 0;
    margin-top: 2px;
    position: absolute; }
  .md-relationalContents__infoDate, .md-relationalContents__infoPlace, .md-relationalContents__infoSeries {
    min-height: 15px;
    padding-left: 16px;
    display: inline-block;
    position: relative;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    color: #777; }
    .md-relationalContents__infoDate:before, .md-relationalContents__infoPlace:before, .md-relationalContents__infoSeries:before {
      position: absolute;
      left: 0;
      top: 0; }
    .relationalContents__infoGroup .md-relationalContents__infoDate, .relationalContents__infoGroup .md-relationalContents__infoPlace, .relationalContents__infoGroup .md-relationalContents__infoSeries {
      display: inline-block; }
  .md-relationalContents__infoSeries {
    margin-right: 2px;
    padding: 3px 4px;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #555;
    background-color: #f5f5f5;
    border-radius: 4px; }
  .md-relationalContents__infoSerial {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.63636;
    margin-right: 5px;
    display: inline-block;
    font-weight: bold;
    color: #616161; }
    .md-relationalContents__infoSerial + .md-relationalContents__infoDate {
      padding-left: 0; }
      .md-relationalContents__infoSerial + .md-relationalContents__infoDate::before {
        display: none; }
  .md-relationalContents__infoDate:before {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(/contents/image/icon_time2Gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: "";
    vertical-align: -2px;
    top: -1px; }
  .md-relationalContents__infoPlace:before {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(/contents/image/icon_place2Gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: "";
    vertical-align: -2px;
    top: -1px; }
  .md-relationalContents .md-label {
    padding-top: 17px;
    border-bottom: none; }

/* md-articleCard */
.md-articleCard {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  margin: 24px 0 0;
  padding: 0 16px;
  color: #555; }
  .md-articleCard__inner {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 8px 24px 0 rgba(227, 227, 227, 0.54); }
  .md-articleCard__photo {
    width: 100%;
    height: 192px;
    margin-left: -1px;
    position: relative;
    border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .md-articleCard__info {
    padding: 8px 12px 12px;
    position: relative; }
  .md-articleCard__series {
    top: 21px;
    right: 16px;
    margin-left: 6px;
    padding: 0 3px;
    display: inline-block;
    position: absolute;
    border: 1px solid #9e9e9e;
    border-radius: 4px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.4;
    color: #9e9e9e;
    font-weight: bold; }
    .md-articleCard__series + .md-articleCard__subArea {
      padding-right: 56px; }
  .md-articleCard__subArea {
    padding: 0;
    height: 26px;
    overflow: hidden;
    font-size: 0; }
    .md-articleCard__subArea span[class*="md-icon"], .md-articleCard__subArea span[class*="md-tag"] {
      margin: 4px 0;
      margin-right: 0;
      vertical-align: middle; }
      .md-articleCard__subArea span[class*="md-icon"]:not(:first-of-type), .md-articleCard__subArea span[class*="md-tag"]:not(:first-of-type) {
        margin-left: 4px; }
  .md-articleCard__serial {
    margin-left: 4px;
    padding: 0 4px;
    display: inline-block;
    border: 1px solid #00bfa5;
    border-radius: 4px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
    color: #00bfa5;
    font-weight: bold;
    vertical-align: middle; }
    .md-articleCard__serial + span[class*="md-tag"] {
      margin-left: 4px; }
  .md-articleCard__label {
    margin-top: 8px;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #222;
    font-weight: bold;
    vertical-align: 10px; }
  .md-articleCard__mainTitle {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    color: #777;
    font-weight: 600; }
  .md-articleCard__infoDate, .md-articleCard__infoPlace, .md-articleCard__infoMedia, .md-articleCard__infoSponsored, .md-articleCard__infoFav {
    padding-left: 18px;
    position: relative;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.61538;
    color: #777; }
    .md-articleCard__infoDate:before, .md-articleCard__infoPlace:before, .md-articleCard__infoMedia:before, .md-articleCard__infoSponsored:before, .md-articleCard__infoFav:before {
      position: absolute;
      top: 2px;
      left: 0; }
  .md-articleCard__infoDate:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_time2Gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    vertical-align: -2px; }
  .md-articleCard__infoPlace:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_place2Gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    vertical-align: -2px; }
  .md-articleCard__infoMedia:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_pencilGray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    vertical-align: -2px; }
  .md-articleCard__infoFav:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_like2Gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    vertical-align: -2px; }
  .md-articleCard__infoSeries .frequency {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #555;
    padding: 0 6px;
    background-color: #f5f5f5;
    border-radius: 2px; }
  .md-articleCard__infoSeries .md-articleCard__infoDate {
    display: inline-block; }
  .md-articleCard__text {
    margin-top: 12px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857; }
    .md-articleCard__text strong {
      font-weight: bold; }
  .md-articleCard__activity {
    margin-top: 4px;
    color: #aaa; }
  .md-articleCard__activityWant, .md-articleCard__activityWatched, .md-articleCard__activityLater {
    width: 26px;
    padding-left: 21px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2; }
    .md-articleCard__activityWant:before, .md-articleCard__activityWatched:before, .md-articleCard__activityLater:before {
      position: absolute;
      left: -2px;
      top: 1px; }
  .md-articleCard__activityWant:before {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(/contents/image/icon_likelineGray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    content: "";
    vertical-align: -1px; }
  .md-articleCard__activityWatched {
    margin-left: 4px; }
    .md-articleCard__activityWatched:before {
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_watchlineGray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: -1px; }
  .md-articleCard__activityLater:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_pickupline_gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    vertical-align: -1px; }

/* md-articleMovie */
.md-articleMovie {
  width: 100%;
  height: 0px;
  margin-top: 16px;
  padding-bottom: 56.25%;
  position: relative; }
  .md-articleMovie iframe {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    position: absolute !important; }

/* md-gallery */
.md-gallery {
  margin-top: 14px;
  position: relative;
  background-color: #fff; }
  .md-gallery__list {
    padding: 0 12px;
    overflow: hidden; }
  .md-gallery__thumbnail {
    width: 100%;
    height: auto;
    position: relative;
    float: left; }
    .md-gallery__thumbnail:before {
      display: block;
      padding-top: 56.26%;
      padding-top: calc(100% * 9/16);
      content: ""; }
    .md-gallery__thumbnail:first-child:nth-last-child(2),
    .md-gallery__thumbnail:first-child:nth-last-child(2) ~ .md-gallery__thumbnail {
      width: 50%; }
      .md-gallery__thumbnail:first-child:nth-last-child(2):before,
      .md-gallery__thumbnail:first-child:nth-last-child(2) ~ .md-gallery__thumbnail:before {
        padding-top: 100%; }
    .md-gallery__thumbnail:first-child:nth-last-child(3):not(:first-child),
    .md-gallery__thumbnail:first-child:nth-last-child(3) ~ .md-gallery__thumbnail:not(:first-child) {
      width: 50%; }
      .md-gallery__thumbnail:first-child:nth-last-child(3):not(:first-child):before,
      .md-gallery__thumbnail:first-child:nth-last-child(3) ~ .md-gallery__thumbnail:not(:first-child):before {
        padding-top: 100%; }
    .md-gallery__thumbnail:first-child:nth-last-child(4),
    .md-gallery__thumbnail:first-child:nth-last-child(4) ~ .md-gallery__thumbnail {
      width: 50%; }
      .md-gallery__thumbnail:first-child:nth-last-child(4):before,
      .md-gallery__thumbnail:first-child:nth-last-child(4) ~ .md-gallery__thumbnail:before {
        padding-top: 100%; }
    .md-gallery__thumbnail:first-child:nth-last-child(5),
    .md-gallery__thumbnail:first-child:nth-last-child(5) ~ .md-gallery__thumbnail {
      width: 33.3%;
      width: calc(100% / 3); }
      .md-gallery__thumbnail:first-child:nth-last-child(5):nth-child(1), .md-gallery__thumbnail:first-child:nth-last-child(5):nth-child(2),
      .md-gallery__thumbnail:first-child:nth-last-child(5) ~ .md-gallery__thumbnail:nth-child(1),
      .md-gallery__thumbnail:first-child:nth-last-child(5) ~ .md-gallery__thumbnail:nth-child(2) {
        width: 50%; }
      .md-gallery__thumbnail:first-child:nth-last-child(5):before,
      .md-gallery__thumbnail:first-child:nth-last-child(5) ~ .md-gallery__thumbnail:before {
        padding-top: 100%; }
  .md-gallery__photo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-size: cover;
    background-position: center;
    border: 2px solid #fff;
    box-sizing: border-box; }
  .md-gallery__caption {
    margin-bottom: 40px; }
  .md-gallery .md-readmoreBtn {
    margin-top: 3px;
    padding-left: 10px;
    border-bottom: none; }
    .md-gallery .md-readmoreBtn__label {
      line-height: 48px; }
      .md-gallery .md-readmoreBtn__label .icon {
        margin-right: 8px; }

/*md-performanceInfo*/
.md-performanceInfo {
  position: relative;
  background-color: #fff;
  color: #555; }
  .md-performanceInfo__text {
    margin-top: 3px;
    padding: 0 16px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.73333;
    color: #555; }
    .md-performanceInfo__text + .md-performanceInfo__text--today {
      margin-top: 22px; }
  .md-performanceInfo__list {
    *zoom: 1;
    padding: 4px 16px 0; }
    .md-performanceInfo__list:after {
      content: "";
      display: table;
      clear: both; }
  .md-performanceInfo__listTitle {
    width: 96px;
    margin-top: 4px;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    color: #777; }
  .md-performanceInfo__listDescription {
    margin-left: 96px;
    margin-bottom: 4px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375;
    color: #555; }
  .md-performanceInfo .md-label {
    padding-top: 24px; }
  .md-performanceInfo__inquiryArea {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 21px;
    background-color: #fafafa;
    box-shadow: inset 0 0 6px 0 rgba(227, 227, 227, 0.54); }
    .md-performanceInfo__inquiryArea .md-label {
      padding: 3px 24px 0; }
    .md-performanceInfo__inquiryArea .md-label, .md-performanceInfo__inquiryArea .md-buttonArea {
      background: none; }
    .md-performanceInfo__inquiryArea .md-buttonArea {
      padding: 4px 0 8px;
      border-bottom: none; }
      .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn {
        width: 100%; }
        .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a {
          padding: 8px 4px;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 2;
          font-weight: bold; }
        .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
          margin-right: 2px;
          background-color: #00bfa5;
          background-position: center center;
          background-clip: padding-box;
          box-sizing: border-box;
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          width: 24px;
          height: 24px;
          display: inline-block;
          background: url(/contents/image/icon_telephone_mask.svg?v=20200207151040);
          background-repeat: no-repeat;
          background-size: 24px 24px;
          content: "";
          vertical-align: -7px; }
          .theme--movie .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #3d5afe; }
          .theme--art .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #ff9100; }
          .theme--classic .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #8d6e63; }
          .theme--music .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #ff4081; }
          .theme--event .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #00b0ff; }
          .theme--stage .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #651fff; }
          .theme--column .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #00bfa5; }
          .theme--headline .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #00b8d4; }
          .theme--news .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #00b8d4; }
          .theme--tpia .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn a:before {
            background-color: #3264cb; }
        .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn--telephone a:before {
          width: 24px;
          height: 24px;
          display: inline-block;
          background: url(/contents/image/icon_telephone_mask.svg?v=20200207151040);
          background-repeat: no-repeat;
          background-size: 24px 24px;
          content: "";
          vertical-align: -7px; }
        .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn--email a:before {
          width: 24px;
          height: 24px;
          display: inline-block;
          background: url(/contents/image/icon_mail_mask.svg?v=20200207151040);
          background-repeat: no-repeat;
          background-size: 24px 24px;
          content: "";
          vertical-align: -7px; }
        .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn--url a:before {
          content: none; }
        .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn--url a {
          padding-left: 36px;
          padding-right: 36px; }
          .md-performanceInfo__inquiryArea .md-buttonArea--large .md-buttonArea__btn--url a:after {
            content: "";
            width: 13px;
            height: 13px;
            display: inline-block;
            background: url(/contents/image/icon_link_external.png?v=20200207151040);
            background-repeat: no-repeat;
            background-size: 13px 13px;
            content: "";
            vertical-align: -2px;
            position: absolute;
            top: 0;
            right: 16px;
            bottom: 0;
            margin: auto; }
  .md-performanceInfo__linkArea {
    width: 100%;
    margin-top: 24px;
    padding: 0 16px;
    box-sizing: border-box;
    overflow: hidden;
    *zoom: 1; }
    .md-performanceInfo__linkArea__btn {
      float: left;
      text-align: center;
      width: 12%;
      position: relative;
      z-index: 1;
      line-height: 40px;
      margin-right: 2%; }
      .md-performanceInfo__linkArea__btn:first-of-type {
        width: 65.3%;
        margin-right: 6.7%; }
      .md-performanceInfo__linkArea__btn--site {
        width: 100%;
        height: 40px;
        border: 1px solid rgba(38, 38, 38, 0.2);
        border-radius: 4px;
        display: inline-block; }
        .is-disable .md-performanceInfo__linkArea__btn--site {
          color: #aaa;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 2.85714; }
        .md-performanceInfo__linkArea__btn--site:before {
          width: 20px;
          height: 20px;
          display: inline-block;
          background: url(/contents/image/icon_site.png?v=20200207151040);
          background-repeat: no-repeat;
          background-size: 20px 20px;
          content: "";
          vertical-align: -5px;
          margin-right: 10px; }
          .is-disable .md-performanceInfo__linkArea__btn--site:before {
            width: 20px;
            height: 20px;
            display: inline-block;
            background: url(/contents/image/icon_site_disable.png?v=20200207151040);
            background-repeat: no-repeat;
            background-size: 20px 20px;
            content: "";
            vertical-align: -5px; }
      .md-performanceInfo__linkArea__btn--tw {
        width: 24px;
        height: 20px;
        display: inline-block;
        background: url(/contents/image/icon_sns_tw.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 24px 20px;
        content: "";
        vertical-align: -5px; }
        .is-disable .md-performanceInfo__linkArea__btn--tw {
          width: 24px;
          height: 20px;
          display: inline-block;
          background: url(/contents/image/icon_sns_tw_disable.png?v=20200207151040);
          background-repeat: no-repeat;
          background-size: 24px 20px;
          content: "";
          vertical-align: -5px; }
      .md-performanceInfo__linkArea__btn--fb {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: url(/contents/image/icon_sns_fb.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        content: "";
        vertical-align: -5px; }
        .is-disable .md-performanceInfo__linkArea__btn--fb {
          width: 20px;
          height: 20px;
          display: inline-block;
          background: url(/contents/image/icon_sns_fb_disable.png?v=20200207151040);
          background-repeat: no-repeat;
          background-size: 20px 20px;
          content: "";
          vertical-align: -5px; }
      .md-performanceInfo__linkArea__btn a {
        display: inline-block;
        box-sizing: border-box;
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.85714;
        color: #555; }
  .md-performanceInfo__appendix {
    margin-top: 15px;
    padding: 0 16px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.38462;
    color: #777; }
    .md-performanceInfo__appendix + .md-performanceInfo__appendix {
      margin-top: 0; }
  .md-performanceInfo__remark {
    margin: 2px 0 5px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #616161; }

/* md-performanceAddArea */
.md-performanceAddArea {
  position: relative;
  background-color: #fff; }
  .md-performanceAddArea__list {
    padding: 14px 16px 0 112px;
    font-size: 0;
    *zoom: 1; }
    .md-performanceAddArea__list:after {
      content: "";
      display: table;
      clear: both; }
    .md-performanceAddArea__list--readmore {
      padding-top: 0;
      padding-bottom: 20px; }
  .md-performanceAddArea__title {
    width: 96px;
    padding-right: 12px;
    margin-left: -96px;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857;
    color: #777;
    clear: both; }
  .md-performanceAddArea__description {
    width: 100%;
    margin-bottom: 4px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375;
    color: #00bfa5;
    float: left; }
    .theme--movie .md-performanceAddArea__description {
      color: #3d5afe; }
    .theme--art .md-performanceAddArea__description {
      color: #ff9100; }
    .theme--classic .md-performanceAddArea__description {
      color: #8d6e63; }
    .theme--music .md-performanceAddArea__description {
      color: #ff4081; }
    .theme--event .md-performanceAddArea__description {
      color: #00b0ff; }
    .theme--stage .md-performanceAddArea__description {
      color: #651fff; }
    .theme--column .md-performanceAddArea__description {
      color: #00bfa5; }
    .theme--headline .md-performanceAddArea__description {
      color: #00b8d4; }
    .theme--news .md-performanceAddArea__description {
      color: #00b8d4; }
    .theme--tpia .md-performanceAddArea__description {
      color: #3264cb; }
    .md-performanceAddArea__description--noindent {
      margin-left: 0; }
    .md-performanceAddArea__description span {
      color: #000; }
  .md-performanceAddArea__readmore {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 4.23077;
    text-align: center;
    border-top: 1px solid rgba(38, 38, 38, 0.2); }
  .md-performanceAddArea .md-readmoreBtn {
    margin-top: 10px;
    padding-left: 22px;
    border-top: none;
    border-bottom: none; }
    .md-performanceAddArea .md-readmoreBtn__label {
      line-height: 64px; }

/* md-ticketBtn */
.md-ticketBtn {
  margin-top: 24px;
  padding: 12px 0 20px;
  position: relative;
  background-color: #fafafa;
  color: #555; }
  .md-ticketBtn .md-label__text {
    margin-bottom: 14px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.11111;
    font-weight: bold;
    color: #222; }
  .md-ticketBtn .md-buttonArea {
    border-bottom: none;
    background-color: #fafafa; }
    .md-ticketBtn .md-buttonArea a {
      border-color: #3264cb;
      color: #fff;
      padding-left: 1em; }
      .md-ticketBtn .md-buttonArea a:after {
        content: "";
        width: 13px;
        height: 13px;
        display: inline-block;
        background: url(/contents/image/icon_link_external.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 13px 13px;
        content: "";
        vertical-align: -2px;
        position: absolute;
        top: 16px;
        right: 16px; }
    .md-ticketBtn .md-buttonArea img {
      width: 110px;
      vertical-align: -4px; }

/* md-pianistList */
.md-pianistList {
  position: relative;
  background-color: #fff;
  color: #555; }
  .md-pianistList .md-label {
    border-bottom: none; }
    .md-pianistList .md-label__text {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 2.375;
      font-weight: bold;
      color: #222; }
  .md-pianistList .md-readmoreBtn {
    border-bottom: none; }
    .md-pianistList .md-readmoreBtn__label {
      line-height: 64px; }
  .md-pianistList__artist {
    border-top: 1px solid #eee; }
    .md-pianistList__artist:first-of-type {
      border-top: none; }
    .md-pianistList__artist li {
      margin: 0 12px;
      border-bottom: 1px solid #eee; }
      .md-pianistList__artist li:last-child {
        border-bottom: none; }
  .md-pianistList__profile {
    width: 100%;
    height: 57px;
    display: table;
    padding-left: 8px;
    table-layout: fixed;
    position: relative;
    box-sizing: border-box; }
  .md-pianistList__photo {
    width: 60px;
    height: 48px;
    display: table-cell;
    position: relative;
    vertical-align: middle; }
    .md-pianistList__photo:after {
      position: absolute;
      right: 5px;
      bottom: 2px; }
      .badge .md-pianistList__photo:after {
        width: 24px;
        height: 32px;
        display: inline-block;
        background: url(/contents/image/icon_artist_grandpianist.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 24px 32px;
        content: "";
        vertical-align: -1px; }
  .md-pianistList__photoCircle {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box; }
    .md-pianistList__photoCircle__inner {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: 50% 50%; }
  .md-pianistList__title {
    height: 37px;
    margin-left: 64px;
    padding: 8px 27px 8px 0;
    display: table-cell;
    vertical-align: middle;
    position: relative; }
  .md-pianistList__name {
    margin: 3px 0 4px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857;
    color: #222;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .md-pianistList__sub {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

/* md-commentList */
.md-commentList {
  position: relative;
  padding-top: 14px;
  background-color: #fff;
  color: #555; }
  .md-commentList.is-loading {
    opacity: 0.3;
    pointer-events: none; }
    .md-commentList.is-loading:after {
      top: 25%;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute;
      width: 32px;
      height: 32px;
      display: inline-block;
      background: url(/contents/image/loading.gif?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 32px 32px;
      content: "";
      vertical-align: -1px; }
  .md-commentList .md-label {
    border-bottom: none; }
    .md-commentList .md-label__text {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 3.55556;
      font-weight: bold;
      color: #222; }
    .md-commentList .md-label.is-general .md-label__text:before {
      padding-right: 8px;
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_generalRed.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: -5px; }
    .md-commentList .md-label.is-grand .md-label__text:before {
      padding-right: 8px;
      width: 24px;
      height: 32px;
      display: inline-block;
      background: url(/contents/image/icon_artist_grandpianist.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 32px;
      content: "";
      vertical-align: -10px; }
  .md-commentList .md-readmoreBtn {
    padding-left: 12px;
    border-bottom: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 4.30769;
    font-weight: bold; }
  .md-commentList .md-buttonArea {
    margin-top: 16px;
    padding-bottom: 83px;
    border-bottom: none; }
    .md-commentList .md-buttonArea__btn a:before {
      width: 32px;
      height: 32px;
      display: inline-block;
      background: url(/contents/image/icon_commentline-mask.svg?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 32px 32px;
      content: "";
      vertical-align: -11px;
      background-color: #00bfa5;
      background-position: center center;
      background-clip: padding-box;
      box-sizing: border-box;
      border: 3px solid #fff; }
      .theme--movie .md-commentList .md-buttonArea__btn a:before {
        background-color: #3d5afe; }
      .theme--art .md-commentList .md-buttonArea__btn a:before {
        background-color: #ff9100; }
      .theme--classic .md-commentList .md-buttonArea__btn a:before {
        background-color: #8d6e63; }
      .theme--music .md-commentList .md-buttonArea__btn a:before {
        background-color: #ff4081; }
      .theme--event .md-commentList .md-buttonArea__btn a:before {
        background-color: #00b0ff; }
      .theme--stage .md-commentList .md-buttonArea__btn a:before {
        background-color: #651fff; }
      .theme--column .md-commentList .md-buttonArea__btn a:before {
        background-color: #00bfa5; }
      .theme--headline .md-commentList .md-buttonArea__btn a:before {
        background-color: #00b8d4; }
      .theme--news .md-commentList .md-buttonArea__btn a:before {
        background-color: #00b8d4; }
      .theme--tpia .md-commentList .md-buttonArea__btn a:before {
        background-color: #3264cb; }
  .md-commentList__emptyArea {
    padding: 48px 0 28px;
    background-color: #fafafa;
    color: #999;
    text-align: center; }
    .md-commentList__emptyArea__title {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1;
      font-weight: bold; }
    .md-commentList__emptyArea__sub {
      margin-top: 44px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1; }
  .md-commentList__totalCount {
    padding: 0 16px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429;
    color: #555; }
  .md-commentList__list {
    border-top: 1px solid #eee; }
    .md-commentList__list li {
      padding-top: 16px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eee; }
  .md-commentList__profile {
    width: 100%;
    height: 48px;
    display: table;
    padding-left: 8px;
    table-layout: fixed;
    position: relative;
    box-sizing: border-box; }
  .md-commentList__photo {
    width: 56px;
    height: 48px;
    display: table-cell;
    position: relative;
    vertical-align: top; }
    .md-commentList__photo:after {
      position: absolute;
      right: 6px;
      top: 24px; }
      .badge .md-commentList__photo:after {
        width: 24px;
        height: 32px;
        display: inline-block;
        background: url(/contents/image/icon_artist_grandpianist.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 24px 32px;
        content: "";
        vertical-align: -1px; }
  .md-commentList__photoCircle {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box; }
    .md-commentList__photoCircle__inner {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: 50% 50%; }
  .md-commentList__title {
    height: 37px;
    margin-left: 64px;
    padding-right: 8px;
    display: table-cell;
    vertical-align: top;
    position: relative; }
  .md-commentList__name {
    width: calc(100% - 110px);
    margin-bottom: 4px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #222;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left; }
  .md-commentList__sub {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.16667;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    clear: both; }
  .md-commentList__time {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.07692;
    font-weight: 300;
    color: #777;
    padding: 6px 6px 0 0;
    float: right; }
  .md-commentList__report {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_dotsGray_vertical.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: 0px;
    float: right;
    margin-left: -3px; }
  .md-commentList__like {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 300;
    text-align: left;
    padding: 16px 0 3px 0;
    margin: 0 0 0 63px; }
    .md-commentList__like .title {
      color: #828282; }
    .md-commentList__like .count {
      padding-left: 2px;
      color: #989898; }
  .md-commentList__comment {
    margin-top: 6px;
    white-space: pre-wrap;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    padding-right: 6px;
    color: #777;
    float: left;
    clear: both; }
  .md-commentList__readmore {
    margin-top: 6px;
    display: inline-block;
    float: left;
    clear: both; }
    .md-commentList__readmore span {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.46154;
      color: #3d5afe; }

/* md-relationCards */
.md-relationCards {
  padding-bottom: 40px; }
  .md-relationCards .md-articleCard {
    margin: 0 0 24px; }
    .md-relationCards .md-articleCard:last-child {
      margin-bottom: 0; }

/* md-seriesArticle */
.md-seriesArticle .md-buttonArea {
  margin: 0;
  padding: 12px 8px 4px 0; }
  .md-seriesArticle .md-buttonArea__btn--icon {
    text-align: left; }
    .md-seriesArticle .md-buttonArea__btn--icon:before {
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_paper.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: -6px;
      margin-right: 4px; }
    .md-seriesArticle .md-buttonArea__btn--icon:after {
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_bulletRight.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: 0px;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto 0; }

.md-seriesArticleList {
  position: relative;
  background-color: #fff;
  color: #555; }
  .md-seriesArticleList__item {
    list-style: none;
    border-top: solid 1px #eee;
    padding: 0 4px; }
    .md-seriesArticleList__item.is-gravity li:first-child {
      position: relative;
      z-index: 1;
      box-shadow: 0px 8px 8px -2px rgba(227, 227, 227, 0.54); }
      .md-seriesArticleList__item.is-gravity li:first-child--inset {
        box-shadow: #SHADOW_INSET; }
    .md-seriesArticleList__item.is-disabled {
      background-color: #f3f3f3; }
    .md-seriesArticleList__item:last-child {
      border-bottom: solid 1px #eee; }
  .md-seriesArticleList__itemLink {
    padding: 3px 0;
    display: table; }
  .md-seriesArticleList__photo {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .md-seriesArticleList__content {
    width: 100%;
    padding-top: 2px;
    padding-left: 7px;
    display: table-cell;
    position: relative;
    vertical-align: top; }
  .md-seriesArticleList__title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.25; }
  .md-seriesArticleList__serial {
    margin-bottom: 6px;
    font-size: 10px;
    font-size: 1rem; }
  .md-seriesArticleList__date {
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.18182;
    color: #A6A6A6; }
    .md-seriesArticleList__date--char {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.09091;
      color: #666;
      background: #F5F5F5;
      padding: 4px;
      border-radius: 2px;
      display: inline-block;
      box-sizing: border-box; }
    .md-seriesArticleList__date--time {
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle; }
  .md-seriesArticleList__serializeTimes {
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.18182;
    font-weight: bold;
    color: #616161;
    margin-right: 5px; }
  .md-seriesArticleList__subTitle {
    position: relative;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: 4px; }
    .md-seriesArticleList__subTitle--serializeTimes {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 0.90909;
      display: inline-block;
      color: #00bfa5;
      background: #fff;
      border: 1px solid rgba(0, 191, 165, 0.54);
      border-radius: 2px;
      padding: 3px 2px 2.5px 2px;
      margin-right: 8px;
      box-sizing: border-box;
      vertical-align: middle;
      font-weight: 600; }
    .md-seriesArticleList__subTitle--name {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.46154;
      font-weight: bold;
      color: #222;
      vertical-align: baseline; }
  .md-seriesArticleList__subContent {
    position: absolute;
    bottom: 0; }

/* md-articleLinkArea */
.md-articleLinkArea {
  padding: 16px 0 36px;
  position: relative;
  background-color: #fafafa;
  color: #222; }
  .md-articleLinkArea__pager {
    *zoom: 1; }
    .md-articleLinkArea__pager:after {
      content: "";
      display: table;
      clear: both; }
  .md-articleLinkArea__button {
    width: 50%;
    position: relative;
    padding: 13px 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
    box-sizing: border-box; }
    .md-articleLinkArea__button:before {
      top: 0;
      bottom: 0;
      margin: auto;
      position: absolute; }
    .md-articleLinkArea__button--prev {
      padding-left: 40px;
      float: left;
      text-align: left; }
      .md-articleLinkArea__button--prev:before {
        left: 16px;
        width: 24px;
        height: 24px;
        display: inline-block;
        background: url(/contents/image/icon_bulletLeftDarkGray.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 24px 24px;
        content: "";
        vertical-align: 0px; }
    .md-articleLinkArea__button--next {
      padding-right: 40px;
      float: right;
      text-align: right; }
      .md-articleLinkArea__button--next:before {
        right: 16px;
        width: 24px;
        height: 24px;
        display: inline-block;
        background: url(/contents/image/icon_bulletRightDarkGray.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 24px 24px;
        content: "";
        vertical-align: 0px; }
  .md-articleLinkArea__seriesBtnArea {
    margin-top: 40px;
    padding: 0 24px; }
  .md-articleLinkArea__seriesBtn {
    display: block;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.08);
    position: relative; }
  .md-articleLinkArea__seriesBtn {
    padding-left: 130px; }
  .md-articleLinkArea__seriesBtnImage {
    width: 98px;
    position: absolute;
    left: 16px;
    top: -20px; }
  .md-articleLinkArea__seriesTitle {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.29412;
    color: #222;
    font-weight: bold;
    padding-bottom: 42px; }
  .md-articleLinkArea__seriesGoToList {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #222;
    font-weight: bold;
    position: absolute;
    right: 40px;
    bottom: 16px; }
    .md-articleLinkArea__seriesGoToList:before {
      top: 0;
      bottom: 0;
      margin: auto;
      position: absolute;
      right: -24px;
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_bulletRightDarkGray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: 0px; }
  .md-articleLinkArea .md-buttonArea {
    margin-top: 8px;
    padding-bottom: 26px;
    border-bottom: none; }

/* md-readmoreBtn */
.md-readmoreBtn {
  position: relative;
  background-color: #fff;
  color: #555;
  border-bottom: 1px solid rgba(38, 38, 38, 0.2); }
  .md-readmoreBtn:after {
    top: 0;
    right: 8px;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_bulletRight.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: 0px;
    position: absolute; }
  .md-readmoreBtn--large {
    position: relative;
    background-color: #fff;
    color: #555;
    border-top: 1px solid rgba(38, 38, 38, 0.2);
    border-bottom: 1px solid rgba(38, 38, 38, 0.2); }
  .md-readmoreBtn--bold {
    padding-left: 6px; }
  .md-readmoreBtn--down:after {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_bulletDown.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: 0px; }
  .md-readmoreBtn--right:after {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_bulletRight.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: 0px; }
  .md-readmoreBtn__label {
    padding-right: 48px;
    display: block;
    text-align: right;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 3.46667;
    color: #555; }
    .md-readmoreBtn--bold .md-readmoreBtn__label {
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: bold;
      text-align: left; }
    .md-readmoreBtn__label .icon {
      width: 20px;
      height: 20px;
      left: 0;
      display: inline-block;
      position: relative;
      vertical-align: -5px;
      margin-right: 5px; }
  .md-readmoreBtn__textCenter {
    padding: 16px 0;
    display: block;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 3.07692; }

/* md-rankingList */
.md-rankingList__item {
  border-bottom: solid 1px #eee; }

.md-rankingList__itemLink {
  display: block;
  position: relative; }
  .md-rankingList__itemLink:after {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_bulletRight.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: 0px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0; }
  .md-rankingList__itemLink img {
    display: block;
    width: 100%; }

/* md-galleryBtn */
.md-galleryBtn {
  border-bottom: 1px solid rgba(38, 38, 38, 0.2); }
  .md-galleryBtn .md-readmoreBtn {
    border-bottom: none; }
  .md-galleryBtn:last-child {
    border-bottom: none;
    margin-bottom: -24px; }

/* md-areaStatus */
.md-areaStatus {
  height: 56px;
  padding: 0 16px;
  position: relative;
  color: #555;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 4;
  border-bottom: 1px solid rgba(38, 38, 38, 0.2);
  background-color: #fff; }
  .md-areaStatus__label {
    top: 0;
    left: 16px;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    position: absolute;
    font-weight: bold; }
  .md-areaStatus__area {
    padding-left: 116px;
    display: block;
    text-align: right;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

/* md-label */
.md-label {
  padding: 0 16px;
  position: relative;
  background-color: #fff;
  color: #222;
  border-bottom: 1px solid rgba(38, 38, 38, 0.2); }
  .md-label--noborder {
    border-color: #FFF; }
  .md-label__link {
    display: block; }
  .md-label__icon {
    width: 24px;
    height: 24px;
    top: 0;
    left: 16px;
    bottom: 0;
    position: absolute;
    margin: auto 0; }
    .md-label__icon + .md-label__text {
      padding-left: 40px; }
  .md-label__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 3.42857; }
    .md-label--large .md-label__text {
      font-size: 20px;
      font-size: 2rem;
      line-height: 2.8;
      font-weight: bold; }
    .md-label--extralarge .md-label__text {
      font-size: 21px;
      font-size: 2.1rem;
      line-height: 2.66667;
      font-weight: bold; }

/* md-annotate*/
.md-annotate {
  max-width: 640px;
  margin: 0 auto;
  padding: 10px 16px;
  position: relative;
  color: #999;
  background-color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.33333; }

.md-scheduleDateList {
  min-height: 40px;
  background-color: #fff;
  position: relative;
  color: #555;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  padding-bottom: 24px; }
  .md-scheduleDateList.is-loading {
    opacity: 0.3;
    pointer-events: none; }
    .md-scheduleDateList.is-loading::after {
      content: '';
      top: 25%;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute;
      width: 32px;
      height: 32px;
      display: inline-block;
      background: url(/contents/image/loading.gif?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 32px 32px;
      content: "";
      vertical-align: -1px; }
  .md-scheduleDateList__venueDetail__titleSection {
    width: 100%;
    display: table;
    position: relative;
    padding-right: 90px;
    box-sizing: border-box; }
    .md-scheduleDateList__venueDetail__titleSection::after {
      content: '';
      top: 0;
      right: 8px;
      bottom: 0;
      margin: auto 0;
      position: absolute;
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_bulletRight.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: -1px; }
    .md-scheduleDateList__venueDetail__titleSection:last-child {
      border-color: transparent; }
  .md-scheduleDateList__venueDetail__venueName {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625;
    white-space: nowrap;
    font-weight: bold;
    color: #222;
    padding-left: 8px;
    display: table-cell; }
    .md-scheduleDateList__venueDetail__venueName::before {
      content: '';
      width: 20px;
      height: 20px;
      display: inline-block;
      background: url(/contents/image/icon_pinGray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 20px 20px;
      content: "";
      vertical-align: -4px;
      margin-right: 4px; }
  .md-scheduleDateList__venueDetail__areaName {
    width: 100%;
    display: table-cell;
    padding-left: 5px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 2.36364;
    color: #999;
    word-break: break-all; }
  .md-scheduleDateList__venueDetail__distance {
    top: 8;
    right: 31px;
    bottom: 0;
    margin: auto 0;
    position: absolute;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2;
    text-align: right;
    color: #999; }
  .md-scheduleDateList__venueDetail__eventDates {
    padding-left: 32px;
    padding-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #222; }
  .md-scheduleDateList__venueDetail__eventStatus {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold;
    color: #747474;
    padding: 1px 3px;
    border: 1px solid #AEAEAE;
    border-radius: 2px;
    background-color: #F5F5F5; }
  .md-scheduleDateList__venueDetail__venueInfo {
    padding-top: 10px;
    padding-left: 32px;
    padding-right: 20px;
    display: block;
    position: relative;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 6;
    color: #777; }
  .md-scheduleDateList__scheduleSection {
    color: #222; }
    .md-scheduleDateList__scheduleSection__mainArticle {
      padding-top: 10px; }
    .md-scheduleDateList__scheduleSection__item {
      padding-top: 8px;
      padding-bottom: 12px;
      border-top: 1px solid #eee;
      margin: 0 32px; }
      .md-scheduleDateList__scheduleSection__item:last-child {
        border-bottom: 1px solid #eee; }
    .md-scheduleDateList__scheduleSection__itemInner.is-end {
      opacity: 0.3; }
    .md-scheduleDateList__scheduleSection__article {
      *zoom: 1; }
      .md-scheduleDateList__scheduleSection__article:after {
        content: "";
        display: table;
        clear: both; }
    .md-scheduleDateList__scheduleSection__date {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.1875;
      font-weight: bold;
      width: 78px;
      float: left;
      padding-right: 10px;
      padding-top: 4px; }
      .md-scheduleDateList__scheduleSection__date.is-sat {
        color: #2196F3; }
      .md-scheduleDateList__scheduleSection__date.is-sun {
        color: #F44336; }
    .md-scheduleDateList__scheduleSection__timeSection {
      padding-left: 88px; }
    .md-scheduleDateList__scheduleSection__time {
      font-weight: bold;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.2;
      padding-top: 5px; }
    .md-scheduleDateList__scheduleSection__openTime {
      color: #777;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.18182; }
    .md-scheduleDateList__scheduleSection__timeInfo {
      color: #777;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.09091;
      padding-top: 4px;
      padding-bottom: 6px; }
    .md-scheduleDateList__scheduleSection__dayInfo {
      color: #777;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.09091;
      padding-top: 8px;
      padding-bottom: 6px; }
  .md-scheduleDateList__moreScheduleBtn .md-readmoreBtn {
    border-bottom: none;
    padding-left: 16px; }
  .md-scheduleDateList__allScheduleBtn {
    height: 48px;
    margin: 24px 16px 0px 16px;
    border: 1px solid #546e7a;
    border-radius: 4px;
    color: #546e7a; }
    .md-scheduleDateList__allScheduleBtn__txt {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 2.82353;
      font-weight: bold;
      text-align: center; }

/* md-shceduleLabel */
.md-scheduleLabel {
  padding: 0 16px 18px;
  position: relative;
  background-color: #fff;
  color: #222;
  border-bottom: 1px solid rgba(38, 38, 38, 0.2);
  border-color: #FFF; }
  .md-scheduleLabel__text {
    padding: 18px 0 2px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.11111;
    font-weight: bold; }
  .md-scheduleLabel__sub {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.54545;
    color: #777; }
    .md-scheduleLabel__sub .time {
      min-width: 28px;
      height: 17px;
      margin: 8px 1px 0;
      padding: 0 5px;
      display: inline-block;
      font-size: 10px;
      font-size: 1rem;
      line-height: 1.5;
      color: #222;
      text-align: center;
      border: 1px solid transparent;
      box-sizing: border-box;
      color: #00bfa5;
      border: 1px solid rgba(38, 38, 38, 0.2);
      border-radius: 4px;
      border-color: #00bfa5; }
      .theme--movie .md-scheduleLabel__sub .time {
        color: #3d5afe; }
      .theme--art .md-scheduleLabel__sub .time {
        color: #ff9100; }
      .theme--classic .md-scheduleLabel__sub .time {
        color: #8d6e63; }
      .theme--music .md-scheduleLabel__sub .time {
        color: #ff4081; }
      .theme--event .md-scheduleLabel__sub .time {
        color: #00b0ff; }
      .theme--stage .md-scheduleLabel__sub .time {
        color: #651fff; }
      .theme--column .md-scheduleLabel__sub .time {
        color: #00bfa5; }
      .theme--headline .md-scheduleLabel__sub .time {
        color: #00b8d4; }
      .theme--news .md-scheduleLabel__sub .time {
        color: #00b8d4; }
      .theme--tpia .md-scheduleLabel__sub .time {
        color: #3264cb; }
      .theme--movie .md-scheduleLabel__sub .time {
        border-color: #3d5afe; }
      .theme--art .md-scheduleLabel__sub .time {
        border-color: #ff9100; }
      .theme--classic .md-scheduleLabel__sub .time {
        border-color: #8d6e63; }
      .theme--music .md-scheduleLabel__sub .time {
        border-color: #ff4081; }
      .theme--event .md-scheduleLabel__sub .time {
        border-color: #00b0ff; }
      .theme--stage .md-scheduleLabel__sub .time {
        border-color: #651fff; }
      .theme--column .md-scheduleLabel__sub .time {
        border-color: #00bfa5; }
      .theme--headline .md-scheduleLabel__sub .time {
        border-color: #00b8d4; }
      .theme--news .md-scheduleLabel__sub .time {
        border-color: #00b8d4; }
      .theme--tpia .md-scheduleLabel__sub .time {
        border-color: #3264cb; }

/* md-scheduleSlider */
.md-scheduleSlider {
  width: 100%;
  height: 75px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  color: #999; }
  .md-scheduleSlider:after {
    width: 100%;
    height: 0px;
    bottom: 0;
    margin-left: 16px;
    content: "";
    display: inline-block;
    position: absolute;
    border-bottom: 1px solid rgba(38, 38, 38, 0.2); }
  .md-scheduleSlider--date {
    height: 54px; }
    .md-scheduleSlider--date:after {
      border-bottom: none; }
  .md-scheduleSlider__inner {
    height: 92px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .md-scheduleSlider--date .md-scheduleSlider__inner {
      height: 71px; }
  .md-scheduleSlider__schedules {
    width: 100%;
    margin-top: 16px;
    padding: 0 8px;
    display: table;
    table-layout: fixed;
    font-size: 0;
    box-sizing: border-box; }
    .md-scheduleSlider--date .md-scheduleSlider__schedules {
      margin-top: 0;
      padding: 0 10px; }
  .md-scheduleSlider__schedulesRow {
    width: 100%;
    display: table-row; }

/* md-scheduleItem */
.md-scheduleItem {
  color: #777;
  display: table-cell;
  position: relative; }
  .md-scheduleItem.is-release:before {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 6px;
    margin: auto;
    position: absolute;
    border-radius: 4px;
    content: "";
    background-color: #ffea00;
    z-index: 0; }
  .md-scheduleItem--date {
    width: 38px;
    box-sizing: border-box; }
  .md-scheduleItem--month {
    width: 87px; }
  .md-scheduleItem__link {
    margin: 0 auto;
    display: block;
    position: relative;
    text-align: center;
    border: 1px solid rgba(38, 38, 38, 0.2);
    border-radius: 2px;
    z-index: 1; }
    .md-scheduleItem--date .md-scheduleItem__link {
      min-width: 34px;
      height: 54px;
      padding-top: 6px;
      border: none;
      box-sizing: border-box; }
    .md-scheduleItem--date.is-current .md-scheduleItem__link {
      position: relative; }
      .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
        width: 100%;
        height: 0px;
        left: 0;
        right: 0;
        bottom: 0;
        border-top: 4px solid #3d5afe;
        border-color: #00bfa5;
        display: inline-block;
        position: absolute;
        content: '';
        background-color: red; }
        .theme--movie .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #3d5afe; }
        .theme--art .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #ff9100; }
        .theme--classic .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #8d6e63; }
        .theme--music .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #ff4081; }
        .theme--event .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #00b0ff; }
        .theme--stage .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #651fff; }
        .theme--column .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #00bfa5; }
        .theme--headline .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #00b8d4; }
        .theme--news .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #00b8d4; }
        .theme--tpia .md-scheduleItem--date.is-current .md-scheduleItem__link:after {
          border-color: #3264cb; }
    .md-scheduleItem--month .md-scheduleItem__link {
      width: 71px;
      height: 42px; }
    .md-scheduleItem--month.is-current .md-scheduleItem__link {
      border-color: #3d5afe;
      background-color: #3d5afe;
      color: #fff; }
    .is-saturday .md-scheduleItem__link {
      color: #2196F3; }
    .is-sunday .md-scheduleItem__link {
      color: #F44336; }
    .is-disabled .md-scheduleItem__link {
      opacity: 0.3; }
    .is-release .md-scheduleItem__link {
      color: #777;
      opacity: 1; }
  .md-scheduleItem__month {
    margin-top: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #262626; }
    .is-current .md-scheduleItem__month {
      color: #fff; }
  .md-scheduleItem__week {
    margin: 0 0 4px;
    padding: 0 2px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold; }
    .is-release .md-scheduleItem__week {
      font-size: 10px;
      font-size: 1rem;
      padding-left: 18px;
      display: inline-block;
      position: relative;
      text-align: right; }
      @media only screen and (max-width: 374px) {
        .is-release .md-scheduleItem__week {
          padding-left: 13px;
          padding-right: 0;
          white-space: nowrap; } }
      .is-release .md-scheduleItem__week:before {
        width: 18px;
        height: 23px;
        display: inline-block;
        background: url(/contents/image/img_ringboy_releasemark.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 18px 23px;
        content: "";
        vertical-align: -1px;
        position: absolute;
        top: -3.5px;
        left: 0; }
        @media only screen and (max-width: 374px) {
          .is-release .md-scheduleItem__week:before {
            width: 14px;
            height: 18.89px;
            background-size: 14px 18.89px; } }
  .md-scheduleItem__date {
    font-size: 11px;
    font-size: 1.1rem; }
    .md-scheduleItem__date .month {
      display: inline-block;
      -webkit-transform-origin: bottom;
              transform-origin: bottom; }
    .md-scheduleItem__date .mark {
      margin-right: -1px;
      display: inline-block;
      -webkit-transform: scale(0.5, 0.9);
              transform: scale(0.5, 0.9);
      -webkit-transform-origin: bottom;
              transform-origin: bottom; }
    .md-scheduleItem__date .date {
      display: inline-block;
      font-size: 21px;
      font-size: 2.1rem;
      font-weight: bold;
      color: #555; }
      .is-saturday .md-scheduleItem__date .date {
        color: #2196F3; }
      .is-sunday .md-scheduleItem__date .date {
        color: #F44336; }
      .is-release .md-scheduleItem__date .date {
        color: #777; }

/* md-scheduleTable */
.md-scheduleTable__header {
  position: relative;
  height: 67px;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  padding: 0 16px;
  margin-bottom: 20px;
  border-radius: 2px; }
  .md-scheduleTable__header:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/contents/image/icon_bulletDownDarkGray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    vertical-align: 0px; }
  .is-open > .md-scheduleTable__header:after {
    background-image: url(/contents/image/icon_bulletUpDarkGray.png?v=20200207151040); }

.md-scheduleTable__place, .md-scheduleTable__period {
  display: block; }
  .md-scheduleTable__place:before, .md-scheduleTable__period:before {
    top: 0;
    bottom: 0;
    left: 20px;
    padding-right: 5px; }

.md-scheduleTable__place {
  font-weight: bold;
  padding-top: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1; }
  .md-scheduleTable__place:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_place2Gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    vertical-align: -2px; }

.md-scheduleTable__period {
  padding-top: 7px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1; }
  .md-scheduleTable__period:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/contents/image/icon_time2Gray.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    vertical-align: -3px; }

.md-scheduleTable__section {
  padding: 0 16px 24px; }

.md-scheduleTable__table {
  border-collapse: collapse;
  word-wrap: break-word; }
  .md-scheduleTable__table tr td:nth-child(1) {
    border-right: solid 1px #eee; }

.md-scheduleTable__date {
  padding: 5px 10px;
  background: #f5f5f5;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: bold;
  border-radius: 2px;
  margin-bottom: 10px;
  vertical-align: top; }

.md-scheduleTable__time {
  color: #616161;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.15385;
  padding: 8px 8px 5px; }

.md-scheduleTable__contentTitle {
  margin-bottom: 3px;
  color: #222;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: bold; }

.md-scheduleTable__content {
  padding: 8px 8px 5px;
  vertical-align: top; }

.md-scheduleTable__text {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.46154;
  color: #616161; }

/* md-eventTable */
.md-eventTable {
  margin: 0 0 20px;
  border: solid 1px #eee;
  border-radius: 8px;
  padding: 20px; }
  .md-eventTable__title {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    color: #222;
    margin-bottom: 11px; }
  .md-eventTable__venue {
    padding-left: 22px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #222;
    margin-bottom: 18px;
    position: relative; }
    .md-eventTable__venue:before {
      content: "";
      width: 14px;
      height: 14px;
      display: block;
      background: url(/contents/image/icon_pinGray.png?v=20200207151040) center center no-repeat;
      background-size: 100%;
      position: absolute;
      left: 3px;
      top: 2px; }
  .md-eventTable__event {
    margin-bottom: 27px; }
    .md-eventTable__event:last-child {
      margin-bottom: 0; }
  .md-eventTable__eventTitle {
    padding: 4px 14px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    color: #222;
    background-color: #f5f5f5;
    font-weight: bold;
    border-radius: 2px;
    margin-bottom: 12px; }
  .md-eventTable__eventCaption {
    margin-bottom: 12px;
    color: #616161;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571; }
  .md-eventTable__eventText {
    color: #616161;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.46154; }

/* md-scheduleInfo */
.md-scheduleInfo {
  position: relative;
  background-color: #fff;
  color: #555;
  padding: 0 24px;
  padding-top: 26px;
  padding-bottom: 24px;
  background-color: #fafafa;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.86667;
  color: #555; }
  .md-scheduleInfo a {
    color: #00bfa5; }
    .theme--movie .md-scheduleInfo a {
      color: #3d5afe; }
    .theme--art .md-scheduleInfo a {
      color: #ff9100; }
    .theme--classic .md-scheduleInfo a {
      color: #8d6e63; }
    .theme--music .md-scheduleInfo a {
      color: #ff4081; }
    .theme--event .md-scheduleInfo a {
      color: #00b0ff; }
    .theme--stage .md-scheduleInfo a {
      color: #651fff; }
    .theme--column .md-scheduleInfo a {
      color: #00bfa5; }
    .theme--headline .md-scheduleInfo a {
      color: #00b8d4; }
    .theme--news .md-scheduleInfo a {
      color: #00b8d4; }
    .theme--tpia .md-scheduleInfo a {
      color: #3264cb; }
  .md-scheduleInfo strong {
    font-weight: bold; }

/* md-venueTitle */
.md-venueTitle {
  height: 43px;
  padding: 0 16px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 3.07143;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid rgba(38, 38, 38, 0.2);
  font-weight: bold; }

/* md-venueDetail */
.md-venueDetail {
  background-color: #fff;
  position: relative;
  color: #555;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .md-venueDetail.is-loading {
    opacity: 0.3;
    pointer-events: none; }
    .md-venueDetail.is-loading:after {
      top: 25%;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute;
      width: 32px;
      height: 32px;
      display: inline-block;
      background: url(/contents/image/loading.gif?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 32px 32px;
      content: "";
      vertical-align: -1px; }
  .md-venueDetail .md-readmoreBtn {
    padding-left: 16px;
    border-bottom: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; }
  .md-venueDetail .md-scheduleSlider__schedules {
    padding-left: 0; }
  .md-venueDetail--borderTop {
    border-top: 1px solid rgba(38, 38, 38, 0.2);
    border-bottom: none; }
    .md-venueDetail--borderTop .md-venueDetail__titleLinkArea {
      border-bottom: none; }
  .md-venueDetail__item {
    border-bottom: 1px solid #eee; }
  .md-venueDetail__emptyArea {
    padding: 58px 0 73px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    border-bottom: 1px solid #eee; }
  .md-venueDetail__permissionArea__lead {
    padding: 24px 16px 12px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375; }
  .md-venueDetail__permissionArea .md-buttonArea {
    padding-bottom: 32px;
    border-bottom: 1px solid #eee; }
    .md-venueDetail__permissionArea .md-buttonArea__inner {
      max-width: 200px;
      margin: 0 auto; }
  .md-venueDetail__titleArea {
    padding: 19px 16px 18px 12px;
    display: block;
    position: relative;
    border-bottom: 1px solid #eee; }
  .md-venueDetail__titleLinkArea {
    height: 48px;
    display: block;
    position: relative; }
    .md-venueDetail__titleLinkArea:after {
      top: 0;
      right: 8px;
      bottom: 0;
      margin: auto 0;
      position: absolute;
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_bulletRight.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: -1px; }
    .md-venueDetail__titleLinkArea:last-child {
      border-color: transparent; }
  .md-venueDetail__statusArea {
    padding-top: 4px;
    padding-left: 32px;
    padding-right: 16px;
    font-size: 0; }
  .md-venueDetail__timeArea {
    padding-left: 32px;
    padding-right: 16px;
    font-size: 0;
    border-bottom: 1px solid #eee; }
    .md-venueDetail__timeArea:last-child {
      border-color: transparent; }
  .md-venueDetail__placeArea {
    padding: 16px 0;
    padding-left: 32px;
    padding-right: 16px; }
    .md-venueDetail__placeArea + .md-venueDetail__titleArea {
      border-top: 1px solid rgba(38, 38, 38, 0.2); }
    .md-venueDetail__placeArea + .md-venueDetail__titleLinkArea {
      border-top: 1px solid rgba(38, 38, 38, 0.2); }
  .md-venueDetail__title {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857;
    font-weight: bold; }
    .md-venueDetail__title--1line {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .md-venueDetail__subtitle {
    margin-top: 3px;
    margin-bottom: 11px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: bold; }
  .md-venueDetail__place, .md-venueDetail__show {
    display: block;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2.88235;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    color: #222; }
    .md-venueDetail__titleLinkArea .md-venueDetail__place, .md-venueDetail__titleLinkArea .md-venueDetail__show {
      padding-right: 55px; }
    .md-venueDetail__titleArea .md-venueDetail__place, .md-venueDetail__titleArea .md-venueDetail__show {
      padding-right: 17px; }
  .md-venueDetail__place {
    padding-left: 8px; }
    .md-venueDetail__place:before {
      width: 20px;
      height: 20px;
      display: inline-block;
      background: url(/contents/image/icon_pinGray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 20px 20px;
      content: "";
      vertical-align: -4px;
      margin-right: 4px; }
  .md-venueDetail__show {
    padding-left: 12px;
    font-weight: bold; }
  .md-venueDetail__distance, .md-venueDetail__link {
    top: 0;
    right: 37px;
    bottom: 0;
    margin: auto 0;
    position: absolute;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 3.76923;
    text-align: right;
    color: #777; }
  .md-venueDetail__distance + .md-venueDetail__place, .md-venueDetail__distance + .md-venueDetail__show {
    padding-right: 100px; }
  .md-venueDetail__link + .md-venueDetail__place, .md-venueDetail__link + .md-venueDetail__show {
    padding-right: 88px; }
  .md-venueDetail__info {
    margin-bottom: 6px;
    padding-left: 20px;
    display: block;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333; }
    .md-venueDetail__info:before {
      left: 0;
      top: -1px;
      position: absolute; }
    .md-venueDetail__info--span:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      background: url(/contents/image/icon_time2Gray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 14px 14px;
      content: "";
      vertical-align: -1px; }
    .md-venueDetail__info--place:before {
      width: 14px;
      height: 14px;
      display: inline-block;
      background: url(/contents/image/icon_pinGray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 14px 14px;
      content: "";
      vertical-align: -1px; }
  .md-venueDetail__addinfo {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5; }
    .md-venueDetail__addinfo__title {
      display: inline; }
    .md-venueDetail__addinfo__description {
      display: inline;
      color: #999; }
  .md-venueDetail__phone {
    margin-top: 4px;
    padding: 0 4px;
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0.06rem;
    border: 1px solid rgba(38, 38, 38, 0.2);
    border-radius: 2px; }
    .md-venueDetail__phone span {
      color: #999; }
  .md-venueDetail__status {
    min-height: 16px;
    margin: 2px 2px 2px 2px;
    padding: 0 3.5px;
    display: inline-block;
    background-color: #f5f5f5;
    border-radius: 2px; }
    .md-venueDetail__status__label {
      padding: 4px 0;
      display: inline-block;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1;
      color: #777; }
  .md-venueDetail__time {
    min-width: 48px;
    height: 24px;
    margin-right: 4px;
    margin-top: 8px;
    padding: 0 6px;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    color: #222;
    font-weight: bold;
    text-align: center;
    border: 1px solid transparent;
    box-sizing: border-box; }
    .md-venueDetail__time.is-disabled {
      opacity: 0.4;
      color: #555;
      font-weight: normal; }
    .md-venueDetail__time.is-open.has-link {
      color: #00bfa5;
      border: 1px solid rgba(38, 38, 38, 0.2);
      border-color: #00bfa5;
      border-radius: 4px; }
      .theme--movie .md-venueDetail__time.is-open.has-link {
        color: #3d5afe; }
      .theme--art .md-venueDetail__time.is-open.has-link {
        color: #ff9100; }
      .theme--classic .md-venueDetail__time.is-open.has-link {
        color: #8d6e63; }
      .theme--music .md-venueDetail__time.is-open.has-link {
        color: #ff4081; }
      .theme--event .md-venueDetail__time.is-open.has-link {
        color: #00b0ff; }
      .theme--stage .md-venueDetail__time.is-open.has-link {
        color: #651fff; }
      .theme--column .md-venueDetail__time.is-open.has-link {
        color: #00bfa5; }
      .theme--headline .md-venueDetail__time.is-open.has-link {
        color: #00b8d4; }
      .theme--news .md-venueDetail__time.is-open.has-link {
        color: #00b8d4; }
      .theme--tpia .md-venueDetail__time.is-open.has-link {
        color: #3264cb; }
      .theme--movie .md-venueDetail__time.is-open.has-link {
        border-color: #3d5afe; }
      .theme--art .md-venueDetail__time.is-open.has-link {
        border-color: #ff9100; }
      .theme--classic .md-venueDetail__time.is-open.has-link {
        border-color: #8d6e63; }
      .theme--music .md-venueDetail__time.is-open.has-link {
        border-color: #ff4081; }
      .theme--event .md-venueDetail__time.is-open.has-link {
        border-color: #00b0ff; }
      .theme--stage .md-venueDetail__time.is-open.has-link {
        border-color: #651fff; }
      .theme--column .md-venueDetail__time.is-open.has-link {
        border-color: #00bfa5; }
      .theme--headline .md-venueDetail__time.is-open.has-link {
        border-color: #00b8d4; }
      .theme--news .md-venueDetail__time.is-open.has-link {
        border-color: #00b8d4; }
      .theme--tpia .md-venueDetail__time.is-open.has-link {
        border-color: #3264cb; }
    .md-venueDetail__time.is-normal {
      color: #999;
      font-weight: normal; }
  .md-venueDetail__subinfo {
    margin: 6px 0 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.16667;
    color: #999; }
  .md-venueDetail__comment {
    padding-right: 70px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #999; }

/* md-thumbnailList */
.md-thumbnailList {
  padding-top: 24px; }
  .md-thumbnailList__item {
    width: 100%;
    position: relative; }
  .md-thumbnailList__photo {
    display: block; }
    .md-thumbnailList__photo img {
      width: 100%;
      height: auto; }
  .md-thumbnailList__caption {
    padding: 6px 16px 32px;
    background-color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
    color: #999; }

/* md-pilotageLink */
.md-pilotageLink {
  margin-top: 22px; }
  .md-pilotageLink__btn {
    margin: 0 24px;
    padding: 19px 140px 19px 12px;
    position: relative;
    display: block;
    border: 1px solid #90A4AE;
    border-radius: 4px;
    box-sizing: border-box; }
    .md-pilotageLink__btn:after {
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url(/contents/image/icon_bulletRight_blueGray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      content: "";
      vertical-align: 0px;
      position: absolute;
      top: 0;
      right: 10px;
      bottom: 0;
      margin: auto; }
  .md-pilotageLink__title {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: bold;
    color: #455A64;
    position: relative;
    padding-left: 34px; }
    .md-pilotageLink__title:before {
      width: 26px;
      height: 26px;
      display: inline-block;
      background: url(/contents/image/icon_compassBlue.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 26px 26px;
      content: "";
      vertical-align: -8px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto; }
  .md-pilotageLink__pilotList {
    width: 96px;
    height: 36px;
    top: 0;
    bottom: 0;
    right: 39px;
    margin: auto;
    position: absolute;
    display: inline-block;
    z-index: 0; }
    .md-pilotageLink__pilotList__item {
      width: 36px;
      height: 36px;
      top: 0;
      right: 0;
      background-color: #fafafa;
      position: absolute;
      border-radius: 50%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
      .md-pilotageLink__pilotList__item:nth-child(1) {
        right: 0;
        z-index: 3; }
      .md-pilotageLink__pilotList__item:nth-child(2) {
        right: 29px;
        z-index: 2; }
      .md-pilotageLink__pilotList__item:nth-child(3) {
        right: 60px;
        z-index: 1; }

/* md-buttonArea */
.md-buttonArea {
  min-height: 32px;
  padding: 8px 16px;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(38, 38, 38, 0.2);
  color: #555; }
  .md-buttonArea--gray {
    background-color: #F3F3F3;
    border-bottom: none;
    padding: 12px 16px; }
  .md-buttonArea--large {
    min-height: 40px; }
  .md-buttonArea--middle {
    min-height: 40px; }
  .md-buttonArea--small {
    min-height: auto; }
  .md-buttonArea__inner {
    width: 100%;
    display: table;
    position: relative;
    *zoom: 1; }
    .md-buttonArea__inner:after {
      content: "";
      display: table;
      clear: both; }
  .md-buttonArea__btn {
    display: table-cell; }
    .md-buttonArea__btn button, .md-buttonArea__btn a {
      width: 100%;
      margin: 0;
      padding: 0 10px;
      box-sizing: border-box;
      text-align: center;
      border: none;
      border-radius: 4px;
      outline: none;
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: none;
      tap-highlight-color: transparent;
      -webkit-tap-highlight-color: transparent;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 2;
      font-weight: bold; }
      .md-buttonArea--large .md-buttonArea__btn button, .md-buttonArea--large .md-buttonArea__btn a {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2.875;
        font-weight: bold; }
      .md-buttonArea--middle .md-buttonArea__btn button, .md-buttonArea--middle .md-buttonArea__btn a {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2.5;
        font-weight: bold; }
      .md-buttonArea--window .md-buttonArea__btn button, .md-buttonArea--window .md-buttonArea__btn a {
        padding-right: 40px; }
        .md-buttonArea--window .md-buttonArea__btn button:after, .md-buttonArea--window .md-buttonArea__btn a:after {
          top: 0;
          bottom: 0;
          right: 8px;
          margin: auto;
          position: absolute;
          width: 24px;
          height: 24px;
          display: inline-block;
          background: url(/contents/image/icon_winopenWhite.png?v=20200207151040);
          background-repeat: no-repeat;
          background-size: 24px 24px;
          content: "";
          vertical-align: 0px; }
      .md-buttonArea__btn button:disabled, .md-buttonArea__btn a:disabled {
        opacity: 0.4; }
    .md-buttonArea__btn a {
      display: block; }
    .md-buttonArea__btn--sub {
      width: 80px; }
      .md-buttonArea__btn--sub + .md-buttonArea__btn--main {
        padding-left: 16px; }
      .md-buttonArea__btn--sub button, .md-buttonArea__btn--sub a {
        background-color: #fff;
        color: #555; }
    .md-buttonArea__btn--main button, .md-buttonArea__btn--main a {
      background-color: #3264CB;
      color: #fff;
      font-weight: bold; }
    .md-buttonArea__btn--main--accent button, .md-buttonArea__btn--main--accent a {
      background-color: #E67717;
      color: #fff;
      border: none;
      font-weight: bold; }
    .md-buttonArea__btn--main--white button, .md-buttonArea__btn--main--white a {
      background-color: #fff;
      color: #555;
      border: 1px solid rgba(38, 38, 38, 0.4);
      font-weight: normal; }
    .md-buttonArea__btn--main--plane button, .md-buttonArea__btn--main--plane a {
      background-color: #fff;
      color: #555;
      font-weight: normal; }
    .md-buttonArea__btn--main--grey button, .md-buttonArea__btn--main--grey a {
      background-color: #F5F6F8;
      color: #555;
      font-weight: normal; }
    .md-buttonArea__btn--main--billing button, .md-buttonArea__btn--main--billing a {
      background-color: #ffc400;
      color: #fff;
      font-weight: normal; }
    .md-buttonArea__btn--main--genre button, .md-buttonArea__btn--main--genre a {
      background-color: #fff;
      border: 1px solid;
      color: #00bfa5;
      border-color: #00bfa5; }
      .theme--movie .md-buttonArea__btn--main--genre button, .theme--movie .md-buttonArea__btn--main--genre a {
        color: #3d5afe; }
      .theme--art .md-buttonArea__btn--main--genre button, .theme--art .md-buttonArea__btn--main--genre a {
        color: #ff9100; }
      .theme--classic .md-buttonArea__btn--main--genre button, .theme--classic .md-buttonArea__btn--main--genre a {
        color: #8d6e63; }
      .theme--music .md-buttonArea__btn--main--genre button, .theme--music .md-buttonArea__btn--main--genre a {
        color: #ff4081; }
      .theme--event .md-buttonArea__btn--main--genre button, .theme--event .md-buttonArea__btn--main--genre a {
        color: #00b0ff; }
      .theme--stage .md-buttonArea__btn--main--genre button, .theme--stage .md-buttonArea__btn--main--genre a {
        color: #651fff; }
      .theme--column .md-buttonArea__btn--main--genre button, .theme--column .md-buttonArea__btn--main--genre a {
        color: #00bfa5; }
      .theme--headline .md-buttonArea__btn--main--genre button, .theme--headline .md-buttonArea__btn--main--genre a {
        color: #00b8d4; }
      .theme--news .md-buttonArea__btn--main--genre button, .theme--news .md-buttonArea__btn--main--genre a {
        color: #00b8d4; }
      .theme--tpia .md-buttonArea__btn--main--genre button, .theme--tpia .md-buttonArea__btn--main--genre a {
        color: #3264cb; }
      .theme--movie .md-buttonArea__btn--main--genre button, .theme--movie .md-buttonArea__btn--main--genre a {
        border-color: #3d5afe; }
      .theme--art .md-buttonArea__btn--main--genre button, .theme--art .md-buttonArea__btn--main--genre a {
        border-color: #ff9100; }
      .theme--classic .md-buttonArea__btn--main--genre button, .theme--classic .md-buttonArea__btn--main--genre a {
        border-color: #8d6e63; }
      .theme--music .md-buttonArea__btn--main--genre button, .theme--music .md-buttonArea__btn--main--genre a {
        border-color: #ff4081; }
      .theme--event .md-buttonArea__btn--main--genre button, .theme--event .md-buttonArea__btn--main--genre a {
        border-color: #00b0ff; }
      .theme--stage .md-buttonArea__btn--main--genre button, .theme--stage .md-buttonArea__btn--main--genre a {
        border-color: #651fff; }
      .theme--column .md-buttonArea__btn--main--genre button, .theme--column .md-buttonArea__btn--main--genre a {
        border-color: #00bfa5; }
      .theme--headline .md-buttonArea__btn--main--genre button, .theme--headline .md-buttonArea__btn--main--genre a {
        border-color: #00b8d4; }
      .theme--news .md-buttonArea__btn--main--genre button, .theme--news .md-buttonArea__btn--main--genre a {
        border-color: #00b8d4; }
      .theme--tpia .md-buttonArea__btn--main--genre button, .theme--tpia .md-buttonArea__btn--main--genre a {
        border-color: #3264cb; }
  .md-buttonArea__text {
    margin-top: 8px;
    text-align: center;
    color: #999; }
  .md-buttonArea__privilegeLabel {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    min-height: 16px;
    margin-bottom: 8px;
    position: relative;
    font-weight: normal; }
    .md-buttonArea__privilegeLabel:before {
      position: absolute;
      left: 0;
      top: 0; }
    .md-buttonArea__privilegeLabel--wait {
      padding-left: 51px; }
      .md-buttonArea__privilegeLabel--wait:before {
        width: 43px;
        height: 16px;
        display: inline-block;
        background: url(/contents/image/icon_privilege_wait.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 43px 16px;
        content: "";
        vertical-align: 0px; }
    .md-buttonArea__privilegeLabel--announce {
      padding-left: 34px;
      font-weight: bold; }
      .md-buttonArea__privilegeLabel--announce:before {
        width: 26px;
        height: 16px;
        display: inline-block;
        background: url(/contents/image/icon_privilege_announce.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 26px 16px;
        content: "";
        vertical-align: 0px; }
    .md-buttonArea__privilegeLabel--win {
      padding-left: 34px; }
      .md-buttonArea__privilegeLabel--win:before {
        width: 26px;
        height: 16px;
        display: inline-block;
        background: url(/contents/image/icon_privilege_win.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 26px 16px;
        content: "";
        vertical-align: 0px; }
    .md-buttonArea__privilegeLabel--prewin {
      padding-left: 43px; }
      .md-buttonArea__privilegeLabel--prewin:before {
        width: 35px;
        height: 16px;
        display: inline-block;
        background: url(/contents/image/icon_privilege_prewin.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 35px 16px;
        content: "";
        vertical-align: 0px; }
    .md-buttonArea__privilegeLabel--lose {
      padding-left: 34px; }
      .md-buttonArea__privilegeLabel--lose:before {
        width: 26px;
        height: 16px;
        display: inline-block;
        background: url(/contents/image/icon_privilege_lose.png?v=20200207151040);
        background-repeat: no-repeat;
        background-size: 26px 16px;
        content: "";
        vertical-align: 0px; }
    .md-buttonArea__privilegeLabel--noButton {
      margin-bottom: 0; }
    .md-buttonArea--hasLink .md-buttonArea__privilegeLabel {
      padding: 16px; }
  .md-buttonArea__privilegeComment {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
    font-weight: bold; }

/* md-headerAppLink */
.md-headerAppLink {
  width: 100%;
  max-width: 375px;
  min-width: 320px;
  margin: 0 auto;
  padding-top: 12px;
  padding-bottom: 12px;
  display: table;
  box-sizing: border-box; }
  .md-headerAppLink__banner {
    margin: 0;
    display: table-cell;
    text-align: center; }
    .md-headerAppLink__banner--appstore:hover {
      cursor: pointer; }
    .md-headerAppLink__banner--appstore img {
      width: 132px;
      height: 50px; }
    .md-headerAppLink__banner--googleplay img {
      width: 160px;
      height: 50px; }
    .md-headerAppLink__banner--googleplay:hover {
      cursor: pointer; }
  .md-headerAppLink + .md-buttonArea {
    padding-top: 0px; }

/* md-appAdvertisement */
.md-appAdvertisement {
  min-width: 320px;
  width: 100%;
  height: 376px;
  position: relative;
  background-image: url(https://www.p.pia.jp/maintenance/coverImages/share/logo_footer.png?v=20200207151040), url(https://www.p.pia.jp/maintenance/coverImages/share/logo_footer_bg.png?v=20200207151040);
  background-size: contain;
  background-repeat: no-repeat, repeat-x;
  background-position: bottom center;
  text-align: center; }
  .md-appAdvertisement__title, .md-appAdvertisement__logo {
    display: none; }
  .md-appAdvertisement__banner {
    margin: 0;
    display: table-cell; }
    .md-appAdvertisement__banner--appstore:hover {
      cursor: pointer; }
    .md-appAdvertisement__banner--appstore img {
      width: 132px;
      height: 50px; }
    .md-appAdvertisement__banner--googleplay img {
      width: 160px;
      height: 50px; }
    .md-appAdvertisement__banner--googleplay:hover {
      cursor: pointer; }
    .md-appAdvertisement__banner--logo {
      height: 375px;
      max-width: 100%;
      z-index: 1;
      position: absolute;
      right: 0;
      left: 0;
      margin: 0 auto; }
    .md-appAdvertisement__banner--store {
      width: 100%;
      max-width: 332px;
      min-width: 320px;
      box-sizing: border-box;
      padding-left: 0;
      margin: 0 auto;
      display: table;
      position: absolute;
      z-index: 2;
      right: 0;
      left: 0;
      bottom: 22px; }
  @media only screen and (max-width: 375px) {
    .md-appAdvertisement__banner {
      text-align: center; }
      .md-appAdvertisement__banner--store {
        bottom: 22px;
        padding-left: 0; } }

.md-sharedLimitedArea {
  margin-top: 26px;
  padding: 24px 0;
  background-color: #f5f5f5; }
  .md-sharedLimitedArea .md-buttonArea {
    background: none; }

.md-limitedArea {
  margin: 28px 16px 0;
  padding: 30px 20px 36px;
  background-color: #fff;
  border: solid 4px #eee; }
  .md-limitedArea .limitedMark {
    margin: 0 2px;
    width: 12px;
    height: 18px;
    display: inline-block;
    background: url(/contents/image/icon_heart_exclamation_flat_color.png?v=20200207151040);
    background-repeat: no-repeat;
    background-size: 12px 18px;
    content: "";
    vertical-align: -2px; }
    .md-limitedArea .limitedMark--white {
      width: 12px;
      height: 18px;
      display: inline-block;
      background: url(/contents/image/icon_heart_exclamation_flat_white.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 12px 18px;
      content: "";
      vertical-align: -2px; }
  .md-limitedArea__title {
    padding-right: 9px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375;
    font-weight: bold;
    text-align: center;
    color: #222; }
  .md-limitedArea__btn {
    margin-top: 23px; }
    .md-limitedArea__btn.md-buttonArea {
      padding: 0 14px;
      background: none; }
  .md-limitedArea__info {
    margin-top: 21px;
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #616161;
    text-align: center;
    font-weight: bold; }
    .md-limitedArea__info .limitedMark {
      margin: 0 3px;
      width: 12px;
      height: 18px;
      display: inline-block;
      background: url(/contents/image/icon_heart_exclamation_flat_white.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 12px 18px;
      content: "";
      vertical-align: 0px; }
    .md-limitedArea__info:before {
      width: 18px;
      height: 18px;
      display: inline-block;
      background: url(/contents/image/icon_infoGray.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 18px 18px;
      content: "";
      vertical-align: -3px;
      padding-right: 4px; }

.md-footer__copyright__text {
  color: #262626;
  text-align: center;
  margin: 0 auto;
  font-size: 10px;
  font-size: 1rem;
  line-height: 4; }

/* md-dialog */
.md-dialog {
  width: 100%;
  height: 568px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  padding: 50px 0; }
  .md-dialog__inner {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(https://www.p.pia.jp/maintenance/coverImages/share/1904/bg_overlay.png?v=20200207151040), url(https://www.p.pia.jp/maintenance/coverImages/share/1904/bg_overlay_line.png?v=20200207151040);
    background-size: auto 568px;
    background-repeat: no-repeat, repeat-x;
    background-position: bottom;
    background-attachment: local;
    border-radius: 4px; }
    .is-show .md-dialog__inner {
      -webkit-animation: popup .2s ease-out;
              animation: popup .2s ease-out;
      pointer-events: all; }
  .md-dialog__header {
    width: 100%;
    height: 56px;
    border-radius: 4px 4px 0 0;
    position: initial; }
    .md-dialog__header__closeBtn {
      top: 15px;
      right: 15px;
      padding: 6px;
      position: absolute;
      cursor: pointer;
      width: 14px;
      height: 14px;
      display: inline-block;
      background: url(/contents/image/icon_closeBlack.png?v=20200207151040);
      background-repeat: no-repeat;
      background-size: 14px 14px;
      content: "";
      vertical-align: 0px;
      background-position: center;
      z-index: 2; }
  .md-dialog__content {
    width: 100%;
    top: 56px;
    bottom: 0;
    margin: 0 auto;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto; }
  .md-dialog__footer {
    width: 100%;
    height: 4px; }
  @media screen and (min-width: 641px) {
    .md-dialog {
      max-width: 640px;
      max-height: 568px;
      padding: 20px 0; }
      .md-dialog__content {
        width: 100%;
        top: 56px;
        margin: 0 auto;
        padding-top: 0;
        position: absolute;
        overflow-x: hidden;
        overflow-y: auto; } }
  @media only screen and (max-width: 640px) {
    .md-dialog {
      max-width: 100%;
      max-height: 568px;
      padding: 20px 0; } }

/* md-appdialog */
.md-appdialog {
  width: 100%;
  height: 100%;
  min-height: 512px;
  box-sizing: border-box;
  position: relative; }
  .md-appdialog__title, .md-appdialog__lead {
    display: none; }
  .md-appdialog__mainVisual__character {
    max-height: 100%;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto; }
  .md-appdialog__bannerArea {
    width: 100%;
    max-width: 375px;
    min-width: 320px;
    margin: 0 auto;
    display: table;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px; }
  .md-appdialog__banner {
    margin: 0 7px 7px;
    display: table-cell; }
    .md-appdialog__banner--appstore img {
      width: 132px;
      height: 50px; }
    .md-appdialog__banner--appstore:hover {
      cursor: pointer; }
    .md-appdialog__banner--googleplay img {
      width: 160px;
      height: 50px; }
    .md-appdialog__banner--googleplay:hover {
      cursor: pointer; }
  @media screen and (min-width: 641px) {
    .md-appdialog__title {
      padding-bottom: 2px; }
    .md-appdialog__lead {
      width: 100%;
      text-align: center; }
      .md-appdialog__lead__subtext {
        margin-bottom: 9px;
        padding-right: 2px; }
      .md-appdialog__lead__logo {
        margin-right: 23px; }
    .md-appdialog__mainVisual {
      float: right;
      width: 50%; } }
  @media only screen and (max-width: 640px) {
    .md-appdialog {
      padding: 0 4px; }
      .md-appdialog__title {
        padding-bottom: 14px; }
      .md-appdialog__lead {
        position: relative;
        text-align: center;
        z-index: 1; }
        .md-appdialog__lead__subtext {
          margin-bottom: 9px; }
      .md-appdialog__mainVisual {
        position: absolute;
        margin-bottom: 30px;
        text-align: center;
        z-index: 1; } }