@charset "UTF-8";
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, figure,
h1, h2, h3, h4, h5, h6, form, select {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
}

svg,
input,
select,
textarea,
label {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

*,
*:before,
*:after {
  word-break: break-all;
  box-sizing: border-box;
}

pre {
  white-space: pre-wrap;
}

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

address {
  font-style: normal;
}

html {
  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

html {
  line-height: 1.7;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  -webkit-font-smoothing: antialiased;
}

html, input, select, textarea {
  color: #000000;
}

input, textarea {
  font-size: 100%;
  border-radius: 0;
  -webkit-appearance: none;
}

select {
  font-size: 16px;
  font-size: 1.2rem;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

strong, em, small {
  font-style: inherit;
  font-weight: inherit;
}

a {
  outline: none;
}

a:link {
  color: #000000;
  text-decoration: none;
}

a:visited {
  color: #000000;
  text-decoration: none;
}

@media all and (min-width: 767.5px) {
  a.m-link-img {
    transition: opacity 0.1s;
  }
  a.m-link-img:hover {
    opacity: 0.5;
  }
  a {
    transition: color 0.1s;
  }
  a:hover {
    color: #FF0000;
    text-decoration: none;
  }
  a:active {
    color: #FF0000;
    text-decoration: none;
  }
  a:focus {
    color: #FF0000;
    text-decoration: none;
  }
}

a.is-tap {
  color: #FF0000 !important;
  text-decoration: none;
}

a.is-tap .m-imagecenter-box {
  opacity: 0.5;
}

a.is-tap .m-imagecenter-boxbg {
  opacity: 0.5;
}

a.m-link-img.is-tap,
a.is-opacity.is-tap {
  color: #FFFFFF !important;
  opacity: .5;
}

.m-scroll-top.is-tap {
  opacity: 0.5;
}

img {
  pointer-events: none !important;
}

@media all and (max-width: 767.5px) {
  .cs-logo-header-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px -65px;
    width: 190px;
    height: 42px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
  }
  .cs-share-facebook-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -55px -276px;
    width: 30px;
    height: 30px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-share-line-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -311px -223px;
    width: 30px;
    height: 30px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-share-twitter-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -346px -223px;
    width: 30px;
    height: 30px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-share-linelive-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -90px -276px;
    width: 30px;
    height: 30px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-share-youtube-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -184px -187px;
    width: 30px;
    height: 30px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-hed-video {
    background-image: url(/assets/images/sprite.png);
    background-position: -192px -223px;
    width: 40px;
    height: 40px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
  }
  .cs-sharearticle-facebook {
    background-image: url(/assets/images/sprite.png);
    background-position: -60px -331px;
    width: 25px;
    height: 25px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-sharearticle-twitter {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px -331px;
    width: 25px;
    height: 25px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-sharearticle-line {
    background-image: url(/assets/images/sprite.png);
    background-position: -30px -331px;
    width: 25px;
    height: 25px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-link-blank {
    background-image: url(/assets/images/sprite.png);
    background-position: -162px -311px;
    width: 10px;
    height: 14px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  a.is-tap .cs-link-blank {
    background-image: url(/assets/images/sprite.png);
    background-position: -147px -311px;
    width: 10px;
    height: 14px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
  }
  .cs-link-blankwhite {
    background-image: url(/assets/images/sprite.png);
    background-position: -219px -187px;
    width: 11px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-close {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -212px;
    width: 17px;
    height: 17px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-search {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -75px;
    width: 20px;
    height: 20px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-mail {
    background-image: url(/assets/images/sprite.png);
    background-position: -149px -331px;
    width: 26px;
    height: 17px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  a.is-tap .cs-icon-mail {
    background-image: url(/assets/images/sprite.png);
    background-position: -118px -331px;
    width: 26px;
    height: 17px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-headersearch {
    background-image: url(/assets/images/sprite.png);
    background-position: -158px -276px;
    width: 28px;
    height: 28px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-headermenu {
    background-image: url(/assets/images/sprite.png);
    background-position: -125px -276px;
    width: 28px;
    height: 28px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-header-close {
    background-image: url(/assets/images/sprite.png);
    background-position: -90px -331px;
    width: 23px;
    height: 23px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-buy {
    background-image: url(/assets/images/sprite.png);
    background-position: -356px -180px;
    width: 22px;
    height: 20px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-streaming {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px 0px;
    width: 21px;
    height: 20px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-dl {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -127px;
    width: 19px;
    height: 18px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-disc-music {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -295px;
    width: 15px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
  }
  .cs-icon-disc-dl {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -315px;
    width: 15px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-disc-movie {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -275px;
    width: 15px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-listening {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -255px;
    width: 15px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-yt-play {
    background-image: url(/assets/images/sprite.png);
    background-position: -73px -223px;
    width: 68px;
    height: 48px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  a:hover .cs-yt-play {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px -223px;
    width: 68px;
    height: 48px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
  }
  .cs-share-twitter-small {
    background-image: url(/assets/images/sprite.png);
    background-position: -148px -112px;
    width: 33px;
    height: 33px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-listening-tieup {
    background-image: url(/assets/images/sprite.png);
    background-position: -237px -223px;
    width: 32px;
    height: 32px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-rss-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -109px -311px;
    width: 14px;
    height: 14px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-artist-top-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -278px -180px;
    width: 35px;
    height: 35px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-genre-top-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -235px -180px;
    width: 38px;
    height: 38px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-video-top-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -186px -112px;
    width: 36px;
    height: 30px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-live-top-sp {
    background-image: url(/assets/images/sprite.png);
    background-position: -274px -223px;
    width: 32px;
    height: 32px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-listening-large {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -25px;
    width: 20px;
    height: 20px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-sharehome-facebook {
    background-image: url(/assets/images/sprite.png);
    background-position: -148px -151px;
    width: 31px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-sharehome-twitter {
    background-image: url(/assets/images/sprite.png);
    background-position: -148px -187px;
    width: 31px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-sharehome-line {
    background-image: url(/assets/images/sprite.png);
    background-position: -184px -151px;
    width: 31px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-snslabel-fb {
    background-image: url(/assets/images/sprite.png);
    background-position: -235px -144px;
    width: 143px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-snslabel-fb-bl {
    background-image: url(/assets/images/sprite.png);
    background-position: -235px -108px;
    width: 143px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-snslabel-tw {
    background-image: url(/assets/images/sprite.png);
    background-position: -235px -36px;
    width: 143px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-snslabel-tw-bl {
    background-image: url(/assets/images/sprite.png);
    background-position: -235px -72px;
    width: 143px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-snslabel-youtube {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px -187px;
    width: 143px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-snslabel-youtube-bl {
    background-image: url(/assets/images/sprite.png);
    background-position: -235px 0px;
    width: 143px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-snslabel-line {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px -151px;
    width: 143px;
    height: 31px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-snslabel-live {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px -112px;
    width: 143px;
    height: 34px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-reverse {
    display: inline-block;
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -192px;
    width: 20px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
  }
  .cs-volume-off {
    display: inline-block;
    background-image: url(/assets/images/sprite.png);
    background-position: -220px -151px;
    width: 10px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: opacity .1s;
  }
  .cs-volume {
    display: inline-block;
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -172px;
    width: 20px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: opacity .1s;
  }
  .cs-btn-pause {
    display: inline-block;
    background-image: url(/assets/images/sprite.png);
    background-position: -146px -223px;
    width: 41px;
    height: 41px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .cs-volume-off:hover,
  .cs-volume:hover {
    opacity: 0.5;
  }
}

@media all and (min-width: 767.5px) {
  .cs-logo-header {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px 0px;
    width: 230px;
    height: 60px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
  }
  .cs-share-facebook {
    background-image: url(/assets/images/sprite.png);
    background-position: -195px -65px;
    width: 33px;
    height: 33px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-share-line {
    background-image: url(/assets/images/sprite.png);
    background-position: -318px -180px;
    width: 33px;
    height: 33px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-share-twitter {
    background-image: url(/assets/images/sprite.png);
    background-position: -148px -112px;
    width: 33px;
    height: 33px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-headfoot-facebook {
    background-image: url(/assets/images/sprite.png);
    background-position: -319px -276px;
    width: 27px;
    height: 27px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-headfoot-twitter {
    background-image: url(/assets/images/sprite.png);
    background-position: -191px -276px;
    width: 27px;
    height: 27px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-headfoot-line {
    background-image: url(/assets/images/sprite.png);
    background-position: -287px -276px;
    width: 27px;
    height: 27px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-headfoot-linelive {
    background-image: url(/assets/images/sprite.png);
    background-position: -255px -276px;
    width: 27px;
    height: 27px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-headfoot-youtube {
    background-image: url(/assets/images/sprite.png);
    background-position: -223px -276px;
    width: 27px;
    height: 27px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-hed-video {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px -276px;
    width: 50px;
    height: 50px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
  }
  .cs-sharearticle-facebook {
    background-image: url(/assets/images/sprite.png);
    background-position: -60px -331px;
    width: 25px;
    height: 25px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-sharearticle-twitter {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px -331px;
    width: 25px;
    height: 25px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-sharearticle-line {
    background-image: url(/assets/images/sprite.png);
    background-position: -30px -331px;
    width: 25px;
    height: 25px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-link-blank {
    background-image: url(/assets/images/sprite.png);
    background-position: -162px -311px;
    width: 10px;
    height: 14px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  a:hover .cs-link-blank {
    background-image: url(/assets/images/sprite.png);
    background-position: -147px -311px;
    width: 10px;
    height: 14px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
  }
  .cs-icon-mail {
    background-image: url(/assets/images/sprite.png);
    background-position: -55px -311px;
    width: 22px;
    height: 14px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  a:hover .cs-icon-mail {
    background-image: url(/assets/images/sprite.png);
    background-position: -82px -311px;
    width: 22px;
    height: 14px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
  }
  .cs-icon-cart {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -150px;
    width: 19px;
    height: 17px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-header-search {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -234px;
    width: 16px;
    height: 16px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-elmark {
    background-image: url(/assets/images/sprite.png);
    background-position: -351px -276px;
    width: 25px;
    height: 25px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-buy {
    background-image: url(/assets/images/sprite.png);
    background-position: -356px -180px;
    width: 22px;
    height: 20px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-streaming {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px 0px;
    width: 21px;
    height: 20px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-dl {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -127px;
    width: 19px;
    height: 18px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-disc-music {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -295px;
    width: 15px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-disc-dl {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -315px;
    width: 15px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-disc-movie {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -275px;
    width: 15px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-listening {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -255px;
    width: 15px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-yt-play {
    background-image: url(/assets/images/sprite.png);
    background-position: -73px -223px;
    width: 68px;
    height: 48px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  a:hover .cs-yt-play {
    background-image: url(/assets/images/sprite.png);
    background-position: 0px -223px;
    width: 68px;
    height: 48px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
  }
  .cs-share-twitter-small {
    background-image: url(/assets/images/sprite.png);
    background-position: -346px -223px;
    width: 30px;
    height: 30px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-listening-tieup {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -50px;
    width: 20px;
    height: 20px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-rss {
    background-image: url(/assets/images/sprite.png);
    background-position: -109px -311px;
    width: 14px;
    height: 14px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .cs-icon-if-fb {
    background-image: url(/assets/images/sprite.png);
    background-position: -128px -311px;
    width: 14px;
    height: 14px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 6px;
  }
  .cs-icon-if-tw {
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -335px;
    width: 16px;
    height: 13px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 6px;
  }
  .cs-reverse {
    display: inline-block;
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -192px;
    width: 20px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
  }
  .cs-volume-off {
    display: inline-block;
    background-image: url(/assets/images/sprite.png);
    background-position: -220px -151px;
    width: 10px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: opacity .1s;
  }
  .cs-volume {
    display: inline-block;
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -172px;
    width: 20px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: opacity .1s;
  }
  .cs-btn-pause {
    display: inline-block;
    background-image: url(/assets/images/sprite.png);
    background-position: -146px -223px;
    width: 41px;
    height: 41px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .cs-volume-off:hover,
  .cs-volume:hover {
    opacity: 0.5;
  }
}

/* =====================================================================================================================
モジュール名： テンプレートクラス
対象カテゴリ： ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .is-template {
    display: none !important;
  }
}

@media all and (max-width: 767.5px) {
  .is-template {
    display: none !important;
  }
}

@media all and (min-width: 767.5px) {
  .dn-footer .m-footer-site,
  .dn-footer .l-bottomshare-page {
    display: none;
  }
  .dn-footer .l-recommend-page {
    position: absolute;
    width: 100%;
    left: -9999px;
  }
}

@media all and (max-width: 767.5px) {
  .dn-footer .m-footer-site,
  .dn-footer .l-bottomshare-page {
    display: none;
  }
  .dn-footer .l-recommend-page {
    position: absolute;
    width: 100%;
    left: -9999px;
  }
}

/* =====================================================================================================================
モジュール名： svgアニメーション
対象カテゴリ： ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-svg-loader {
    -webkit-animation: loading 1.4s infinite linear;
    animation: loading 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@media all and (max-width: 767.5px) {
  .m-svg-loader {
    -webkit-animation: loading 1.4s infinite linear;
    animation: loading 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* =====================================================================================================================
モジュール名： svgアニメーション（センター寄せ）
対象カテゴリ： ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-df-loader {
    display: none;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-df-loader.is-loading {
    display: block;
  }
}

@media all and (max-width: 767.5px) {
  .m-df-loader {
    display: none;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-df-loader.is-loading {
    display: block;
  }
}

/* =====================================================================================================================
モジュール名：pc・sp出しわけ
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-dn-pc {
    display: none !important;
  }
}

@media all and (max-width: 767.5px) {
  .m-dn-sp {
    display: none !important;
  }
}

/* =====================================================================================================================
モジュール名：共通ヘッダー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-header-site {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    min-width: 1200px;
  }
  .home-pc-page .m-header-site {
    box-shadow: none;
  }
  .m-header-site > .mhs-sub-area {
    height: 50px;
    border-top: 1px solid #ee0000;
    background-color: #000000;
  }
  .m-header-site > .mhs-main-area {
    height: 80px;
  }
  .m-header-site .mhs-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }

  /*20181030追加--start--*/
  .linkListPage .l-auxiliary-page,
  .linkListPage .l-menusort-page,
  .linkListPage .mhs-top-menu,
  .linkListPage .m-header-site .mhs-glonav > ul,
  .linkListPage .m-header-site .mhs-share-sns {
    display: none;
  }
  /*20181030追加--end--*/

  .m-header-site .mhs-share-sns {
    display: inline-flex;
    align-items: center;
  }
  .m-header-site .mhs-share-sns > ul {
    display: inline-flex;
    line-height: 1;
    align-items: center;
    margin-left: 10px;
  }
  .m-header-site .mhs-share-sns > .mhs-label {
    display: inline-flex;
    color: #FFFFFF;
    font-size: 14px;
  }
  .m-header-site .mhs-share-sns > ul > li + li {
    margin-left: 7px;
  }
  .m-header-site .mhs-top-menu > ul {
    font-size: 12px;
    display: flex;
    align-items: center;
  }
  .m-header-site .mhs-top-menu > ul > li + li {
    margin-left: 20px;
  }
  .m-header-site .mhs-top-menu > ul > li {
    line-height: 1;
  }
  .m-header-site .mhs-top-menu a {
    color: #FFFFFF;
  }
  .m-header-site .mhs-top-menu a:hover {
    color: #AAAAAA;
  }
  .m-header-site a.mhs-btn-shop {
    font-size: 12px;
    color: #FFFFFF;
    padding: 7.5px 15px 7.5px 36px;
    background-color: #444444;
    display: inline-block;
    line-height: 1;
    position: relative;
    border-radius: 3px;
    transition: opacity .1s;
  }
  .m-header-site a.mhs-btn-shop:hover {
    opacity: 0.5;
    color: #FFFFFF;
  }
  .m-header-site .cs-icon-cart {
    position: absolute;
    top: 5px;
    left: 10px;
  }
  .m-header-site .mhs-top-menu .mhs-search input {
    color: #FFFFFF;
    background-color: #444444;
    width: 160px;
    height: 26px;
    border-radius: 13px;
    padding: 0 33px 0 15px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    font-size: 12px;
  }
  .m-header-site .mhs-top-menu .mhs-search button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    position: absolute;
    right: 12px;
    top: 5px;
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: opacity 0.1s;
  }
  .m-header-site .mhs-top-menu .mhs-search button:hover {
    opacity: .5;
  }
  .m-header-site .mhs-top-menu .mhs-search input::-ms-clear {
    visibility: hidden;
  }
  .m-header-site .mhs-top-menu .mhs-search {
    text-align: center;
  }
  .m-header-site .mhs-top-menu .mhs-search a {
    color: #FFFFFF;
    font-size: 9px;
    opacity: 0.5;
  }
  .m-header-site [type="search"]::-webkit-search-cancel-button,
  .m-header-site [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  .m-header-site .mhs-glonav > ul {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
  }
  .m-header-site .mhs-top-menu > ul > li {
    position: relative;
  }
  .m-header-site .mhs-glonav > ul > li + li {
    margin-left: 30px;
  }
  .m-header-site .mhs-logo a {
    display: block;
    transition: opacity .1s;
  }
  .m-header-site .mhs-logo a:hover {
    opacity: .5;
  }
  .m-header-site .mhs-glonav > ul > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    transition: color,border-bottom .1s;
    white-space: nowrap;
  }
  .m-header-site .mhs-glonav > ul > li > a:hover {
    color: #FF0000;
  }
  .m-header-site .mhs-glonav > ul > li > a.is-active {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-header-site {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2.5px 8px rgba(0, 0, 0, 0.05);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    z-index: 20;
  }
  .m-header-site ~ main {
    padding-top: 60px;
  }
  .m-header-site.is-active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .m-header-site .mhs-glonav,
  .m-header-site > .mhs-main-area {
    height: 60px;
  }
  .m-header-site > .mhs-main-area {
    position: relative;
    background-color: #FFFFFF;
    z-index: 20;
  }
  .m-header-site .mhs-glonav > ul {
    display: inline-flex;
    align-items: center;
  }
  .m-header-site .mhs-glonav > ul > li {
    width: 60px;
    height: 60px;
  }
  .m-header-site .mhs-glonav > ul > li a.is-active {
    background-color: #000000;
  }
  .m-header-site .mhs-glonav > ul > li a.is-active .cs-icon-headermenu,
  .m-header-site .mhs-glonav > ul > li a.is-active .cs-icon-headersearch {
    display: none;
  }
  .m-header-site .mhs-glonav > ul > li .cs-header-close {
    display: none;
  }
  .m-header-site .mhs-glonav > ul > li a.is-active .cs-header-close {
    display: inline-block;
  }
  .m-header-site .mhs-glonav > ul > li > a {
    display: inline-block;
    height: 60px;
    width: 60px;
    position: relative;
  }
  .m-header-site .mhs-glonav a > span {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .m-header-site .mhs-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }
  .m-header-site .mhs-logo {
    margin-left: 12px;
  }
  .m-header-site .mhs-logo img {
    width: 100%;
    height: auto;
  }
  .m-header-site .mhs-logo a {
    display: inline-block;
    max-width: 190px;
  }
  .m-header-site .mhs-logo a:hover {
    opacity: .5;
  }
  .m-header-site > .m-search-site,
  .m-header-site > .m-menu-hamburger {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    top: 100%;
  }
  .m-header-site > .m-menu-hamburger,
  .m-header-site > .m-search-site {
    -webkit-transform: translate(0, -300%);
    transform: translate(0, -300%);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: 10;
  }
  .m-header-site > .m-menu-hamburger {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .m-header-site > .m-menu-hamburger.is-active,
  .m-header-site > .m-search-site.is-active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .m-header-site + .mhs-overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 7;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    transition: opacity .3s;
    opacity: 0;
  }
  .m-header-site + .mhs-overlay.is-active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  .m-header-site > .m-menu-hamburger {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  html.is-active,
  body.is-active {
    height: 100%;
    overflow: hidden;
  }
}

/* =====================================================================================================================
モジュール名：共通フッター
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-footer-site {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    height: 418px;
    background-color: #191919;
    color: #FFFFFF;
    min-width: 1200px;
  }
  .m-footer-site .mfs-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
    height: 100%;
  }
  .m-footer-site ul a {
    color: #FFFFFF;
  }
  .m-footer-site ul a:hover {
    color: #999999;
  }
  .m-footer-site .mfs-share-sns {
    display: inline-flex;
    align-items: center;
    margin-top: 30px;
  }
  .m-footer-site .mfs-share-sns > ul {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    margin-left: 20px;
  }
  .m-footer-site .mfs-share-sns > .mfs-label {
    display: inline-flex;
    color: #FFFFFF;
    font-size: 14px;
  }
  .m-footer-site .mfs-share-sns > ul > li + li {
    margin-left: 20px;
  }
  .m-footer-site .mfs-head {
    font-size: 16px;
    line-height: 1;
  }
  .m-footer-site .mfs-head > a {
    color: #EEEEEE;
    transition: color 0.1s;
  }
  .m-footer-site .mfs-head > a:hover {
    color: #999999;
  }
  .m-footer-site .mfs-head + .mfs-list-link {
    margin-top: 40px;
  }
  .m-footer-site .mfs-list-link + .mfs-list-link {
    margin-top: 20px;
  }
  .m-footer-site .mfs-list-link {
    display: flex;
    justify-content: center;
  }
  .m-footer-site .mfs-list-link > li {
    line-height: 1;
    position: relative;
    padding-left: 14px;
    margin-left: 15px;
  }
  .m-footer-site .mfs-list-link > li:nth-child(3) {
    margin-left: 12px;
    padding-left: 17px;
  }
  .m-footer-site .mfs-list-link > li:nth-child(5) {
    margin-left: 6px;
  }
  .m-footer-site .mfs-list-link > li + li {
    border-left: 1px solid #FFFFFF;
  }
  .m-footer-site .mfs-note {
    font-size: 12px;
    line-height: 1.7;
    margin-top: 30px;
    margin-top: 25.8px;
  }
  .m-footer-site .mfs-elmark {
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    margin-top: 17px;
  }
  .m-footer-site .cs-icon-elmark {
    margin-right: 17px;
  }
  .m-footer-site .mfs-company {
    line-height: 1;
    display: inline-block;
    font-size: 8px;
    font-weight: bold;
    color: #BBBBBB;
    margin-top: 17px;
    transition: opacity .1s;
  }
  .m-footer-site a.mfs-company:hover {
    opacity: .5;
  }
  .m-footer-site .mfs-copy {
    font-size: 10px;
    line-height: 1;
    margin-top: 20px;
  }
}

@media all and (max-width: 767.5px) {
  .m-footer-site .m-menu-hamburger {
    display: block;
    background-color: #191919;
  }
  .m-footer-site .m-menu-hamburger a {
    color: #FFFFFF;
  }
  .m-footer-site .m-menu-hamburger .mh-nav-sub > li:after {
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
  }
  .m-footer-site .m-menu-hamburger .mh-share-sns > p {
    color: #FFFFFF;
  }
  .m-footer-site .m-menu-hamburger .mh-read-copyright {
    color: #FFFFFF;
  }
  .m-footer-site .m-menu-hamburger .mh-nav-sub > li:before,
  .m-footer-site .m-menu-hamburger .mh-share-sns:before,
  .m-footer-site .m-menu-hamburger .mh-read-copyright:before {
    background-color: #B3B1B2;
    width: 100%;
  }
  .m-footer-site .m-menu-hamburger .mh-nav-sub > li.is-noborder:before {
    content: none;
  }
  .m-footer-site .m-menu-hamburger .mh-banner {
    padding: 15px 16.5px 15px 14.5px;
    position: relative;
  }

  /*20181030追加--start--*/
  .linkListPage .m-menu-hamburger .mh-share-sns,
  .linkListPage .m-footer-site .m-menu-hamburger > ul,
  .linkListPage .m-footer-site .m-menu-hamburger .mh-banner {
    display: none;
  }

  .linkListPage .m-footer-site .m-menu-hamburger .mh-read-copyright + .mh-nav-sub {
   display: block;
  }
  /*20181030追加--end--*/

  .m-footer-site .m-menu-hamburger .mh-banner-wrap img {
    width: 100%;
  }
  .m-footer-site .m-menu-hamburger .mh-banner-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -5px -10px;
  }
  .m-footer-site .m-menu-hamburger .mh-banner span {
    margin: 5px 10px;
    display: inline-block;
  }
  .m-footer-site .mh-img1 {
    max-width: 160px;
    height: auto;
  }
  .m-footer-site .mh-img2 {
    max-width: 114px;
    height: auto;
  }
  .m-footer-site .m-menu-hamburger .mh-banner:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #B3B1B2;
    height: 1px;
  }
  .m-footer-site .m-menu-hamburger .mh-nav-sub > li > a {
    padding-top: 18.5px;
    padding-bottom: 18.5px;
  }
}

/* =====================================================================================================================
モジュール名：サイト検索
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-search-site {
    display: none !important;
  }
}

@media all and (max-width: 767.5px) {
  .m-search-site {
    padding: 30px 10px;
    background-color: #1B1B1B;
    text-align: center;
  }
  .m-search-site > * + * {
    margin-top: 30px;
  }
  .m-search-site input,
  .m-search-site button {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    font-size: 14px;
  }
  .m-search-site input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #CCCCCC;
    border-radius: 40px;
  }
  .m-search-site button {
    width: 250px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
    background-color: #FFFFFF;
    position: relative;
  }
  .m-search-site button > .cs-icon-search {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .m-search-site a {
    color: #FFFFFF;
    font-size: 9px;
    opacity: 0.5;
  }
}

/* =====================================================================================================================
モジュール名：ハンバーガーメニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-hamburger {
    display: none !important;
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-hamburger {
    background-color: #363636;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .m-menu-hamburger,
  .m-menu-hamburger a {
    color: #FFFFFF;
  }
  .m-menu-hamburger a {
    text-decoration: none;
  }
  .m-menu-hamburger .mh-nav-main {
    background-color: #1B1B1B;
  }
  .m-menu-hamburger .mh-nav-main > li,
  .m-menu-hamburger .mh-nav-sub > li,
  .m-menu-hamburger .mh-share-sns,
  .m-menu-hamburger .mh-read-copyright {
    position: relative;
  }
  .m-menu-hamburger .mh-nav-main > li::before,
  .m-menu-hamburger .mh-nav-sub > li::before,
  .m-menu-hamburger .mh-share-sns::before,
  .m-menu-hamburger .mh-read-copyright::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 10px);
    height: 1px;
    background-color: #363636;
  }
  .m-menu-hamburger .mh-nav-main > li:last-child::before {
    display: none;
  }
  .m-menu-hamburger .mh-nav-main > li::before {
    background-color: #363636;
  }
  .m-menu-hamburger .mh-nav-sub > li::before,
  .m-menu-hamburger .mh-share-sns::before,
  .m-menu-hamburger .mh-read-copyright::before {
    background-color: #4D4D4D;
  }
  .m-menu-hamburger .mh-nav-main > li::after,
  .m-menu-hamburger .mh-nav-sub > li::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 17.5px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    pointer-events: none;
  }
  .m-menu-hamburger .mh-nav-sub > li.is-blank::after {
    content: none;
  }
  .m-menu-hamburger .mh-nav-main > li > a,
  .m-menu-hamburger .mh-nav-sub > li > a,
  .m-menu-hamburger .mh-btn-close a {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .m-menu-hamburger .mh-nav-main > li > a,
  .m-menu-hamburger .mh-nav-sub > li > a,
  .m-menu-hamburger .mh-read-copyright,
  .m-menu-hamburger .mh-share-sns {
    padding-left: 14.5px;
    padding-right: 30px;
  }
  .m-menu-hamburger .mh-read-copyright,
  .m-menu-hamburger .mh-btn-close a {
    padding-left: 14.5px;
    padding-right: 16.5px;
  }
  .m-menu-hamburger .mh-nav-main > li > a {
    height: 60px;
  }
  .m-menu-hamburger .mh-nav-sub > li > a {
    padding-top: 8.5px;
    padding-bottom: 8.5px;
  }
  .m-menu-hamburger .mh-nav-sub > li.is-large > a {
    padding-top: 18.5px;
    padding-bottom: 18.5px;
  }
  .m-menu-hamburger .text-tracking-narrow {
    letter-spacing: -1px;
  }
  .m-menu-hamburger .text-tracking-narrow .cs-link-blankwhite {
    position: absolute;
    top: 50%;
    right: 21.5px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .m-menu-hamburger .mh-share-sns {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-menu-hamburger .mh-share-sns > p {
    line-height: 1;
    position: relative;
    vertical-align: middle;
  }
  .m-menu-hamburger .mh-share-sns > ul {
    display: flex;
    margin-top: 20px;
    line-height: 1;
  }
  .m-menu-hamburger .mh-share-sns > ul > li + li {
    margin-left: 10px;
  }
  .m-menu-hamburger .mh-read-copyright {
    font-size: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .m-menu-hamburger .mh-read-copyright p {
    font-size: 8px;
  }
  .m-menu-hamburger .mh-read-copyright small {
    display: block;
    font-size: 6px;
    margin-top: 6px;
  }
  .m-menu-hamburger .mh-btn-close .cs-icon-close {
    margin-right: 10px;
  }
  .m-menu-hamburger .mh-btn-close a {
    height: 60px;
    text-align: right;
    justify-content: flex-end;
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h1 （アーティスト名なし）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-page {
    font-size: 24px;
    line-height: 1;
  }
  .m-hed-page > br + .mhp-title {
    display: inline-block;
    margin-top: 14px;
  }
  .m-hed-page > .mhp-title {
    font-size: 36px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1.2;
  }
  .m-hed-page > .mhp-title-ja {
    font-size: 36px;
    line-height: 1.3;
    word-break: break-word;
  }
  .m-hed-page > .mhp-title-sub {
    font-size: 18px;
    margin-left: 12px;
  }
  .m-hed-page > .mhp-name-artist {
    font-size: 24px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-hed-page > .mhp-en-title,
  .m-hed-page > .mhp-name-artist > span {
    font-size: 16px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #FF0000;
    letter-spacing: 4px;
  }
  .m-hed-page > .mhp-en-title {
    margin-top: 10px;
    display: block;
  }
  .m-hed-page.is-nofc > .mhp-en-title,
  .m-hed-page.is-nofc > .mhp-name-artist > span,
  .m-hed-page.is-nofc > .mhp-name-artist,
  .m-hed-page.is-nofc > .mhp-title {
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-page {
    font-size: 17px;
    line-height: 1;
  }
  .m-hed-page > br + .mhp-title {
    display: inline-block;
    margin-top: 15px;
  }
  .m-hed-page > .mhp-title {
    font-size: 27px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1.2;
  }
  .m-hed-page > .mhp-title-ja {
    font-size: 27px;
    line-height: 1.3;
    word-break: break-word;
  }
  .m-hed-page > .mhp-title-sub {
    display: inline-block;
    font-size: 12px;
  }
  .m-hed-page > * + .mhp-title-sub {
    margin-top: 10px;
  }
  .m-hed-page > .mhp-name-artist {
    font-size: 20px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-hed-page > .mhp-en-title,
  .m-hed-page > .mhp-name-artist > span {
    font-size: 11px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #FF0000;
    letter-spacing: 4px;
  }
  .m-hed-page > .mhp-en-title {
    margin-top: 10px;
    display: block;
  }
  .m-hed-page.is-nofc > .mhp-en-title,
  .m-hed-page.is-nofc > .mhp-name-artist > span,
  .m-hed-page.is-nofc > .mhp-name-artist,
  .m-hed-page.is-nofc > .mhp-title {
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h1 （アーティスト名なし）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-subpage {
    font-size: 24px;
    line-height: 1;
    padding-bottom: 20px;
    border-bottom: 4px solid #CCCCCC;
    display: block;
  }
  .m-hed-subpage.is-thin {
    border-bottom-width: 1px;
  }
  .m-hed-subpage > br + .mhs-title {
    display: inline-block;
    margin-top: 14px;
  }
  .m-hed-subpage > .mhs-title {
    font-size: 28px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-hed-subpage > .mhs-title-sub {
    font-size: 20px;
    margin-left: 5.33333px;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-subpage {
    font-size: 17px;
    line-height: 1;
  }
  .m-hed-subpage.is-thin {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
  }
  .m-hed-subpage > .mhs-title {
    font-size: 24px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-hed-subpage > .mhs-title-sub {
    display: block;
    font-size: 12px;
  }
  .m-hed-subpage > * + .mhs-title-sub {
    margin-top: 5px;
  }
}

/* =====================================================================================================================
モジュール名：下層見出し
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-under {
    font-size: 32px;
  }

  /* 20181030追加--start-- */
  .l-playlistdetail-page .m-hed-under {
    margin-right: auto;
  }
  /* 20181030追加--end-- */


}

@media all and (max-width: 767.5px) {
  .m-hed-under {
    font-size: 24px;
    line-height: 1.3;
  }
}

/* =====================================================================================================================
モジュール名：下層見出し
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-under2 .mhu-en {
    font-size: 32px;
    line-height: 1;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-hed-under2 .mhu-ja {
    font-size: 18px;
    line-height: 1;
    margin-top: 10px;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-under2 .mhu-en {
    font-size: 24px;
    line-height: 1;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-hed-under2 .mhu-ja {
    font-size: 12px;
    line-height: 1;
    margin-top: 8px;
  }
}

/* =====================================================================================================================
モジュール名：カルーセル（ホーム）
対象カテゴリ：ホーム
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-carousel-home {
    position: relative;
    height: 440px;
    padding-top: 20px;
    padding-bottom: 15px;
    overflow: hidden;
  }
  .m-carousel-home > .mch-bg-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: #000000;
    z-index: -1;
  }
  .m-carousel-home > .mch-bg-container > li {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .m-carousel-home > .mch-bg-container > li.is-active {
    opacity: 1;
  }
  .m-carousel-home > .mch-bg-container > li > svg {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  .m-carousel-home > .mch-list-thumbnail {
    display: flex;
    flex-wrap: nowrap;
  }
  .m-carousel-home > .mch-list-thumbnail.is-transition {
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  .m-carousel-home > .mch-list-thumbnail > li {
    width: 840px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .m-carousel-home > .mch-list-thumbnail > li > a {
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  }
  .m-carousel-home > .mch-list-thumbnail > li > a::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transition: 0.1s;
    border-radius: 8px;
  }
  .m-carousel-home > .mch-list-thumbnail > li > a:hover::after {
    opacity: 1;
  }
  .m-carousel-home > .mch-list-thumbnail > li > a.is-active::after {
    display: none;
  }
  .m-carousel-home > .mch-list-thumbnail > li > a > iframe {
    position: absolute;
    left: 0;
    top: 0;
  }
  .m-carousel-home > .mch-list-thumbnail > li > a > img {
    transition: opacity 0.1s;
  }
  .m-carousel-home > .mch-list-thumbnail > li > a.is-select > img {
    pointer-events: none;
    opacity: 0;
  }
  .m-carousel-home > .mch-indicator {
    height: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  .m-carousel-home > .mch-indicator > li {
    padding-left: 8px;
    padding-right: 8px;
  }
  .m-carousel-home > .mch-indicator > li > a:hover {
    opacity: 0.5;
  }
  .m-carousel-home > .mch-indicator > li.is-active > a:hover {
    opacity: 1;
  }
  .m-carousel-home > .mch-indicator > li > a {
    cursor: pointer;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #CCCCCC;
    border-radius: 50%;
  }
  .m-carousel-home > .mch-indicator > li.is-active > a {
    background-color: #FF0000;
  }
  .m-carousel-home > .mch-btn {
    position: absolute;
    top: calc(50% - 38px);
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .m-carousel-home .mch-prev-btn,
  .m-carousel-home .mch-next-btn {
    cursor: pointer;
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: rgba(17, 17, 17, 0.8);
    border-radius: 50%;
  }
  .m-carousel-home .mch-prev-btn {
    left: 30px;
  }
  .m-carousel-home .mch-next-btn {
    right: 30px;
  }
  .m-carousel-home .mch-prev-btn:hover:before {
    border-left: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    -webkit-transform: translate(25%, 0) rotate(45deg);
    transform: translate(25%, 0) rotate(45deg);
  }
  .m-carousel-home .mch-next-btn:hover:before {
    border-left: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    -webkit-transform: translate(-25%, 0) rotate(225deg);
    transform: translate(-25%, 0) rotate(225deg);
  }
  .m-carousel-home .mch-prev-btn::before,
  .m-carousel-home .mch-next-btn::before {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .m-carousel-home .mch-prev-btn::before {
    -webkit-transform: translate(25%, 0) rotate(45deg);
    transform: translate(25%, 0) rotate(45deg);
  }
  .m-carousel-home .mch-next-btn::before {
    -webkit-transform: translate(-25%, 0) rotate(225deg);
    transform: translate(-25%, 0) rotate(225deg);
  }
}

@media all and (max-width: 767.5px) {
  .m-carousel-home {
    display: none;
  }
}

/* =====================================================================================================================
モジュール名：カルーセル（ノーマル）
対象カテゴリ：ノーマル
===================================================================================================================== */
@media all and (max-width: 767.5px) {
  .m-carousel-normal {
    overflow: hidden;
    position: relative;
  }
  .m-carousel-normal > .mcn-list-thumbnail {
    display: inline-flex;
    flex-wrap: nowrap;
  }
  .m-carousel-normal > .mcn-list-thumbnail.is-transition {
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  .m-carousel-normal > .mcn-list-thumbnail > li > a {
    display: block;
    width: 100%;
  }
  .m-carousel-normal > .mcn-list-thumbnail > li > a > img {
    width: 100%;
    height: auto;
  }
  .m-carousel-normal > .mcn-indicator {
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  .m-carousel-normal > .mcn-indicator > li {
    padding-left: 8px;
    padding-right: 8px;
  }
  .m-carousel-normal > .mcn-indicator > li > a {
    cursor: pointer;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #666666;
    border-radius: 50%;
  }
  .m-carousel-normal > .mcn-indicator > li.is-active > a {
    background-color: #FF0000;
  }
  .m-carousel-normal > .mcn-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    pointer-events: none;
  }
  .m-carousel-normal > .mcn-btn > .mcn-prev-btn,
  .m-carousel-normal > .mcn-btn > .mcn-next-btn {
    position: absolute;
    pointer-events: auto;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
  }
  .m-carousel-normal > .mcn-btn > .mcn-prev-btn {
    left: 0;
  }
  .m-carousel-normal > .mcn-btn > .mcn-next-btn {
    right: 0;
  }
  .m-carousel-normal > .mcn-btn .mcn-prev-btn::before,
  .m-carousel-normal > .mcn-btn .mcn-next-btn::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-left: 2px solid #363636;
    border-bottom: 2px solid #363636;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .m-carousel-normal > .mcn-btn .mcn-prev-btn::before {
    -webkit-transform: translate(0, 110%) rotate(45deg);
    transform: translate(0, 110%) rotate(45deg);
  }
  .m-carousel-normal > .mcn-btn .mcn-next-btn::before {
    -webkit-transform: translate(0, 110%) rotate(225deg);
    transform: translate(0, 110%) rotate(225deg);
  }
  .m-carousel-normal .mcn-list-sns > li {
    width: 320px;
    height: 180px;
    text-align: center;
    line-height: 1.3;
    padding-top: 20px;
    padding-bottom: 25px;
  }
  .m-carousel-normal .mcn-list-sns > li > p {
    margin-top: 12.9px;
  }
  .m-carousel-normal .mcn-list-sns > li img {
    width: 143px;
    height: 31px;
  }
  .m-carousel-normal .mcn-list-sns > li a.sns-btn {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 40px;
    border-radius: 20px;
    position: relative;
    color: #FFFFFF;
    margin: auto;
    position: relative;
    margin-top: 15.4px;
  }
  .m-carousel-normal .mcn-list-sns > li a.sns-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
  .m-carousel-normal .mcn-list-sns > li.fb {
    background-color: #DADFE8;
  }
  .m-carousel-normal .mcn-list-sns > li.fb a.sns-btn {
    background-color: #3B5998;
  }
  .m-carousel-normal .mcn-list-sns > li.line {
    background-color: #DEF2DE;
  }
  .m-carousel-normal .mcn-list-sns > li.line a.sns-btn {
    background-color: #00B900;
  }
  .m-carousel-normal .mcn-list-sns > li.live {
    background-color: #DAEFDF;
  }
  .m-carousel-normal .mcn-list-sns > li.live a.sns-btn {
    background-color: #75FA82;
    color: #101121;
  }
  .m-carousel-normal .mcn-list-sns > li.live a.sns-btn:after {
    border-top: 1px solid #101121;
    border-right: 1px solid #101121;
  }
  .m-carousel-normal .mcn-list-sns > li.youtube {
    background-color: #F3DBDB;
  }
  .m-carousel-normal .mcn-list-sns > li.youtube a.sns-btn {
    background-color: #FF0000;
  }
  .m-carousel-normal .mcn-list-sns > li.twitter {
    background-color: #D6E5EE;
  }
  .m-carousel-normal .mcn-list-sns > li.twitter a.sns-btn {
    background-color: #1DA1F2;
  }
}

/* =====================================================================================================================
モジュール名：ビデオページ見出し
対象カテゴリ：ビデオ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-video {
    position: relative;
    height: 50px;
    display: flex;
    padding-left: 26px;
  }
  .m-hed-video > .mhv-title {
    margin-left: 10px;
  }
  .m-hed-video > .mhv-title > .mhv-title-en {
    font-size: 30px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1;
  }
  .m-hed-video > .mhv-title > .mhv-title-ja {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    line-height: 1;
  }
  .m-hed-video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 6px;
    background-color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-video {
    position: relative;
    height: 40px;
    display: flex;
    padding-left: 14px;
  }
  .m-hed-video > .mhv-title {
    margin-left: 5px;
  }
  .m-hed-video > .mhv-title > .mhv-title-en {
    font-size: 24px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1;
  }
  .m-hed-video > .mhv-title > .mhv-title-ja {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    line-height: 1;
  }
  .m-hed-video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 4px;
    background-color: #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h2 （2行）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed2-page {
    position: relative;
    font-size: 32px;
    letter-spacing: 0.08em;
    padding-left: 25px;
    line-height: 1;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-hed2-page:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    width: 6px;
    height: 26px;
    border-radius: 6px;
    background-color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed2-page {
    position: relative;
    font-size: 24px;
    padding-left: 15px;
    line-height: 1;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-hed2-page:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    width: 4px;
    height: 83.5%;
    border-radius: 6px;
    background-color: #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h2 （2行）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed2row2-page {
    position: relative;
    padding-left: 26px;
  }
  .m-hed2row2-page > .mhp-title-en {
    font-size: 32px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1;
    letter-spacing: 0.06em;
  }
  .m-hed2row2-page > .mhp-title-ja {
    font-size: 16px;
    display: block;
    line-height: 1;
    letter-spacing: 0.08em;
    margin-top: 4px;
  }
  .m-hed2row2-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 6px;
    background-color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed2row2-page {
    position: relative;
    padding-left: 14px;
  }
  .m-hed2row2-page > .mhp-title-en {
    font-size: 24px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1;
    letter-spacing: 0.06em;
  }
  .m-hed2row2-page > .mhp-title-ja {
    font-size: 12px;
    display: block;
    line-height: 1;
    letter-spacing: 0.08em;
    margin-top: 4px;
  }
  .m-hed2row2-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 4px;
    background-color: #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h2 （2行）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed2row1-page {
    position: relative;
    padding-left: 26px;
    display: flex;
    align-items: flex-end;
  }
  .m-hed2row1-page > .mhp-title-en {
    font-size: 24px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1;
    letter-spacing: 0.06em;
  }
  .m-hed2row1-page > .mhp-title-ja {
    font-size: 16px;
    display: block;
    line-height: 1;
    letter-spacing: 0.08em;
    margin-left: 10px;
  }
  .m-hed2row1-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 6px;
    background-color: #AAAAAA;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed2row1-page {
    position: relative;
    padding-left: 14px;
  }
  .m-hed2row1-page > .mhp-title-en {
    font-size: 24px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1;
    letter-spacing: 0.06em;
  }
  .m-hed2row1-page > .mhp-title-ja {
    font-size: 12px;
    display: block;
    line-height: 1;
    letter-spacing: 0.08em;
    margin-top: 4px;
  }
  .m-hed2row1-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 4px;
    background-color: #AAAAAA;
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h2 （2行）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed2-notice {
    position: relative;
    padding-left: 26px;
    font-size: 24px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1.7;
    letter-spacing: 0.06em;
    margin-top: -8.4px;
    margin-bottom: -8.4px;
  }
  .m-hed2-notice:before {
    content: "";
    position: absolute;
    top: 8.4px;
    left: 0;
    width: 6px;
    height: calc(100% - 16.8px);
    border-radius: 6px;
    background-color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed2-notice {
    position: relative;
    padding-left: 14px;
    font-size: 20px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1.3;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .m-hed2-notice:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: calc(100%);
    border-radius: 4px;
    background-color: #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h2 （2行）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-info {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1.15;
    letter-spacing: 0.06em;
  }
  .m-hed-info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 6px;
    background-color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-info {
    position: relative;
    padding-left: 14px;
    font-size: 18px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    display: block;
    line-height: 1.3;
    letter-spacing: 0.06em;
  }
  .m-hed-info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: calc(100%);
    border-radius: 4px;
    background-color: #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：日付見出し
対象カテゴリ：見出し
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-eventdate {
    font-size: 18px;
    font-weight: bold;
    padding-left: 18px;
    position: relative;
    line-height: 1.5;
  }
  .m-hed-eventdate:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 6px;
    background-color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-eventdate {
    font-size: 18px;
    font-weight: bold;
    padding-left: 14px;
    position: relative;
    line-height: 1.5;
  }
  .m-hed-eventdate:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 4px;
    background-color: #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：日付見出し
対象カテゴリ：見出し
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-date {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-date {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
  }
}

/* =====================================================================================================================
モジュール名：日付見出し
対象カテゴリ：見出し
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-infodate {
    font-size: 18px;
    line-height: 1;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-infodate {
    font-size: 15px;
    line-height: 1;
  }
}

/* =====================================================================================================================
モジュール名：リスト見出し
対象カテゴリ：見出し
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-list {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-list {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
  }
}

/* =====================================================================================================================
モジュール名：sns見出し
対象カテゴリ：見出し
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-sns {
    display: flex;
  }
  .m-hed-sns .mhs-icon {
    width: 80px;
    height: 80px;
  }
  .m-hed-sns .mhs-icon img {
    width: 100%;
  }
  .m-hed-sns:hover .mhs-icon img {
    opacity: 0.5;
    transition: 0.1s;
  }
  .m-hed-sns .mhs-info {
    margin-left: 15px;
  }
  .m-hed-sns .mhs-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin-top: -4px;
  }
  .m-hed-sns .mhs-read {
    font-size: 14px;
    line-height: 1.3;
  }
  .m-hed-sns .mhs-readbtn-wrap {
    display: flex;
    align-items: center;
    margin-top: 10.9px;
  }
  .m-hed-sns .mhs-btn {
    display: inline-block;
    font-size: 0;
    margin-left: 20px;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-sns {
    display: flex;
  }
  .m-hed-sns .mhs-icon {
    width: 100px;
    height: 100px;
  }
  .m-hed-sns .mhs-icon img {
    width: 100%;
  }
  .m-hed-sns .mhs-info {
    margin-left: 9px;
    flex: 1;
  }
  .m-hed-sns .mhs-title {
    font-size: 15px;
    line-height: 1.3;
    font-weight: bold;
    margin-top: -2.25px;
  }
  .m-hed-sns .mhs-read {
    font-size: 14px;
    line-height: 1.5;
  }
  .m-hed-sns .mhs-readbtn-wrap {
    margin-top: 4.25px;
  }
  .m-hed-sns .mhs-btn {
    display: inline-block;
    font-size: 0;
    margin-top: 6.5px;
  }
}

/* =====================================================================================================================
モジュール名：company見出し
対象カテゴリ：見出し
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-company {
    color: #FFFFFF;
    background-color: #000000;
    text-align: center;
    padding-top: 92px;
    padding-bottom: 95.5px;
  }
  .m-hed-company .mhc-wrap {
    width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
  }
  .m-hed-company .mhc-text-en {
    font-size: 32px;
    line-height: 1.2;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    letter-spacing: 0.06em;
  }
  .m-hed-company .mhc-text-ja {
    font-size: 18px;
    line-height: 1.2;
    margin-top: 26.8px;
    padding-top: 23.2px;
    position: relative;
  }
  .m-hed-company .mhc-text-ja:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 200px;
    height: 1px;
    background-color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-company {
    color: #FFFFFF;
    background-color: #000000;
    text-align: center;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .m-hed-company .mhc-text-en {
    font-size: 21px;
    line-height: 1.2;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    letter-spacing: 0.06em;
  }
  .m-hed-company .mhc-text-ja {
    font-size: 14px;
    line-height: 1.2;
    margin-top: 12.9px;
    padding-top: 13.6px;
    position: relative;
  }
  .m-hed-company .mhc-text-ja:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 125px;
    height: 1px;
    background-color: #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：モジュール内見出し
対象カテゴリ：見出し
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed3-page {
    font-size: 20px;
    font-weight: bold;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed3-page {
    font-size: 17px;
    font-weight: bold;
  }
}

/* =====================================================================================================================
モジュール名：グリッド（４分割）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .g-col-abcd {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -28px;
  }
  .g-col-abcd > * {
    width: calc(100% / 4);
    padding: 20px 28px;
  }
}

@media all and (max-width: 767.5px) {
  .g-col-abcd > * + * {
    margin-top: 40px;
  }
}

/* =====================================================================================================================
モジュール名：ぱんくずリスト
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-breadcrumb {
    font-size: 10px;
    line-height: 2;
    margin-left: -10px;
    padding-left: 10px;
  }
  .m-list-breadcrumb > li {
    display: inline;
  }
  .m-list-breadcrumb > li + li {
    padding-left: 10px;
  }
  .m-list-breadcrumb > li + li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 15px 0 0;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .m-list-breadcrumb > li > a:hover {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-breadcrumb {
    display: none;
  }
}

/* =====================================================================================================================
モジュール名：アローリンク
対象カテゴリ：リンク
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-link-arrow,
  a.m-link-arrow {
    position: relative;
    padding-left: 16px;
    display: inline-block;
  }
  .m-link-arrow:before,
  a.m-link-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
  }
  a.m-link-arrow:hover {
    color: #FF0000;
  }
  .m-link-arrow > .cs-link-blank {
    margin-left: 6px;
    vertical-align: middle;
  }
  a.m-link-arrow.is-large:before {
    top: 10px;
  }
}

@media all and (max-width: 767.5px) {
  .m-link-arrow,
  a.m-link-arrow {
    position: relative;
    padding-left: 16px;
    display: inline-block;
  }
  .m-link-arrow:before,
  a.m-link-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
  }
  .m-link-arrow > .cs-link-blank {
    margin-left: 8px;
    vertical-align: middle;
  }
}

/* =====================================================================================================================
モジュール名：太字リンク
対象カテゴリ：リンク
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-link-bold {
    font-weight: bold;
  }
  a.m-link-bold:hover {
    color: #FF0000;
  }
  a .m-link-bold {
    font-weight: bold;
  }
  a .m-link-bold:hover {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  a.m-link-bold {
    font-weight: bold;
  }
  a .m-link-bold {
    font-weight: bold;
  }
}

/* =====================================================================================================================
モジュール名：スクロールトップ
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-scroll-top {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #727272;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: flex;
  }
  .m-scroll-top::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: translate(0, 25%) rotate(-45deg);
    transform: translate(0, 25%) rotate(-45deg);
  }
  .m-scroll-top:hover {
    opacity: 0.5;
  }
}

@media all and (max-width: 767.5px) {
  .m-scroll-top {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #727272;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m-scroll-top::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: translate(0, 25%) rotate(-45deg);
    transform: translate(0, 25%) rotate(-45deg);
  }
}

/* =====================================================================================================================
モジュール名：アーティスト索引(日本語)
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-index-artist-jp {
    font-size: 0;
    margin: -2px;
  }
  .m-index-artist-jp > li {
    font-size: 14px;
    display: inline-flex;
    height: 38px;
    width: 38px;
    border: 1px solid #EEEEEE;
    margin: 2px;
  }
  .m-index-artist-jp > li.line-top {
    background-color: #EEEEEE;
  }
  .m-index-artist-jp > li.is-active {
    background-color: #FF0000;
    border: 1px solid #FF0000;
  }
  .m-index-artist-jp > li.is-active a {
    color: #FFFFFF;
  }
  /*20181030変更--start--*/
  /*.m-index-artist-jp a {*/
  .m-index-artist-jp a, .m-index-artist-jp span {
  /*20181030変更--end--*/
    color: #000000;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    transition: background-color 0.1s;
  }
  .m-index-artist-jp a:hover {
    color: #FFFFFF;
    background-color: #FF0000;
    border-color: #FF0000;
  }
  /*20181030追加--start--*/
  .m-index-artist-jp span {
    color: #CCCCCC;
  }
  /*20181030追加--end--*/
}

@media all and (max-width: 767.5px) {
  .m-index-artist-jp {
    font-size: 0;
    margin: -6px -5px;
    display: flex;
    flex-wrap: wrap;
  }
  .m-index-artist-jp > li {
    font-size: 14px;
    width: calc((100% - 50px) / 5);
    border: 1px solid #EEEEEE;
    margin: 6px 5px;
    position: relative;
  }
  .m-index-artist-jp > li::before {
    content: '';
    display: inline-block;
    width: 0;
    padding-top: 100%;
  }
  .m-index-artist-jp > li.line-end {
    margin-right: calc((100% - 50px) / 5 * 2);
  }
  .m-index-artist-jp > li.line-top {
    background-color: #EEEEEE;
  }
  .m-index-artist-jp > li.is-active {
    background-color: #FF0000;
    border: 1px solid #FF0000;
  }
  .m-index-artist-jp > li.is-active a {
    color: #FFFFFF;
  }
  /*20181030変更--start--*/
  /*.m-index-artist-jp a {*/
  .m-index-artist-jp a, .m-index-artist-jp span {
  /*20181030変更--end--*/
    color: #000000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  /*20181030追加--start--*/
  .m-index-artist-jp span {
    color: #CCCCCC;
  }
  /*20181030追加--end--*/
}

/* =====================================================================================================================
モジュール名：アーティスト索引(英語)
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-index-artist-en {
    font-size: 0;
    margin: -2px;
  }
  .m-index-artist-en > li {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: calc((100% - 4*13px) / 13);
    border: 1px solid #EEEEEE;
    margin: 2px;
  }
  .m-index-artist-en > li.is-active {
    background-color: #FF0000;
    border: 1px solid #FF0000;
  }
  .m-index-artist-en > li.is-active a {
    color: #FFFFFF;
  }
  .m-index-artist-en a {
    color: #000000;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    transition: background-color 0.1s;
  }
  .m-index-artist-en a:hover {
    color: #FFFFFF;
    background-color: #FF0000;
    border-color: #FF0000;
  }
  /*20181030追加--start--*/
  .m-index-artist-en span {
    color: #CCCCCC;
  }
  /*20181030追加--end--*/
}

@media all and (max-width: 767.5px) {
  .m-index-artist-en {
    font-size: 0;
    margin: -6px -5px;
    display: flex;
    flex-wrap: wrap;
  }
  .m-index-artist-en > li {
    font-size: 14px;
    width: calc((100% - 40px) / 4);
    border: 1px solid #EEEEEE;
    margin: 6px 5px;
    position: relative;
  }
  .m-index-artist-en > li::before {
    content: '';
    display: inline-block;
    width: 0;
    padding-top: 61.53%;
  }
  .m-index-artist-en > li.is-active {
    background-color: #FF0000;
    border: 1px solid #FF0000;
  }
  /*20181030変更--start--*/
  /*.m-index-artist-en a {*/
  .m-index-artist-en a, .m-index-artist-en span {
  /*20181030変更--end--*/
    color: #000000;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .m-index-artist-en > li.is-active a {
    color: #FFFFFF;
  }
  /*20181030追加--start--*/
  .m-index-artist-en span {
    color: #CCCCCC;
  }
  /*20181030追加--end--*/
}

/* =====================================================================================================================
モジュール名：アーティストリスト見出し
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-artist-list {
    position: relative;
    font-size: 30px;
    padding-left: 26px;
    line-height: 1;
  }
  .m-hed-artist-list:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 26px;
    border-radius: 10px;
    background-color: #FF0000;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-artist-list {
    position: relative;
    font-size: 24px;
    padding-left: 14px;
    line-height: 1;
  }
  .m-hed-artist-list:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 20px;
    border-radius: 4px;
    background-color: #FF0000;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

/* =====================================================================================================================
モジュール名：アーティストリスト
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-artist {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10.2px;
  }
  .m-list-artist > li {
    position: relative;
    padding-left: 16px;
    padding-right: 30px;
    font-size: 14px;
    width: calc(100% / 3);
    margin-top: 10.2px;
  }
  .m-list-artist > li a:hover {
    color: #FF0000;
  }
  .m-list-artist > li a:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: -2px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-artist > li {
    position: relative;
    padding-left: 16px;
    font-size: 14px;
  }
  .m-list-artist > li + li {
    margin-top: 25.2px;
  }
  .m-list-artist > li a:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
  }
}

/* =====================================================================================================================
モジュール名：アーティスト索引セレクトリンクボックス
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-index-select {
    line-height: 1;
  }
  .m-index-select > .is-active {
    color: #FF0000;
    text-decoration: none;
  }
  .m-index-select > a + a {
    margin-left: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .m-index-select {
    line-height: 1;
  }
  .m-index-select > .is-active {
    color: #FF0000;
    text-decoration: none;
  }
  .m-index-select > a + a {
    margin-left: 30px;
  }
}

/* =====================================================================================================================
モジュール名：リンクノーマル
対象カテゴリ：リンク
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-link-normal {
    text-decoration: underline;
  }
  a.m-link-normal:hover {
    color: #FF0000;
    text-decoration: none;
  }
}

@media all and (max-width: 767.5px) {
  a.m-link-normal {
    text-decoration: underline;
  }
  .m-link-normal:active {
    text-decoration: none;
  }
}

/* =====================================================================================================================
モジュール名：アーティストKV
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-kv-artist {
    background-color: #242424;
    width: auto;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .m-kv-artist.is-genre {
    padding-top: 47.4px;
    padding-bottom: 53.7px;
  }
  .m-kv-artist .mka-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
  }
  .m-kv-artist .mka-text .mka-text-ja {
    color: #FFFFFF;
    font-size: 36px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    word-break: normal;
  }
  .m-kv-artist.is-genre .mka-text .mka-text-subja {
    margin-top: 1.1px;
  }
  .m-kv-artist .mka-text .mka-text-subja {
    color: #FF0000;
    font-size: 18px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: 21.8px;
  }
  .m-kv-artist .mka-text .mka-text-en {
    color: #FF0000;
    font-size: 18px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: 1.1px;
    letter-spacing: 4px;
  }
  .m-kv-artist .mka-image {
    width: 600px;
    height: 450px;
    flex-shrink: 0;
    background-color: #000000;
    position: relative;
  }
  .m-kv-artist .mka-image img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .hover-opacity a:hover .mka-text-ja, .hover-opacity a:hover .mka-text-en {
    opacity: 0.5;
    transition: 0.1s;
  }
}

@media all and (max-width: 767.5px) {
  .m-kv-artist {
    background-color: #242424;
    margin-left: -10px;
    margin-right: -10px;
    padding: 30px 10px;
  }
  .m-kv-artist .mka-wrap {
    display: flex;
    flex-flow: column;
  }
  .m-kv-artist .mka-text {
    order: 1;
    margin-top: 30px;
    margin-left: 20px;
  }
  .m-kv-artist .mka-text .mka-text-ja {
    color: #FFFFFF;
    font-size: 30px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    word-break: normal;
  }
  .m-kv-artist .mka-text .mka-text-en {
    color: #FF0000;
    font-size: 14px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: -0.4px;
    letter-spacing: 4px;
  }
  .m-kv-artist .mka-text .mka-text-subja {
    color: #FF0000;
    font-size: 14px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: 4.6px;
  }
  .m-kv-artist .mka-image {
    background-color: #000000;
    padding-bottom: 0;
    position: relative;
    margin: auto;
    width: 100%;
    padding-top: 75%;
    flex-shrink: 0;
  }
  .m-kv-artist .mka-image img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

/* =====================================================================================================================
モジュール名：アーティストKV special
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-kv-artistspecial {
    background-color: #242424;
    width: auto;
    padding-bottom: 28.7px;
  }
  .m-kv-artistspecial .mka-wrap {
    width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
  }
  .m-kv-artistspecial .mka-text {
    margin-top: 17.4px;
  }
  .m-kv-artistspecial .mka-text .mka-text-ja {
    color: #FFFFFF;
    font-size: 36px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-kv-artistspecial .mka-text .mka-text-en {
    color: #FF0000;
    font-size: 18px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: 1.1px;
    letter-spacing: 4px;
  }
  .m-kv-artistspecial .mka-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m-kv-artistspecial .mka-image iframe {
    max-width: 100%;
    max-height: 100%;
  }
  .m-kv-artistspecial .m-imagecenter-box {
    width: 100%;
    height: auto;
    background-color: #242424;
    text-align: center;
  }
  .m-kv-artistspecial .m-imagecenter-box a {
    display: block;
  }
  .m-kv-artistspecial .m-imagecenter-box img {
    height: auto;
    width: 100%;
  }
  .m-kv-artistspecial .m-imagecenter-box {
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: relative;
  }
  .m-kv-artistspecial .m-imagecenter-box img {
    max-height: 100%;
    max-width: 100%;
  }
}

@media all and (max-width: 767.5px) {
  .m-kv-artistspecial {
    background-color: #242424;
    margin-left: -10px;
    margin-right: -10px;
  }
  .m-kv-artistspecial .mka-wrap {
    display: flex;
    flex-flow: column;
  }
  .m-kv-artistspecial .mka-text {
    order: 1;
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: 30px;
  }
  .m-kv-artistspecial .mka-text .mka-text-ja {
    color: #FFFFFF;
    font-size: 30px;
  }
  .m-kv-artistspecial .mka-text .mka-text-en {
    color: #FF0000;
    font-size: 14px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: -0.4px;
    letter-spacing: 4px;
  }
  .m-kv-artistspecial .mka-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m-kv-artistspecial .mka-image iframe {
    width: 100%;
    max-height: 100%;
  }
  .m-kv-artistspecial .m-imagecenter-box {
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #000000;
  }
  .m-kv-artistspecial .m-imagecenter-box img {
    max-width: 100%;
    margin: auto;
  }
  .m-kv-artistspecial .m-imagecenter-box > span {
    padding-bottom: 0;
  }
  .m-kv-artistspecial .m-imagecenter-box a {
    display: block;
  }
}

/* =====================================================================================================================
モジュール名：アーティストKV カタログ
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-kv-artistcatalog {
    background-color: #242424;
    width: auto;
    padding-top: 47.4px;
    padding-bottom: 53.7px;
  }
  .m-kv-artistcatalog .mka-wrap {
    width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
  }
  .m-kv-artistcatalog .mka-text .mka-text-ja {
    color: #FFFFFF;
    font-size: 36px;
  }
  .m-kv-artistcatalog .mka-text .mka-text-en {
    color: #FF0000;
    font-size: 18px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: 1.1px;
    letter-spacing: 4px;
  }
}

@media all and (max-width: 767.5px) {
  .m-kv-artistcatalog {
    background-color: #242424;
    margin-left: -10px;
    margin-right: -10px;
  }
  .m-kv-artistcatalog .mka-wrap {
    display: flex;
    flex-flow: column;
  }
  .m-kv-artistcatalog .mka-text {
    order: 1;
    margin: 30px 20px;
  }
  .m-kv-artistcatalog .mka-text .mka-text-ja {
    color: #FFFFFF;
    line-height: 1.3;
    font-size: 30px;
  }
  .m-kv-artistcatalog .mka-text .mka-text-en {
    color: #FF0000;
    font-size: 14px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: -0.4px;
    letter-spacing: 4px;
  }
}

/* =====================================================================================================================
モジュール名：アーティストニュース
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-artistnews .mla-date {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
  }
  .m-list-artistnews a:hover {
    color: #FF0000;
  }
  .m-list-artistnews ul {
    margin-top: 8px;
  }
  .m-list-artistnews .m-label-new {
    margin-right: 5px;
  }
  .m-list-artistnews ul > li > a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .m-list-artistnews ul > li + li {
    border-top: 1px solid #CCCCCC;
  }
  .m-list-artistnews + .m-list-artistnews {
    margin-top: 18px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-artistnews .mla-date {
    font-weight: bold;
    line-height: 1;
  }
  .m-list-artistnews ul {
    margin-top: 10px;
  }
  .m-list-artistnews .m-label-new {
    margin-right: 5px;
  }
  .m-list-artistnews ul > li > a {
    display: block;
    padding-top: 5.2px;
    padding-bottom: 5.2px;
  }
  .m-list-artistnews ul > li + li {
    border-top: 1px solid #CCCCCC;
  }
  .m-list-artistnews + .m-list-artistnews {
    margin-top: 20.1px;
  }
}

/* =====================================================================================================================
モジュール名： レコメンドモジュールカルーセル
対象カテゴリ：アーティストトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-carousel-recommend {
    position: relative;
  }
  .m-carousel-recommend .mcv-list-container {
    overflow: hidden;
  }
  .m-carousel-recommend .mcv-list-video {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
  }
  .m-carousel-recommend .mcv-list-video.is-transition {
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  .m-carousel-recommend .mcv-list-video > li {
    padding-left: 15px;
    padding-right: 15px;
    flex-shrink: 0;
  }
  .m-carousel-recommend .mcv-list-video > li a {
    transition: color 0.1s;
    display: block;
    position: relative;
  }
  .m-carousel-recommend .mcv-list-video > li a img {
    width: 100%;
    transition: opacity 0.1s;
  }
  .m-carousel-recommend .mcv-list-video > li a:hover {
    color: #FF0000;
  }
  .m-carousel-recommend .mcv-list-video > li a:hover img {
    opacity: 0.7;
  }
  .m-carousel-recommend .mcv-list-video > li a iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
  .m-carousel-recommend .mcv-list-video > li .mcv-artist {
    font-size: 16px;
    font-weight: bold;
    margin-top: 14.4px;
  }
  .m-carousel-recommend .mcv-list-video > li .mva-title {
    font-size: 14px;
    margin-top: 4.5px;
  }
  .m-carousel-recommend > .mcv-indicator {
    height: 40px;
    display: none;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  .m-carousel-recommend > .mcv-indicator > li {
    padding-left: 8px;
    padding-right: 8px;
  }
  .m-carousel-recommend > .mcv-indicator > li > a {
    cursor: pointer;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #CCCCCC;
    border-radius: 50%;
  }
  .m-carousel-recommend > .mcv-indicator > li > a:hover {
    opacity: 0.5;
  }
  .m-carousel-recommend > .mcv-indicator > li.is-active > a {
    background-color: #FF0000;
  }
  .m-carousel-recommend > .mcv-indicator > li.is-active > a:hover {
    opacity: 1;
  }
  .m-carousel-recommend > .mcv-btn {
    position: absolute;
    top: calc(50% - 40px);
    left: 0;
    right: 0;
  }
  .m-carousel-recommend .mcv-prev-btn,
  .m-carousel-recommend .mcv-next-btn {
    cursor: pointer;
    position: absolute;
    width: 45px;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    transition: border 0.1s;
  }
  .m-carousel-recommend .mcv-prev-btn:hover,
  .m-carousel-recommend .mcv-next-btn:hover {
    border-color: #FF0000;
  }
  .m-carousel-recommend .mcv-prev-btn {
    left: -15px;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .m-carousel-recommend .mcv-prev-btn::before {
    border-left: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    -webkit-transform: translate(25%, 0) rotate(45deg);
    transform: translate(25%, 0) rotate(45deg);
  }
  .m-carousel-recommend .mcv-next-btn {
    right: -15px;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  .m-carousel-recommend .mcv-next-btn::before {
    border-left: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    -webkit-transform: translate(-25%, 0) rotate(225deg);
    transform: translate(-25%, 0) rotate(225deg);
  }
  .m-carousel-recommend .mcv-prev-btn::before,
  .m-carousel-recommend .mcv-next-btn::before {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: border 0.1s;
  }
  .m-carousel-recommend .mcv-prev-btn:hover::before,
  .m-carousel-recommend .mcv-next-btn:hover::before {
    border-color: #FF0000;
  }
  .m-carousel-recommend > .mch-indicator {
    height: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }
  .m-carousel-recommend > .mch-indicator > li {
    padding-left: 8px;
    padding-right: 8px;
  }
  .m-carousel-recommend > .mch-indicator > li > a:hover {
    opacity: 0.5;
  }
  .m-carousel-recommend > .mch-indicator > li.is-active > a:hover {
    opacity: 1;
  }
  .m-carousel-recommend > .mch-indicator > li > a {
    cursor: pointer;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #CCCCCC;
    border-radius: 50%;
  }
  .m-carousel-recommend > .mch-indicator > li.is-active > a {
    background-color: #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：二列バナーリスト
対象カテゴリ：アーティストトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-bigbanner {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .m-list-bigbanner > li {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .m-list-bigbanner > li > a {
    display: block;
  }
  .m-list-bigbanner > li > a > img {
    height: auto;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-bigbanner img {
    width: 100%;
  }
  .m-list-bigbanner > li + li {
    margin-top: 20px;
  }
  .m-list-bigbanner > li > a {
    display: block;
  }
}

/* =====================================================================================================================
モジュール名：ABバナー
対象カテゴリ：ジャンル
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-bigbanner-ab {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .m-list-bigbanner-ab > li {
    margin-top: 20px;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .m-list-bigbanner-ab > li > a {
    display: block;
  }
  .m-list-bigbanner-ab > li > a > img {
    width: 100%;
    height: auto;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-bigbanner-ab img {
    width: 100%;
  }
  .m-list-bigbanner-ab > li + li {
    margin-top: 20px;
  }
  .m-list-bigbanner-ab > li > a {
    display: block;
  }
  .m-list-bigbanner-ab > li > a > img {
    width: 100%;
    height: auto;
  }
}

/* =====================================================================================================================
モジュール名：サブメニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-sub {
    display: flex;
    flex-wrap: wrap;
    background-color: #EEEEEE;
    width: 100%;
    border-radius: 25px;
    padding: 8px 22.5px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .m-menu-sub > li {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    color: #999999;
    padding: 10px 17.5px;
  }
  .m-menu-sub > li.is-active a {
    color: #FF0000;
  }
  .m-menu-sub > li a.is-active {
    color: #FF0000;
  }
  .m-menu-sub a {
    color: #000000;
    text-decoration: none;
  }
  .m-menu-sub a:hover {
    color: #FF0000;
  }
  .m-menu-sub .cs-link-blank {
    margin-left: 9px;
    vertical-align: bottom;
  }
  .m-menu-sub.is-equalize {
    justify-content: space-around;
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-sub {
    display: flex;
    background-color: #EEEEEE;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding: 18px 20px 18px 0;
    -ms-overflow-style: none;
  }
  .m-menu-sub::-webkit-scrollbar {
    display: none !important;
  }
  .m-menu-sub > li {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    margin-left: 18px;
  }
  .m-menu-sub .cs-link-blank {
    vertical-align: text-bottom;
  }
  .m-menu-sub > li + li {
    margin-left: 35px;
  }
  .m-menu-sub > li:last-child {
    padding-right: 20px;
  }
  .m-menu-sub > li.is-active a {
    color: #FF0000;
  }
  .m-menu-sub > li a.is-active {
    color: #FF0000;
  }
  .m-menu-sub a {
    color: #000000;
    text-decoration: none;
  }
}

/* =====================================================================================================================
モジュール名：アーティスト用サブメニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-artist {
    display: flex;
    flex-wrap: wrap;
    background-color: #EEEEEE;
    width: 100%;
    border-radius: 25px;
    padding: 8px 22.5px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    justify-content: space-around;
  }
  .m-menu-artist > li {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    color: #999999;
    padding: 10px 17.5px;
  }
  .m-menu-artist > li > * {
    position: relative;
  }
  .m-menu-artist > li .m-label-new-small {
    position: absolute;
    left: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .m-menu-artist > li.is-active a {
    color: #FF0000;
  }
  .m-menu-artist a {
    color: #000000;
    text-decoration: none;
  }
  .m-menu-artist a:hover {
    color: #FF0000;
  }
  .m-menu-artist .cs-link-blank {
    margin-left: 9px;
    vertical-align: bottom;
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-artist {
    position: fixed;
    z-index: 5;
    bottom: 0;
    font-size: 0;
    background-color: #1b1b1b;
    overflow-x: scroll;
    width: 100%;
    white-space: nowrap;
    padding-right: 20px;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }
  .m-menu-artist {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .m-menu-artist::-webkit-scrollbar {
    display: none !important;
  }
  .m-menu-artist > li {
    color: #666666;
    font-size: 15px;
    line-height: 1;
    display: inline-block;
    padding-top: 18px;
    border-top: 2px solid transparent;
    height: 85px;
  }
  .m-menu-artist > li:first-child {
    margin-left: 20px;
  }
  .m-menu-artist > li + li {
    margin-left: 35px;
  }
  .m-menu-artist > li.is-active {
    border-top: 2px solid #FF0000;
  }
  .m-menu-artist > li.is-active a {
    color: #FF0000;
  }
  .m-menu-artist > li > a {
    color: #FFFFFF;
    text-decoration: none;
  }
  .is-menu-artist {
    margin-bottom: 84px;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  /*20181030追加--start--*/
  .is-menu-artist.linkListPage {
    margin-bottom: 0;
  }
  /*20181030追加--end--*/

}

/* =====================================================================================================================
モジュール名：ソートメニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-sort {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #EEEEEE;
    width: 100%;
    border-radius: 25px;
    padding: 7px 22.5px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .m-menu-sort > li {
    color: #999999;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    padding: 10px 17.5px;
  }
  .m-menu-sort > li a.is-active {
    color: #FF0000;
  }
  .m-menu-sort a {
    color: #000000;
    text-decoration: none;
  }
  .m-menu-sort a:hover {
    color: #FF0000;
  }
  .m-menu-sort > li.is-active a {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-sort {
    display: flex;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 17px 20px;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }
  .m-menu-sort::-webkit-scrollbar {
    display: none !important;
  }
  .m-menu-sort > li {
    color: #999999;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
  }
  .m-menu-sort > li + li {
    margin-left: 35px;
  }
  .m-menu-sort > li:last-child {
    padding-right: 20px;
  }
  .m-menu-sort > li a.is-active {
    color: #FF0000;
  }
  .m-menu-sort a {
    color: #000000;
    text-decoration: none;
  }
  .m-menu-sort > li.is-active a {
    color: #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：日付メニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-date {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  }
  .m-menu-date .mmd-hence {
    display: flex;
  }
  .m-menu-date > .mmd-hence > .mmd-btn-wrap + .mmd-btn-wrap {
    margin-left: 10px;
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-date {
    font-size: 11px;
    display: flex;
    justify-content: space-between;
  }
  .m-menu-date .mmd-hence {
    display: flex;
  }
  .m-menu-date > .mmd-hence > .mmd-btn-wrap + .mmd-btn-wrap {
    margin-left: 5px;
  }
}

/* =====================================================================================================================
モジュール名：記事メニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-article {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
  }
  .m-menu-article .mma-all {
    order: 2;
    margin-left: 110px;
    margin-right: 110px;
  }
  .m-menu-article .mma-all a {
    text-decoration: none;
  }
  .m-menu-article .mma-all a:hover {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-article {
    text-align: center;
    width: 100%;
  }
  .m-menu-article .mma-all a {
    text-decoration: none;
  }
}

/* =====================================================================================================================
モジュール名：ビデオリスト
対象カテゴリ：Video
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-video > .mlv-template {
    display: none;
  }
  .m-list-video > li:hover {
    cursor: pointer;
  }
  .m-list-video .list-video_thumb {
    position: relative;
  }
  .m-list-video .list-video_thumb > img {
    width: 100%;
  }
  .m-list-video .list-video_thumb > .cs-yt-play {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  .m-list-video > li:hover .list-video_title {
    color: #FF0000;
  }
  .m-list-video .list-video_title {
    margin-top: 10.1px;
    font-size: 14px;
    font-weight: bold;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-video > .mlv-template {
    display: none;
  }
  .m-list-video .list-video_thumb {
    position: relative;
  }
  .m-list-video .list-video_thumb > img {
    width: 100%;
  }
  .m-list-video .list-video_thumb > .cs-yt-play {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  .m-list-video .list-video_title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5.1px;
  }
  .m-list-video > li + li {
    margin-top: 25.1px;
  }
}

/* =====================================================================================================================
モジュール名：トピックスリスト
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-topics {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .m-list-topics > li {
    margin-top: 15px;
    display: flex;
  }
  .m-list-topics > li > a {
    width: 340px;
    display: block;
    background-color: #E5E5E5;
    border-radius: 8px;
    padding: 20px;
    padding-right: 15px;
  }
  .m-list-topics > li > a:hover {
    color: #FF0000;
  }
  .m-list-topics .mlt-title {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    display: block;
  }
  .m-list-topics .mlt-read {
    font-size: 12px;
    display: block;
    margin-top: 7.1px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-topics {
    display: inline-flex;
    flex-wrap: nowrap;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .m-list-topics.is-transition {
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  .m-list-topics > li {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
  }
  .m-list-topics > li > a {
    display: block;
    background-color: #e5e5e5;
    border-radius: 8px;
    padding: 15px;
    width: 100%;
  }
  .m-list-topics .mlt-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    display: block;
  }
  .m-list-topics .mlt-read {
    font-size: 14px;
    display: block;
    margin-top: 7.1px;
  }
}

/* =====================================================================================================================
モジュール名：シェアボタンエリア
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-share-site {
    font-size: 0;
  }
  .m-share-site > span {
    font-size: 14px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    vertical-align: middle;
  }
  .m-share-site > span + ul {
    vertical-align: middle;
    margin-left: 20px;
  }
  .m-share-site > ul {
    display: inline-flex;
  }
  .m-share-site > ul > li {
    height: 32px;
    width: 32px;
  }
  .m-share-site > ul > li + li {
    margin-left: 15px;
  }
  .m-share-site .mss-artist-mail {
    display: inline-block;
    margin-left: 20px;
  }
}

@media all and (max-width: 767.5px) {
  .m-share-site {
    font-size: 0;
  }
  .m-share-site > span {
    font-size: 14px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    vertical-align: middle;
  }
  .m-share-site > span + ul {
    vertical-align: middle;
    margin-left: 15px;
  }
  .m-share-site > ul {
    display: inline-flex;
  }
  .m-share-site > ul > li {
    height: 30px;
    width: 30px;
  }
  .m-share-site > ul > li + li {
    margin-left: 10px;
  }
  .m-share-site .mss-artist-mail {
    display: inline-block;
    margin-left: 10px;
  }
}

/* =====================================================================================================================
モジュール名：記事をシェアするボタン
対象カテゴリ：ニュース・ライブ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-share-article {
    font-size: 0;
  }
  .m-share-article > span {
    color: #484848;
    font-size: 12px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    vertical-align: middle;
  }
  .m-share-article > span + ul {
    vertical-align: middle;
    margin-left: 10px;
  }
  .m-share-article > ul {
    display: inline-flex;
  }
  .m-share-article > ul > li + li {
    margin-left: 5px;
  }
}

@media all and (max-width: 767.5px) {
  .m-share-article {
    font-size: 0;
  }
  .m-share-article > span {
    color: #484848;
    font-size: 14px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    vertical-align: middle;
  }
  .m-share-article > span + ul {
    vertical-align: middle;
    margin-left: 15px;
  }
  .m-share-article > ul {
    display: inline-flex;
  }
  .m-share-article > ul > li + li {
    margin-left: 7.5px;
  }
}

/* =====================================================================================================================
モジュール名：一覧ページボタン(ビデオページ)
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-video-all {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 30px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
    transition: border-color 0.1s;
  }
  .m-btn-video-all:hover {
    color: #FF0000;
    border: 1px solid #FF0000;
  }
  .m-btn-video-all > span {
    padding-right: 10px;
  }
  .m-btn-video-all .cs-link-blank {
    margin-left: 6px;
    vertical-align: -2px;
  }
  .m-btn-video-all:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-video-all {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
  }
  .m-btn-video-all > span {
    margin-right: -20px;
  }
  .m-btn-video-all .cs-link-blank {
    margin-left: 10px;
    vertical-align: -2px;
  }
  .m-btn-video-all:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
}

/* =====================================================================================================================
モジュール名：アイコンリンク
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-link-icon {
    display: inline-flex;
    align-items: center;
    line-height: 1;
  }
  .m-link-icon span {
    vertical-align: middle;
  }
  .m-link-icon span {
    margin-right: 7px;
  }
  a.m-link-icon:hover {
    color: #FF0000;
  }
  a.m-link-icon span {
    transition: opacity 0.1s;
  }
  a.m-link-icon:hover span {
    opacity: 0.5;
  }
}

/* =====================================================================================================================
モジュール名：一覧ページボタン(top)
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-link-top {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 30px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
    transition: border-color 0.1s;
    background-color: #FFFFFF;
  }
  .m-btn-link-top:hover {
    color: #FF0000;
    border: 1px solid #FF0000;
  }
  .m-btn-link-top > span {
    padding-right: 10px;
  }
  /*20181030追加--start--*/
  .l-playlistdetail-page .l-header-page .right.m-dn-sp .m-btn-link-top span,
  .l-artist-page .l-menusort-page + .l-header-page .m-hed-page + .right.m-dn-sp .m-btn-link-top > span {
    padding: 0 0 0 10px;
  }
  /*20181030追加--end--*/
  .m-btn-link-top .cs-link-blank {
    margin-left: 6px;
    vertical-align: middle;
  }
  .m-btn-link-top:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
  /*20181030追加--start--*/
  .l-playlistdetail-page .l-header-page .right.m-dn-sp .m-btn-link-top:before,
  .l-artist-page .l-menusort-page + .l-header-page .m-hed-page + .right.m-dn-sp .m-btn-link-top:before {
    right: auto;
    left: 10px;
    border: none;
    border-bottom: 1px solid #FF0000;
    border-left: 1px solid #FF0000;
    border-top-width: 0;
    border-right-width: 0;
  }
  /*20181030追加--end--*/

  .m-btn-link-top.m-dn-pc {
    display: none;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-link-top {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
    background-color: #FFFFFF;
  }
  .m-btn-link-top span + span {
    margin-left: 10px;
  }
  .m-btn-link-top .cs-link-blank {
    display: none;
  }
  .m-btn-link-top.is-noarrow:before {
    content: none;
  }
  .m-btn-link-top:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }

  /*20181030追加--start--*/
  .l-playlistdetail-page .m-btn-link-top:before,
  .l-content-page .m-news-detail + .l-btn-sp .m-btn-link-top:before {
    right: auto;
    left: 20px;
    border: none;
    border-bottom: 1px solid #FF0000;
    border-left: 1px solid #FF0000;
    border-top-width: 0;
    border-right-width: 0;
  }
  /*20181030追加--end--*/

  .m-btn-link-top.m-dn-sp {
    display: none;
  }

}

/* =====================================================================================================================
モジュール名：twitterボタン
対象カテゴリ：プレイリスト詳細
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-link-twitter {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding-left: 20px;
    padding-right: 45px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
    transition: border-color 0.1s, color 0.1s;
  }
  .m-btn-link-twitter:hover {
    color: #FF0000;
    border: 1px solid #FF0000;
  }
  .m-btn-link-twitter .cs-link-blank {
    margin-left: 6px;
    vertical-align: -2px;
  }
  .m-btn-link-twitter:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
  .m-btn-link-twitter .cs-share-twitter-small {
    vertical-align: middle;
    margin-right: 10px;
  }
  .m-btn-link-twitter .cs-share-twitter-small {
    transition: opacity 0.1s;
  }
  .m-btn-link-twitter:hover .cs-share-twitter-small {
    opacity: 0.5;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-link-twitter {
    font-size: 14px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    line-height: 1.3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 100%;
    padding-left: 75px;
    padding-right: 40px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
    transition: border-color 0.1s;
    text-align: left;
  }
  .m-btn-link-twitter .cs-link-blank {
    margin-left: 6px;
    vertical-align: -2px;
  }
  .m-btn-link-twitter:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }

  /*20181030追加--start--*/
  .l-playlistdetail-page .m-btn-link-twitter:before {
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
  }
  /*20181030追加--end--*/

  .m-btn-link-twitter .cs-share-twitter-small {
    position: absolute;
    left: 25px;
    top: 12px;
  }
  .m-btn-link-twitter.is-tap .cs-share-twitter-small {
    opacity: 0.5;
  }
}

@media all and (max-width: 350px) {
  .m-btn-link-twitter {
    font-size: 12px;
  }
}

/* =====================================================================================================================
モジュール名：日付メニューボタン（今週以降）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-hence {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 40px;
    background-color: #EEEEEE;
    border-radius: 40px;
  }
  .m-btn-hence.is-active {
    color: #FF0000;
  }
  a.m-btn-hence:hover {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-hence {
    font-size: 11px;
    display: table;
    height: 30px;
    width: 85px;
    text-align: center;
    background-color: #EEEEEE;
    border-radius: 30px;
  }
  .m-btn-hence > span {
    display: table-cell;
    vertical-align: middle;
  }
  .m-btn-hence.is-active {
    color: #FF0000;
  }
}

@media all and (max-width: 374px) {
  .l-newrelease-page .mmd-btn-wrap:nth-child(1) .m-btn-hence {
    width: 89px;
    padding: 0;
  }
  .l-newrelease-page .mmd-btn-wrap:nth-child(2) .m-btn-hence {
    width: 58px;
    padding: 0;
  }
  .l-newrelease-page .mmd-btn-wrap:nth-child(3) .m-btn-hence {
    width: 80px;
    padding: 0;
  }
}

/* =====================================================================================================================
モジュール名：日付メニューボタン（先月）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-past {
    font-size: 14px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 40px;
    background-color: #AAAAAA;
    border-radius: 40px;
  }
  .m-btn-past > span {
    color: #FFFFFF;
    transition: color 0.1s;
  }
  .m-btn-past.is-active > span {
    color: #FF0000;
  }
  a.m-btn-past:hover > span {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-past {
    font-size: 11px;
    display: table;
    height: 30px;
    width: 85px;
    background-color: #AAAAAA;
    border-radius: 30px;
    text-align: center;
  }
  .m-btn-past > span {
    display: table-cell;
    color: #FFFFFF;
    vertical-align: middle;
  }
  .m-btn-past.is-active > span {
    color: #FF0000;
  }
}

@media all and (max-width: 374px) {
  .l-newrelease-page .mmd-past .m-btn-past {
    width: 58px;
    padding: 0;
  }
}

/* =====================================================================================================================
モジュール名：マイアーティストメールボタン
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-myartist {
    font-size: 12px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 192px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #CCCCCC;
    letter-spacing: -0.1em;
  }
  .m-btn-myartist > span {
    transition: color 0.1s;
  }
  .m-btn-myartist.is-active > span {
    color: #FF0000;
  }
  a.m-btn-myartist:hover > span {
    color: #FF0000;
  }
  a.m-btn-myartist:hover {
    border: 1px solid #FF0000;
  }
  .m-btn-myartist > span + span {
    margin-left: 5px;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-myartist {
    font-size: 12px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 40px;
    border-radius: 20px;
    line-height: 1.2;
    border: 1px solid #CCCCCC;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  a.is-tap.m-btn-myartist {
    border: 1px solid #FF0000;
  }
  .m-btn-myartist > span {
    text-align: left;
  }
  .m-btn-myartist.is-active > span {
    color: #FF0000;
  }
  .m-btn-myartist > span + span {
    margin-left: 10px;
  }
}

@media all and (max-width: 350px) {
  .m-btn-myartist {
    font-size: 10px;
    width: 126px;
  }
  .m-btn-myartist > span + span {
    margin-left: 5px;
  }
  .m-share-site > span + ul {
    margin-left: 12px;
  }
  a.is-tap.m-btn-myartist {
    border: 1px solid #FF0000;
  }
}

/* =====================================================================================================================
モジュール名：デフォルトボタン
対象カテゴリ：ボタン
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-large {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 40px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
    transition-property: color,border;
    transition-duration: .1s;
  }
  .m-btn-large > span {
    padding-right: 7px;
  }
  .m-btn-large:hover {
    color: #FF0000;
    border: 1px solid #FF0000;
  }
  .m-btn-large:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
  .m-btn-large.is-noarrow:before {
    content: none;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-large {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
  }
  .m-btn-large > span {
    padding-right: 7px;
  }
  .m-btn-large:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
  .m-btn-large.is-noarrow:before {
    content: none;
  }
}

/* =====================================================================================================================
モジュール名：送信ボタン
対象カテゴリ：ボタン
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-submit {
    position: relative;
    width: 240px;
    height: 40px;
  }
  .m-btn-submit > input {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    transition-property: color,border;
    transition-duration: .1s;
    width: 240px;
    height: 40px;
    background-color: #FFFFFF;
    cursor: pointer;
  }
  .m-btn-submit > span {
    padding-right: 7px;
  }
  .m-btn-submit:hover > input {
    color: #FF0000;
    border: 1px solid #FF0000;
  }
  .m-btn-submit:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
  .m-btn-submit.is-mailmagazine {
    width: 160px;
  }
  .m-btn-submit.is-mailmagazine > input {
    width: 160px;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-submit {
    position: relative;
    width: 100%;
    height: 60px;
  }
  .m-btn-submit > input {
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    width: 100%;
    height: 60px;
    background-color: #FFFFFF;
  }
  .m-btn-submit > span {
    padding-right: 7px;
  }
  .m-btn-submit:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
}

/* =====================================================================================================================
モジュール名：ブラウザバックボタン
対象カテゴリ：ボタン
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-prev {
    position: relative;
    width: 240px;
    height: 40px;
  }
  .m-btn-prev-parent {
    height:40px;
  }
  .right-btn {
    width:240xp;
    float:right;
  }
  .m-btn-prev > button {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 40px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
    transition-property: color,border;
    transition-duration: .1s;
    background-color: #FFFFFF;
    cursor: pointer;
    margin-bottom: 5px;
  }
  .m-btn-prev > span {
    padding-right: 7px;
  }
  .m-btn-prev:hover > button {
    color: #FF0000;
    border: 1px solid #FF0000;
  }
  .m-btn-prev:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    pointer-events: none;
    z-index: 10;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-prev {
    position: relative;
    width: 100%;
    height: 60px;
  }
  .m-btn-prev > button {
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    position: relative;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .m-btn-prev > span {
    padding-right: 7px;
  }
  .m-btn-prev:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    pointer-events: none;
    z-index: 10;
  }
}

/* =====================================================================================================================
モジュール名：購入・ストリーミング・ダウンロードボタン
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-btn-disco {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 40px;
    border-radius: 30px;
    position: relative;
    color: #FFFFFF;
    background-color: #363636;
    transition: opacity .1s;
  }
  a.m-btn-disco:hover {
    opacity: 0.5;
  }
  a.m-btn-disco:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    transition: border .1s;
  }
  .m-btn-disco > span {
    position: absolute;
    left: 15px;
    top: 10px;
  }
}

@media all and (max-width: 767.5px) {
  a.m-btn-disco {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 40px;
    border-radius: 30px;
    position: relative;
    color: #FFFFFF;
    background-color: #363636;
  }
  a.m-btn-disco:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
  .m-btn-disco > span {
    position: absolute;
    left: 10px;
    top: 10px;
  }
}

/* =====================================================================================================================
モジュール名：購入・ストリーミング・ダウンロードボタン
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-btn-discosmall {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 20px;
    border-radius: 10px;
    position: relative;
    color: #FFFFFF;
    background-color: #363636;
    transition: opacity .1s;
  }
  .m-btn-discosmall > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  a.m-btn-discosmall:hover {
    opacity: 0.5;
  }
  .m-btn-discosmall > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}

@media all and (max-width: 767.5px) {
  a.m-btn-discosmall {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    position: relative;
    background-color: #363636;
  }
  .m-btn-discosmall > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}

/* =====================================================================================================================
モジュール名：購入・ストリーミング・ダウンロードボタン
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-btn-discosmall {
    display: inline-block;
    width: 45px;
    height: 20px;
    border-radius: 10px;
    position: relative;
    color: #FFFFFF;
    background-color: #363636;
    transition: opacity .1s;
  }
  .m-btn-discosmall > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  a.m-btn-discosmall:hover {
    opacity: 0.5;
  }
  .m-btn-discosmall > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}

@media all and (max-width: 767.5px) {
  a.m-btn-discosmall {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    position: relative;
    background-color: #363636;
  }
  .m-btn-discosmall > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}

/* =====================================================================================================================
モジュール名：視聴ボタン
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-btn-listening {
    display: inline-block;
    width: 31px;
    height: 31px;
    border-radius: 16px;
    position: relative;
    background-color: #363636;
    transition: opacity .1s;
  }
  .m-btn-listening > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* 20181030追加--start-- */
    background-position: -383px -255px;
    width: 15px;
    height: 15px;
    /* 20181030追加--end-- */
  }
  .m-btn-listening > svg {
    display: none;
    -webkit-transform: rotate3d(0, 0, 1, -89.99deg);
    transform: rotate3d(0, 0, 1, -89.99deg);
  }
  a.m-btn-listening:hover {
    opacity: 0.5;
  }
  .m-btn-listening.is-active {
    background-color: transparent;
  }
  .m-btn-listening > .m-svg-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: none !important;
  }
  .l-artist-page .m-btn-listening > .m-svg-loader {
    height: 40px;
    width: 40px;
    left: -4px;
    top: -4px;
  }
  .l-artist-page .m-list-listeningtop a.m-btn-listening > .m-svg-loader {
    height: 25px;
    width: 25px;
    left: -3px;
    top: -3px;
  }
  .m-btn-listening.is-loading > .m-svg-loader {
    display: block !important;
  }
  .m-btn-listening.is-active > svg {
    display: block;
  }
  .m-btn-listening.is-active > .cs-icon-listening {
    display: none;
  }
  a.m-btn-listening.is-active:hover {
    background-color: #CCCCCC;
  }
  a.m-btn-listening.is-active.is-loading:hover {
    background-color: transparent;
  }
  .m-btn-listening.is-active.is-play:before {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    right: 0;
    margin: auto;
  }
  .m-btn-listening.is-active:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -2px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #363636;
  }
  .m-btn-listening.is-active.is-play:after {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 4px;
    margin: auto;
    border: none;
  }
  .m-btn-listening.is-active.is-play.is-loading:before,
  .m-btn-listening.is-active.is-play.is-loading:after {
    display: none;
  }
}

@media all and (max-width: 767.5px) {
  a.m-btn-listening {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    position: relative;
    background-color: #363636;
  }
  .m-btn-listening > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* 20181030追加--start-- */
    background-image: url(/assets/images/sprite.png);
    background-position: -383px -255px;
    width: 15px;
    height: 15px;
    background-size: 404px 356px;
    background-repeat: no-repeat;
    display: inline-block;
    /* 20181030追加--end-- */
  }
  .m-btn-listening > svg {
    display: none;
    -webkit-transform: rotate3d(0, 0, 1, -89.99deg);
    transform: rotate3d(0, 0, 1, -89.99deg);
  }
  .m-btn-listening.is-active {
    background-color: transparent;
  }
  .m-btn-listening > .m-svg-loader {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 40px;
    height: 40px;
    display: none !important;
  }
  .m-btn-listening.is-loading > .m-svg-loader {
    display: block !important;
  }
  .m-btn-listening.is-active > svg {
    display: block;
  }
  .m-btn-listening.is-active > .cs-icon-listening {
    display: none;
  }
  .m-btn-listening.is-active.is-play:before {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    right: 0;
    margin: auto;
  }
  .m-btn-listening.is-active:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -2px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #363636;
  }
  .m-btn-listening.is-active.is-play:after {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 4px;
    margin: auto;
    border: none;
  }
  .m-btn-listening.is-active.is-play.is-loading:before,
  .m-btn-listening.is-active.is-play.is-loading:after {
    display: none;
  }
}

/* =====================================================================================================================
モジュール名：視聴ボタン40*40
対象カテゴリ：ディスコグラフィーモーダル
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-btn-listening-large {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: relative;
    background-color: #363636;
    transition: background-color .1s;
    transition: opacity .1s;
  }
  .m-btn-listening-large > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .m-btn-listening-large > svg {
    display: none;
    -webkit-transform: rotate3d(0, 0, 1, -89.99deg);
    transform: rotate3d(0, 0, 1, -89.99deg);
  }
  a.m-btn-listening-large:hover {
    opacity: .5;
  }
  .m-btn-listening-large.is-active > svg {
    display: block;
  }
  .m-btn-listening-large.is-active > .cs-icon-listening {
    display: none;
  }
  a.m-btn-listening-large.is-active:hover {
    background-color: #CCCCCC;
  }
  .m-btn-listening-large.is-active.is-play:before {
    content: "";
    width: 3px;
    height: 12px;
    background-color: #FFFFFF;
    position: absolute;
    top: calc(50% - 6px);
    left: 15px;
  }
  .m-btn-listening-large.is-active.is-play:after {
    content: "";
    width: 3px;
    height: 12px;
    background-color: #FFFFFF;
    position: absolute;
    top: calc(50% - 6px);
    right: 15px;
    bottom: auto;
    left: auto;
    border: none;
  }
  .m-btn-listening-large.is-active:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -2px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #FFFFFF;
  }
  .m-btn-listening-large > .play-mark {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -2px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #FFFFFF;
  }
  .m-btn-listening-large.is-active > .play-mark {
    display: none;
  }
}

@media all and (max-width: 767.5px) {
  a.m-btn-listening-large {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: relative;
    background-color: #363636;
    transition: background-color .1s;
  }
  .m-btn-listening-large > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .m-btn-listening-large > svg {
    display: none;
    -webkit-transform: rotate3d(0, 0, 1, -89.99deg);
    transform: rotate3d(0, 0, 1, -89.99deg);
  }
  .m-btn-listening-large.is-active {
    background-color: transparent;
  }
  .m-btn-listening-large.is-active > svg {
    display: block;
  }
  .m-btn-listening-large.is-active > .cs-icon-listening-large {
    display: none;
  }
  .m-btn-listening-large.is-active.is-play:before {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    right: 0;
    margin: auto;
  }
  .m-btn-listening-large.is-active:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -2px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #363636;
  }
  .m-btn-listening-large.is-active.is-play:after {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 4px;
    margin: auto;
    border: none;
  }
}

/* =====================================================================================================================
モジュール名：視聴ボタン40*40
対象カテゴリ：試聴モーダル
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-btn-listening-modal {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: relative;
    background-color: #363636;
    transition: background-color .1s;
    transition: opacity .1s;
  }
  .m-btn-listening-modal > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .m-btn-listening-modal > svg {
    display: none;
    -webkit-transform: rotate3d(0, 0, 1, -89.99deg);
    transform: rotate3d(0, 0, 1, -89.99deg);
  }
  a.m-btn-listening-modal:hover {
    opacity: .5;
  }
  .m-btn-listening-modal.is-active > svg {
    display: block;
  }
  .m-btn-listening-modal.is-active > .cs-icon-listening {
    display: none;
  }
  .m-btn-listening-modal.is-active.is-play:after,
  .m-btn-listening-modal .cs-btn-pause {
    display: none;
  }
  .m-btn-listening-modal.is-active.is-play .cs-btn-pause {
    display: inline-block;
    left: -1px;
  }
  .m-btn-listening-modal:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -2px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #FFFFFF;
  }
  .m-btn-listening-modal > .play-mark {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -2px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #FFFFFF;
  }
  .m-btn-listening-modal.is-active > .play-mark {
    display: none;
  }
}

@media all and (max-width: 767.5px) {
  a.m-btn-listening-modal {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: relative;
    background-color: #363636;
    transition: background-color .1s;
    transition: opacity .1s;
  }
  .m-btn-listening-modal > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .m-btn-listening-modal > svg {
    display: none;
    -webkit-transform: rotate3d(0, 0, 1, -89.99deg);
    transform: rotate3d(0, 0, 1, -89.99deg);
  }
  a.m-btn-listening-modal:hover {
    opacity: .5;
  }
  .m-btn-listening-modal.is-active > svg {
    display: block;
  }
  .m-btn-listening-modal.is-active > .cs-icon-listening {
    display: none;
  }
  .m-btn-listening-modal.is-active.is-play:after,
  .m-btn-listening-modal .cs-btn-pause {
    display: none;
  }
  .m-btn-listening-modal.is-active.is-play .cs-btn-pause {
    display: inline-block;
    left: -1px;
  }
  .m-btn-listening-modal:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -2px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #FFFFFF;
  }
  .m-btn-listening-modal > .play-mark {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -2px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #FFFFFF;
  }
  .m-btn-listening-modal.is-active > .play-mark {
    display: none;
  }
}

/* =====================================================================================================================
モジュール名：商品紹介
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-info-discography {
    display: flex;
  }
  .m-info-discography .mid-img {
    width: 300px;
    height: 300px;
    text-align: center;
    min-width: 300px;
  }
  .m-info-discography .mid-img img {
    max-width: 300px;
    max-height: 300px;
    border: solid 1px #eeeeee;
  }
  .m-info-discography .mid-wrap-right {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-left: 30px;
  }
  .m-info-discography .mid-data {
    flex: 1;
    margin-bottom: 10px;
  }
  .m-info-discography .mid-data > p {
    letter-spacing: 1px;
  }
  .m-info-discography .mid-btn {
    margin-left: 30px;
  }
  .m-info-discography .m-btn-disco + .m-btn-disco {
    margin-top: 10px;
  }
  .m-info-discography .mid-note {
    width: 100%;
    margin-top: auto;
    padding-top: 15px;
  }
}

@media all and (max-width: 767.5px) {
  .m-info-discography .mid-img {
    text-align: center;
  }
  .m-info-discography .mid-img img {
    max-width: 100%;
    max-height: 100%;
    border: solid 1px #eeeeee;
    background-color:#eeeeee;
  }
  .m-info-discography .mid-data {
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
  }
  .m-info-discography .mid-btn {
    margin-top: 20px;
  }
  .m-info-discography .m-btn-disco {
    margin-left: auto;
    margin-right: auto;
  }
  .m-info-discography .m-btn-disco + .m-btn-disco {
    margin-top: 7px;
  }
  .m-info-discography .mid-note {
    font-size: 12px;
    margin-top: 30px;
  }
  .m-info-discography .mid-cdtitle + .mid-data {
    margin-top: 5px;
  }
  .m-info-discography .mid-cdtitle {
    font-size: 18px;
    margin-top: 15px;
    text-align: center;
  }
}

/* =====================================================================================================================
モジュール名：視聴ブロックSP
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-block-listeningsp {
    display: none;
  }
}

@media all and (max-width: 767.5px) {
  .m-block-listeningsp {
    text-align: center;
  }
  .m-block-listeningsp .m-hed-page {
    text-align: left;
  }
  .m-block-listeningsp img {
    margin-top: 20px;
    max-width: 175px;
    max-height: 175px;
  }
  .m-block-listeningsp .mbl-btnarea {
    margin-top: 15px;
  }
  .m-block-listeningsp .mbl-btn {
    font-size: 0;
  }
  .m-block-listeningsp .mbl-btn-text {
    font-size: 13px;
    margin-top: 10px;
    line-height: 1;
  }
}

/* =====================================================================================================================
モジュール名：プレイリスト紹介
対象カテゴリ：プレイリスト詳細
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-info-playlist {
    display: flex;
  }
  .m-info-playlist .m-imagecenter-box,
  .m-info-playlist .m-imagecenter-box > span {
    width: 300px;
    height: 300px;
  }
  .m-info-playlist .mip-wrap-right {
    flex: 1;
    flex-wrap: wrap;
    margin-left: 30px;
  }
  .m-info-playlist .mip-data {
    flex: 1;
    margin-bottom: 10px;
  }
  /*20181030追加--start--*/
  .mip-link {
    padding-top: 4px;
  }

  .mip-link a {
    position: relative;
    padding-left: 16px;
    display: inline-block;
  }
  .mip-link a:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
  }

  .l-playlistdetail-page .mip-data p > a {
    text-decoration: underline;
  }

  .l-playlistdetail-page .mip-data p > a:hover {
    text-decoration: none;
  }

  .l-playlistdetail-page .mip-link a {
    padding-left: 0;
  }
  .l-playlistdetail-page .mip-link a:before {
    display: none;
  }
  .l-playlistdetail-page .mip-link a:before {
    display: none;
  }
  .l-playlistdetail-page .l-video-container div p {
    font-size: 14px;
    min-height: 23px;
    text-align: center;
  }

  .mip-player {
    padding: 30px 0 24px;
    border-bottom: solid 1px #eee;
  }
  .mip-data .l-video-container {
    padding-top: 10px;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .mip-data .l-video-container div {
    padding: 20px 10px 0 10px;
    width: 50%;
  }
  .mip-data .l-video-container div iframe,
  .mip-data .l-video-container div object,
  .mip-data .l-video-container div embed {
    width: 100%;
  }
/*
  .mip-data .l-video-container div {
    margin: 20px 10px 0 10px;
    width: 350px;
    text-align: center;
    font-size: 0;
    position: relative;
    padding: 0 0 28.125%;
    height: 100%;
  }
*/
/*
  .mip-data .l-video-container div iframe,
  .mip-data .l-video-container div object,
  .mip-data .l-video-container div embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
*/
  /*20181030追加--end--*/

  .m-info-playlist .mip-btn {
    margin-top: 40px;
  }
  .m-info-playlist .m-btn-disco + .m-btn-disco {
    margin-top: 10px;
  }
  .m-info-playlist .mip-note {
    width: 100%;
    margin-top: auto;
  }
}

@media all and (max-width: 767.5px) {
  .m-info-playlist .mip-data {
    margin-top: 20px;
    font-size: 13px;
  }
  .m-info-playlist .mip-btn {
    margin-top: 20px;
  }
  .m-info-playlist .mip-btn > a {
    margin: auto;
  }

  /*20181030追加--start--*/
  .mip-link {
    padding-top: 4px;
  }
  .mip-link a {
    position: relative;
    padding-left: 16px;
    display: inline-block;
  }
  .mip-link a:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
  }

  .l-playlistdetail-page .mip-link a {
    padding-left: 0;
  }
  .l-playlistdetail-page .mip-link a:before {
    display: none;
  }

  .mip-player {
    padding: 30px 0 24px;
    border-bottom: solid 1px #eee;
  }
  .mip-data .l-video-container {
    padding-top: 10px;
  }
  .mip-data .l-video-container div {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }
/*
  .mip-data .l-video-container div {
    margin: 20px 0 0 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    position: relative;
    padding: 0 0 56.25%;
    height: 100%;
  }
*/
/*
  .mip-data .l-video-container div iframe,
  .mip-data .l-video-container div object,
  .mip-data .l-video-container div embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
*/
  /*20181030追加--end--*/
}

/* =====================================================================================================================
モジュール名：本文
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-read-default {
    font-size: 14px;
    line-height: 1.7;
    word-break: normal;
  }
  .m-read-default.is-fs16 {
    font-size: 16px;
  }
  .m-read-default.is-right {
    text-align: right;
  }
  .m-read-default > a {
    display: block;
    text-decoration: underline;
  }
  .m-read-default > a:hover {
    color: #FF0000;
    text-decoration: none;
  }
  .m-read-default + .m-read-default {
    margin-top: 15px;
  }
  .m-read-default.is-center {
    text-align: center;
  }
  .m-read-default .is-bold {
    font-weight: bold;
  }
  .m-read-default.is-bold {
    font-weight: bold;
  }
  .m-read-default .is-red {
    color: #FF0000;
  }
  .m-read-default.is-large {
    font-size: 16px;
  }
  .m-read-default > .is-bold {
    font-weight: 600px;
  }
  .m-read-default a {
    display: inline-block;
  }
  .m-read-default a img {
    transition: opacity .1s;
  }
  .m-read-default a:hover img {
    opacity: .5;
  }
}

@media all and (max-width: 767.5px) {
  .m-read-default {
    font-size: 14px;
    line-height: 1.7;
  }
  .m-read-default.is-right {
    text-align: right;
  }
  .m-read-default.is-center {
    text-align: center;
  }
  .m-read-default.is-spsmall {
    font-size: 12px;
  }
  .m-read-default > a {
    display: block;
    text-decoration: underline;
  }
  .m-read-default > a.is-tap {
    text-decoration: none;
  }
  .m-read-default + .m-read-default {
    margin-top: 20px;
  }
  .m-read-default .is-bold {
    font-weight: bold;
  }
  .m-read-default .is-red {
    color: #FF0000;
  }
  .m-read-default a {
    display: inline-block;
  }
  .m-read-default img {
    max-width: 100%;
  }
}

/* =====================================================================================================================
モジュール名：小見出し
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-title-default {
    font-size: 16px;
    font-weight: bold;
  }
  .m-title-default + .m-read-default {
    margin-top: 9.5px;
  }
  .m-title-default.is-press {
    line-height: 1.5;
  }
}

@media all and (max-width: 767.5px) {
  .m-title-default {
    font-size: 18px;
    line-height: 1.3;
  }
  .m-title-default + .m-read-default {
    margin-top: 22.4px;
  }
  .m-title-default.is-press {
    font-size: 14px;
    line-height: 1.5;
  }
  .m-title-default.is-faq {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
  }
}

/* =====================================================================================================================
モジュール名：小見出し2
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-title-second {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
  }
  .m-title-second + .m-read-default {
    margin-top: 12.4px;
  }
}

@media all and (max-width: 767.5px) {
  .m-title-second {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
  }
  .m-title-second + .m-read-default {
    margin-top: 12.85px;
  }
}

/* =====================================================================================================================
モジュール名：小見出し2
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-title-third {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
  }
}

@media all and (max-width: 767.5px) {
  .m-title-third {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
  }
}

/* =====================================================================================================================
モジュール名：横並びボックス
対象カテゴリ：all、プレスリリース
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-container-flex {
    display: flex;
    align-items: center;
  }
  .m-container-flex .mcr-right {
    margin-left: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .m-container-flex {
    display: flex;
    align-items: center;
  }
  .m-container-flex .mcr-right {
    margin-left: 20px;
  }
}

/* =====================================================================================================================
モジュール名：注意書き
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-note-important {
    color: #FF0000;
  }
  .m-note-important .mnd-title {
    font-size: 18px;
    font-weight: bold;
  }
  .m-note-important .mnd-read {
    font-size: 14px;
    line-height: 1.7;
  }
  .m-note-important .mnd-title + .mnd-read {
    margin-top: 8.8px;
  }
}

@media all and (max-width: 767.5px) {
  .m-note-important {
    color: #FF0000;
  }
  .m-note-important .mnd-title {
    font-size: 18px;
    font-weight: bold;
  }
  .m-note-important .mnd-read {
    font-size: 14px;
    line-height: 1.7;
  }
  .m-note-important .mnd-title + .mnd-read {
    margin-top: 8.8px;
  }
}

/* =====================================================================================================================
モジュール名：注意書き
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-note-default {
    font-size: 12px;
    color: #484848;
  }
  .m-note-default.is-black {
    color: #000000;
  }
}

@media all and (max-width: 767.5px) {
  .m-note-default {
    font-size: 12px;
    color: #484848;
  }
  .m-note-default.is-black {
    color: #000000;
  }
}

/* =====================================================================================================================
モジュール名：注意書き　12px
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-note-small {
    font-size: 12px;
    color: #FF0000;
    line-height: 1.7;
  }
}

@media all and (max-width: 767.5px) {
  .m-note-small {
    font-size: 12px;
    color: #FF0000;
    line-height: 1.7;
  }
}

/* =====================================================================================================================
モジュール名：エラー表示
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-text-error {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.7;
    padding: 5px 10px;
    background-color: #FF0000;
    color: #FFFFFF;
  }
}

@media all and (max-width: 767.5px) {
  .m-text-error {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.7;
    padding: 5px 10px;
    background-color: #FF0000;
    color: #FFFFFF;
  }
}

/* =====================================================================================================================
モジュール名：画像ボックス
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-img-default img {
    max-width: 100%;
  }
}

@media all and (max-width: 767.5px) {
  .m-img-default img {
    width: 100%;
  }
}

/* =====================================================================================================================
モジュール名：画像ボックス
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-img-maxwidth img {
    max-width: 100%;
  }
}

@media all and (max-width: 767.5px) {
  .m-img-maxwidth img {
    max-width: 100%;
  }
}

/* =====================================================================================================================
モジュール名：デフォルトリスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-default {
    font-size: 14px;
    line-height: 1.7;
  }
  .m-list-default a:hover {
    color: #FF0000;
  }
  .m-list-default > li + li {
    margin-top: 20.2px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-default {
    font-size: 14px;
    line-height: 1.7;
  }
  .m-list-default > li + li {
    margin-top: 25.2px;
  }
}

/* =====================================================================================================================
モジュール名：番号リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-number > li + li {
    margin-top: 10.2px;
  }
  .m-list-number li {
    list-style-type: none;
    list-style-position: inside;
    counter-increment: cnt;
    padding-left: 25px;
    position: relative;
  }
  .m-list-number li:before {
    content: "(" counter(cnt) ") ";
    position: absolute;
    left: 0;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-number > li + li {
    margin-top: 10.2px;
  }
  .m-list-number li {
    list-style-type: none;
    list-style-position: inside;
    counter-increment: cnt;
    padding-left: 25px;
    position: relative;
  }
  .m-list-number li:before {
    content: "(" counter(cnt) ") ";
    position: absolute;
    left: 0;
  }
}

/* =====================================================================================================================
モジュール名：概要リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-summary {
    border-top: 1px solid #D6D6D6;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .m-list-summary > li {
    display: flex;
    padding-top: 35.1px;
  }
  .m-list-summary.is-link > li {
    display: block;
    padding: 0;
  }
  .m-list-summary.is-link > li > a {
    display: flex;
    padding-top: 35.1px;
    padding-bottom: 35.1px;
  }
  .m-list-summary .mls-link-topmargin {
    margin-top: 15.1px;
    display: inline-block;
  }
  .m-list-summary > li + li {
    border-top: 1px solid #D6D6D6;
    margin-top: 35.1px;
  }
  .m-list-summary.is-link > li + li {
    margin-top: 0;
  }
  .m-list-summary .mls-title {
    font-size: 16px;
    font-weight: bold;
    width: 340px;
    color: #000000;
  }
  .m-list-summary .mls-read {
    font-size: 14px;
    flex: 1;
    margin-left: 10px;
  }
  .m-list-summary .mls-date {
    font-size: 12px;
  }
  .m-list-summary .mls-bold {
    font-size: 16px;
    font-weight: bold;
  }
  .m-list-summary .mls-bold + .mls-text {
    margin-top: 9.5px;
  }
  .m-list-summary .mls-text + .mls-bold {
    margin-top: 29.5px;
  }
  .m-list-summary .m-label-new {
    margin-right: 5px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-summary {
    border-top: 1px solid #D6D6D6;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .m-list-summary > li {
    padding-top: 30px;
    padding-top: 25.1px;
  }
  .m-list-summary .mls-link-topmargin {
    margin-top: 10.1px;
    display: inline-block;
  }
  .m-list-summary > li + li {
    border-top: 1px solid #D6D6D6;
    margin-top: 25.1px;
  }
  .m-list-summary .mls-title {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
  }
  .m-list-summary .mls-read {
    font-size: 14px;
    margin-top: 10.2px;
  }
  .m-list-summary .mls-bold {
    font-size: 14px;
    font-weight: bold;
  }
  .m-list-summary .mls-bold.is-nobold-sp {
    font-weight: normal;
  }
  .m-list-summary .mls-bold + .mls-text {
    margin-top: 10.2px;
  }
  .m-list-summary .mls-text + .mls-bold {
    margin-top: 20.2px;
  }
  .m-list-summary .m-label-new {
    margin-right: 5px;
  }
  .m-list-summary .mls-title.is-nobold-sp {
    font-weight: normal;
  }
  .m-list-summary .mls-title.is-nobold-sp + .mls-read {
    margin-top: 0;
  }
}

/* =====================================================================================================================
モジュール名：確認リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-formcheck > div {
    display: flex;
  }
  .m-list-formcheck > div > dt {
    width: 200px;
    font-size: 14px;
    font-weight: bold;
  }
  .m-list-formcheck.is-link > div > dt {
    width: 300px;
  }
  .m-list-formcheck > div > dd {
    width: 850px;
    font-size: 14px;
  }
  .m-list-formcheck > div + div {
    padding-top: 40.2px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-formcheck > div > dt {
    font-size: 14px;
    font-weight: bold;
  }
  .m-list-formcheck > div > dd {
    font-size: 14px;
  }
  .m-list-formcheck > div + div {
    padding-top: 25px;
    padding-top: 20.1px;
  }
}

/* =====================================================================================================================
モジュール名：４列リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-year {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    margin-top: -1px;
  }
  .m-list-year > li {
    font-size: 16px;
    width: 130px;
    background-color: #F5F5F5;
    text-align: center;
    line-height: 1;
    position: relative;
    margin-left: 1px;
    margin-top: 1px;
  }
  .m-list-year > li.is-active:before {
    content: none;
  }
  .m-list-year > li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
  .m-list-year > li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .m-list-year > li > a:hover {
    color: #FF0000;
  }
  .m-list-year > li.is-active > a {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-year {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -1px;
    margin-top: -1px;
  }
  .m-list-year > li {
    font-size: 14px;
    width: calc(( 100% - 10px ) / 2);
    background-color: #F5F5F5;
    text-align: center;
    line-height: 1;
    position: relative;
    margin-left: 1px;
    margin-top: 1px;
  }
  .m-list-year > li > span,
  .m-list-year > li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 23px;
    padding-bottom: 23px;
  }
  .m-list-year > li:first-child:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    pointer-events: none;
  }
  .m-list-year > li:nth-child(2):before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
  }
  .m-list-year > li.is-nolink span {
    color: #B4B4B4;
  }
  .m-list-year > li.is-nolink:before {
    border-top: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
  }
}

/* =====================================================================================================================
モジュール名：４列リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-col4 {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
  }
  .m-list-col4 > li {
    position: relative;
    padding-right: 10px;
    font-size: 14px;
    width: calc(100% / 4);
    margin-top: 10px;
    word-break: break-word;
  }
  .m-list-col4 > li > a {
    word-break: break-word;
  }
  .m-list-col4 > li a:hover {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-col4 > li {
    position: relative;
    font-size: 14px;
  }
  .m-list-col4 > li + li {
    margin-top: 20.2px;
  }
}

@media all and (min-width: 767.5px) {
  .m-list-vertical > li + li {
    margin-top: 30.2px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-vertical > li + li {
    margin-top: 25.2px;
  }
}

/* =====================================================================================================================
モジュール名：2列リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-col2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20.2px;
  }
  .m-list-col2 > li {
    position: relative;
    padding-right: 20px;
    font-size: 14px;
    width: calc(100% / 2);
    margin-top: 20.2px;
    font-weight: bold;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-col2 > li {
    position: relative;
    font-size: 14px;
    font-weight: bold;
  }
  .m-list-col2 > li + li {
    margin-top: 25.2px;
  }
}

/* =====================================================================================================================
モジュール名：アコーディオンリスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-accordion {
    border-bottom: 1px solid #D6D6D6;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .m-list-accordion .mla-question {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    border-top: 1px solid #D6D6D6;
    padding-right: 40px;
    padding-top: 26px;
    padding-bottom: 26px;
    position: relative;
    cursor: pointer;
    transition: color .1s;
  }
  .m-list-accordion .mla-question:hover {
    color: #FF0000;
  }
  .m-list-accordion .mla-question p {
    padding-left: 40px;
    position: relative;
  }
  .m-list-accordion .mla-question p:before {
    content: "Q";
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-list-accordion .mla-question:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    pointer-events: none;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s;
  }
  .m-list-accordion .mla-question.is-active:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
  }
  .m-list-accordion .mla-answer {
    font-size: 14px;
    line-height: 1.7;
    padding-top: 25.1px;
    padding-bottom: 25.1px;
    position: relative;
    display: none;
    border-top: 1px solid #D6D6D6;
  }
  .m-list-accordion .mla-answer > .mla-answer-wrap {
    padding-left: 40px;
    position: relative;
  }
  .m-list-accordion .mla-answer > .mla-answer-wrap:before {
    content: "A";
    font-size: 22px;
    color: #FF0000;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-list-accordion .mla-col2 {
    display: flex;
    justify-content: space-between;
  }
  .m-list-accordion .mla-col2 p {
    width: calc(50% - 15px);
    padding: 30px;
    background-color: #EEEEEE;
  }
  .m-list-accordion a.mla-imglink {
    display: inline-block;
    margin-top: 15.1px;
  }
  .m-list-accordion a {
    display: inline-block;
    text-indent: 0px;
  }
  .m-list-accordion .mla-answer-wrap dl {
    display: flex;
    text-indent: 0;
  }
  .m-list-accordion .mla-answer-wrap dl dt {
    width: 60px;
  }
  .m-list-accordion .mla-answer-wrap dl .mla-pc-none {
    display: none;
  }
  .m-list-accordion .mla-answer-wrap p > .m-link-arrow {
    margin-top: 15.1px;
  }
  .m-list-accordion .mla-answer-wrap .m-link-arrow {
    text-decoration: none;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-accordion {
    border-bottom: 1px solid #D6D6D6;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .m-list-accordion .mla-question {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    border-top: 1px solid #D6D6D6;
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    position: relative;
    cursor: pointer;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 45px;
    padding-right: 45px;
  }
  .m-list-accordion .mla-question:before {
    content: "Q";
    font-size: 18px;
    position: absolute;
    left: 15px;
    top: 18px;
    line-height: 1;
    font-weight: normal;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-list-accordion .mla-question:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    pointer-events: none;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
  }
  .m-list-accordion .mla-question.is-active:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
  }
  .m-list-accordion .mla-answer {
    font-size: 14px;
    line-height: 1.7;
    padding-top: 15.1px;
    padding-bottom: 15.1px;
    position: relative;
    display: none;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 15px;
    padding-right: 25px;
  }
  .m-list-accordion .mla-answer > .mla-answer-wrap {
    padding-left: 30px;
    position: relative;
  }
  .m-list-accordion .mla-answer > .mla-answer-wrap:before {
    content: "A";
    font-size: 18px;
    color: #FF0000;
    line-height: 1;
    display: inline-block;
    margin-right: 20px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-list-accordion a {
    text-indent: 0px;
  }
  .m-list-accordion .mla-answer-space {
    display: inline-block;
    padding-left: 30px;
  }
}

/* =====================================================================================================================
モジュール名：FAQリスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-faq {
    list-style: disc;
    padding-left: 20px;
  }
  .m-list-faq > li + li {
    margin-top: 4.2px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-faq {
    list-style: disc;
    padding-left: 20px;
  }
  .m-list-faq > li + li {
    margin-top: 2.2px;
  }
}

/* =====================================================================================================================
モジュール名：テーブルデフォルト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-table-default {
    width: 100%;
  }
  .m-table-default td {
    border: 1px solid #D6D6D6;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10.2px;
    padding-bottom: 10.2px;
    word-break: normal;
  }
  .m-table-default td.is-hed {
    background-color: #FAFAFA;
  }
  .m-table-default td:first-child {
    width: 336px;
  }
  .m-table-default td.is-icon {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-table-default td.is-title {
    background-color: #F5F5F5;
  }
  .m-table-default + .m-table-default {
    margin-top: 20px;
  }
}

@media all and (max-width: 767.5px) {
  .m-table-default {
    width: 100%;
  }
  .m-table-default td:first-child {
    width: calc(250/710 * 100%);
  }
  .m-table-default td {
    border: 1px solid #D6D6D6;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5.2px;
    padding-bottom: 5.2px;
    word-break: normal;
  }
  .m-table-default td.is-hed {
    background-color: #FAFAFA;
  }
  .m-table-default td.is-icon {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-table-default td.is-title {
    background-color: #F5F5F5;
  }
  .m-table-default + .m-table-default {
    margin-top: 20px;
  }
}

/* =====================================================================================================================
モジュール名：テーブルSP縦
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-table-verticalsp {
    width: 100%;
    border: 1px solid #CCCCCC;
    line-height: 1.5;
  }
  .m-table-verticalsp .mtv-wrap-dtdd {
    display: flex;
  }
  .m-table-verticalsp .mtv-wrap-dtdd + .mtv-wrap-dtdd {
    border-top: 1px solid #CCCCCC;
  }
  .m-table-verticalsp .mtv-wrap-dd {
    display: flex;
  }
  .m-table-verticalsp .mtv-wrap-dtdd dt {
    width: 275px;
    text-align: center;
    background-color: #F5F5F5;
    padding: 14.5px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .m-table-verticalsp .mtv-wrap-dtdd .mtv-name {
    width: 275px;
    text-align: center;
    padding: 14.5px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .m-table-verticalsp .mtv-wrap-dtdd dt + .mtv-wrap-dd,
  .m-table-verticalsp dt + dd,
  .m-table-verticalsp dd + dd {
    border-left: 1px solid #CCCCCC;
  }
  .m-table-verticalsp .mtv-rightleft {
    display: flex;
  }
  .m-table-verticalsp .mtv-left {
    font-size: 12px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    padding-left: 20px;
    display: inline-flex;
    align-items: center;
  }
  .m-table-verticalsp .mtv-right {
    margin-left: 20px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    padding-right: 20px;
    display: inline-flex;
    align-items: center;
  }
  .m-table-verticalsp.is-date .mtv-wrap-dtdd dt {
    width: 210px;
    min-width: 210px;
    background-color: #F5F5F5;
    padding: 14.5px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
  }
  .m-table-verticalsp.is-date .mtv-wrap-dtdd dd {
    width: auto;
    flex: 1;
    padding: 14.5px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
  }
}

@media all and (max-width: 767.5px) {
  .m-table-verticalsp {
    width: 100%;
    border: 1px solid #CCCCCC;
    text-align: center;
    line-height: 1.5;
  }
  .m-table-verticalsp .mtv-wrap-dtdd {
    width: 100%;
  }
  .m-table-verticalsp .mtv-wrap-dtdd + .mtv-wrap-dtdd {
    border-top: 1px solid #CCCCCC;
  }
  .m-table-verticalsp .mtv-wrap-dd {
    width: 100%;
  }
  .m-table-verticalsp .mtv-wrap-dtdd dt {
    background-color: #F5F5F5;
    padding: 9.5px 20px;
    width: 100%;
  }
  .m-table-verticalsp .mtv-wrap-dtdd .mtv-name {
    padding: 9.5px 20px;
  }
  .m-table-verticalsp .mtv-wrap-dtdd dt + .mtv-wrap-dd,
  .m-table-verticalsp .mtv-wrap-dtdd dt + dd,
  .m-table-verticalsp .mtv-wrap-dtdd dd + dd {
    border-top: 1px solid #CCCCCC;
  }
  .m-table-verticalsp .mtv-rightleft {
    padding: 9.5px 20px;
  }
  .m-table-verticalsp .mtv-left {
    display: block;
  }
  .m-table-verticalsp.is-date {
    text-align: left;
  }
}

/* =====================================================================================================================
モジュール名：リンクリスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-link .mll-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
  }
  .m-list-link .mll-read {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 11.1px;
    color: #000000;
  }
  .m-list-link > li > a {
    display: block;
    padding-top: 26px;
    padding-bottom: 25.1px;
  }
  .m-list-link > li + li {
    border-top: 1px solid #CCCCCC;
  }
  .m-list-link > li a:hover {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-link {
    margin-right: -10px;
    margin-left: -10px;
  }
  .m-list-link .mll-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
  }
  .m-list-link .mll-read {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 3.1px;
    color: #000000;
  }
  .m-list-link > li > a {
    padding-top: 11px;
    padding-bottom: 10.1px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }
  .m-list-link > li + li {
    border-top: 1px solid #CCCCCC;
  }
}

/* =====================================================================================================================
モジュール名：重要なお知らせリスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-important {
    border-bottom: 1px solid #CCCCCC;
  }
  .m-list-important .mli-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
  }
  .m-list-important .mli-read {
    font-size: 16px;
    line-height: 1.7;
    margin-top: 5.4px;
    color: #000000;
  }
  .m-list-important li > a {
    display: block;
    padding-top: 26px;
    padding-bottom: 24.4px;
    border-top: 1px solid #CCCCCC;
  }
  .m-list-important > li a:hover {
    color: #FF0000;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-important {
    border-bottom: 1px solid #CCCCCC;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .m-list-important .mli-title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
  }
  .m-list-important .mli-read {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 1.1px;
    color: #000000;
  }
  .m-list-important > li > a {
    display: block;
    padding-top: 16px;
    padding-bottom: 15.1px;
    border-top: 1px solid #CCCCCC;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* =====================================================================================================================
モジュール名：視聴リスト
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-listening {
    line-height: 1;
  }
  .m-list-listening > ol {
    margin-top: 20px;
  }
  .m-list-listening > ol > li {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    border-top: 1px solid #EEEEEE;
    flex-direction: row;
  }
  .m-list-listening > ol > li + li {
    border-top: 1px solid #EEEEEE;
  }
  .m-list-listening > ol > li:last-child {
    border-bottom: 1px solid #EEEEEE;
  }
  .m-list-listening .mll-listtitle {
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
  }
  .m-list-listening .mll-info {
    margin-left: 47px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    flex: 1;
  }
  .m-list-listening .mll-btn-listening + .mll-info {
    margin-left: 15px;
  }
  .m-list-listening .mll-number + .mll-title {
    margin-left: 20px;
  }
  .m-list-listening .mll-title {
    flex: 1;
    margin-left: 20px;
  }
  .m-list-listening .mll-title-main {
    font-size: 14px;
    display: block;
    font-weight: bold;
    line-height: 1;
  }
  .m-list-listening .mll-title-sub {
    font-size: 12px;
    margin-top: 8px;
    display: block;
  }
  .m-list-listening .mll-btn-other,
  .m-list-listening .mll-btn-listening {
    font-size: 0;
  }
  .m-list-listening .mll-btn-listening {
    width: 32px;
  }
  .m-list-listening + .m-list-listening {
    margin-top: 15px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-listening {
    line-height: 1;
    margin-left: -10px;
    margin-right: -10px;
  }
  .m-list-listening > ol > li {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 55px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .m-list-listening > ol > li + li {
    border-top: 1px solid #EEEEEE;
  }
  .m-list-listening > ol > li:last-child {
    border-bottom: 1px solid #EEEEEE;
  }
  .m-list-listening .mll-listtitle {
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    padding: 8px 10px;
    background-color: #EEEEEE;
  }
  .m-list-listening + .m-list-listening {
    margin-top: -1px;
  }
  .m-list-listening .mll-title {
    flex: 1;
  }
  .m-list-listening .mll-title-sub {
    display: block;
  }
  .m-list-listening .mll-info {
    margin-left: 40px;
    margin-right: 8px;
    display: flex;
    flex: 1;
    align-items: center;
  }
  .m-list-listening .mll-btn-listening + .mll-info {
    margin-left: 8px;
  }
  .m-list-listening .mll-number + .mll-title {
    margin-left: 10px;
  }
  .m-list-listening .mll-title-main {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
  }
  .m-list-listening .mll-btn-listening {
    width: 32px;
  }
  .m-list-listening .mll-btn-other {
    font-size: 0;
    margin-left: 8px;
    min-width: 106px;
    text-align: right;
  }
  .m-list-listening .m-btn-discosmall + .m-btn-discosmall {
    margin-left: 5px;
  }
}

/* =====================================================================================================================
モジュール名：レコメンドモジュール　SNS
対象カテゴリ：レコメンドモジュール
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-block-sns {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .m-block-sns .mbs-other > ul > li {
    border-radius: 8px;
  }
  .m-block-sns .mbs-other img {
    width: 330px;
  }
  .m-block-sns .mbs-other > ul > li > a {
    display: block;
  }
  .m-block-sns .mbs-other > ul > li + li {
    margin-top: 20px;
  }
  .m-block-sns .mbs-twitter,
  .m-block-sns .mbs-facebook,
  .m-block-sns .mbs-other > ul {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
  }
  .m-block-sns .mbs-wrap-fb {
    width: 330px;
    height: 320px;
    margin-top: -40px;
    background-color: #FFFFFF;
  }
  .m-block-sns .mbs-wrap-tw {
    width: 330px;
    height: 280px;
    padding-top: 30px;
    background-color: #FFFFFF;
  }
  .m-block-sns .mbs-sns-header {
    height: 30px;
    color: #000000;
    background-color: #FFFFFF;
    line-height: 1;
    position: absolute;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    padding-right: 15px;
    padding-left: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .m-block-sns .mbs-sns-header span + span {
    margin-left: 4px;
  }
}

/* =====================================================================================================================
モジュール名：視聴リストトップ
対象カテゴリ：アーティストトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-listeningtop {
    line-height: 1;
  }
  .m-list-listeningtop a.m-btn-listening {
    width: 19px;
    height: 19px;
    /* 20181030追加--start-- */
    display: inline-block;
    width: 31px;
    height: 31px;
    border-radius: 16px;
    position: relative;
    background-color: #363636;
    transition: opacity .1s;
    /* 20181030追加--end-- */
  }
  .m-list-listeningtop > ol {
    margin-top: 11px;
    /* 20181030追加--start */
    margin-top: 20px;
    /* 20181030追加--end */
  }
  .m-list-listeningtop > ol > li {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    min-height: 35px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 1px solid #EEEEEE;
    flex-direction: row;
    /* 20181030追加--start-- */
    padding: 0;
    height: 70px;
    /* 20181030追加--endt-- */
  }
  .m-list-listeningtop > ol > li + li {
    border-top: 1px solid #EEEEEE;
  }
  .m-list-listeningtop > ol > li:last-child {
    border-bottom: 1px solid #EEEEEE;
  }
  .m-list-listeningtop .mll-listtitle {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    /* 20181030追加--start */
    font-size: 14px;
    line-height: 1;
    /* 20181030追加--end */
  }
  .m-list-listeningtop .mll-info {
    margin-right: 10px;
    display: flex;
    align-items: center;
    flex: 1;
    margin-left: 29px;
    /* 20181030追加--start */
    margin-left: 47px;
    /* 20181030追加--end */
  }
  .m-list-listeningtop .mll-btn-listening + .mll-info {
    margin-left: 10px;
    /* 20181030追加--start */
    margin-left: 15px;
    /* 20181030追加--end */
  }
  .m-list-listeningtop .mll-number {
    font-weight: bold;
    /* 20181030追加--start */
    font-weight: normal;
    /* 20181030追加--end */
  }
  .m-list-listeningtop .mll-en-title {
    margin-top: 5px;
    font-size: 12px;
    display: block;
  }
  .m-list-listeningtop .mll-title {
    flex: 1;
    font-size: 14px;
    display: block;
    line-height: 1;
  }
  .m-list-listeningtop .mll-number + .mll-title {
    margin-left: 14px;
    /* 20181030追加--start */
    margin-left: 20px;
    font-weight: bold;
    /* 20181030追加--end */
  }
  .m-list-listeningtop .mll-btn-other,
  .m-list-listeningtop .mll-btn-listening {
    font-size: 0;
  }
  /* 20181030追加--start-- */
  .m-list-listeningtop .mll-btn-listening {
    width: 32px;
  }
  /* 20181030追加--end-- */
  .mll-btn-other {
    display: inline-flex;
  }
  .mll-btn-other > .m-btn-discosmall {
    margin-left: 2px;
    margin-right: 2px;
  }
  .m-list-listeningtop .mll-btn-listening .is-active .cs-icon-listening-tieup {
    display: none;
  }
  .m-list-listeningtop .m-btn-discosmall + .m-btn-discosmall {
    margin-left: 5px;
  }
  .m-list-listeningtop + .m-list-listeningtop {
    margin-top: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-listeningtop {
    line-height: 1;
  }
  .m-list-listeningtop > ol {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
    /* 20181030追加--start-- */
    padding: 0;
    border: none;
    /* 20181030追加--end-- */
  }
  .m-list-listeningtop > ol > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 55px;
    padding: 5px 10px;
    margin-left: -10px;
    margin-right: -10px;
    /* 20181030追加--start-- */
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 0;
    border-top: 1px solid #EEEEEE;
    /* 20181030追加--end-- */
  }
  .m-list-listeningtop > ol > li + li {
    border-top: 1px solid #CCCCCC;
    /* 20181030追加--start-- */
    border-top: 1px solid #EEEEEE;
    /* 20181030追加--end-- */
  }
  /* 20181030追加--start-- */
  .m-list-listeningtop > ol > li + li:last-child {
    border-bottom: 1px solid #EEEEEE;
  }
  /* 20181030追加--end-- */
  .m-list-listeningtop .mll-listtitle {
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    padding: 16px 10px;
    /* 20181030追加--start-- */
    padding: 16px 0 8px;
    /* 20181030追加--end-- */
  }
  .m-list-listeningtop .mll-en-title {
    margin-top: 5px;
    font-size: 10px;
    display: block;
  }
  .m-list-listeningtop + .m-list-listeningtop {
    margin-top: -1px;
  }
  .m-list-listeningtop .mll-btn-listening .is-active .cs-icon-listening-tieup {
    display: none;
  }
  .m-list-listeningtop .mll-title {
    flex: 1;
  }
  .m-list-listeningtop .mll-info {
    font-size: 12px;
    margin-left: 40px;
    margin-right: 8px;
    display: flex;
    flex: 1;
    align-items: center;
    /* 20181030追加--start-- */
    font-size: 14px;
    /* 20181030追加--end-- */
  }
  .m-list-listeningtop .mll-btn-listening + .mll-info {
    margin-left: 8px;
  }
  .m-list-listeningtop .mll-number + .mll-title {
    margin-left: 10px;
    /* 20181030追加--start-- */
    font-weight: bold;
    line-height: 1.3;
    /* 20181030追加--end-- */
  }
  .m-list-listeningtop .mll-title-main {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
  }
  .m-list-listeningtop .mll-btn-listening {
    width: 32px;
  }
  .m-list-listeningtop .mll-btn-other {
    width: 106px;
    text-align: right;
    font-size: 0;
    margin-left: 8px;
  }
  .m-list-listeningtop .m-btn-discosmall + .m-btn-discosmall {
    margin-left: 5px;
  }
}

/* =====================================================================================================================
モジュール名：視聴リストトップ
対象カテゴリ：アーティストトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-block-listtop {
    display: flex;
  }
  .m-block-listtop .mbl-musiclist {
    flex: 1;
  }
  .m-block-listtop .mbl-package {
    margin-left: 60px;
  }
  .m-block-listtop .m-list-discography {
    width: 140px;
    font-size: 12px;
  }
  .m-block-listtop .m-list-discography .mld-info {
    margin-top: 10px;
  }
  .m-block-listtop .m-list-discography .mld-title {
    font-size: 12px;
    margin-top: 10px;
    word-break: break-word;
  }
  .m-block-listtop .m-list-discography .m-imagecenter-boxbg {
    width: 140px;
    height: 140px;
  }
  .m-block-listtop .m-list-discography li + li {
    margin-top: 30px;
  }
  .m-block-listtop .mbl-text {
    margin-top: 40px;
  }
  .m-block-listtop .mbl-text span{
    display:inline-block;
    cursor: pointer;
  }
}

@media all and (max-width: 767.5px) {
  .m-block-listtop {
    display: flex;
    flex-flow: column;
  }
  .m-block-listtop .m-list-discography .mld-title {
    word-break: break-word;
  }
  .m-block-listtop .mbl-musiclist {
    order: 2;
  }
  .m-block-listtop .mbl-package {
    background-color: #1B1B1B;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .mbl-package a {
    color: #FFFFFF;
  }
  .m-block-listtop .m-list-discography {
    order: 1;
  }
  .m-block-listtop .m-list-discography li + li {
    margin-top: 20px;
  }
  .m-block-listtop .mbl-text {
    margin-left: -10px;
    margin-right: -10px;
    padding: 30px 10px;
    border-bottom: 1px solid #D6D6D6;
  }
  .m-block-listtop .mbl-text img {
    max-width: 100%;
  }
  .m-block-listtop .mbl-text iframe {
    width: 100%;
    height: auto;
  }
}

/* =====================================================================================================================
モジュール名：ディスコグラフィーモーダル
対象カテゴリ：ライブ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-music {
    border-bottom: 1px solid #EEEEEE;
  }
  .m-list-music > li {
    display: flex;
    align-items: center;
    padding-top: 12.9px;
    padding-bottom: 12.9px;
    border-top: 1px solid #EEEEEE;
  }
  .m-list-music .mlm-title {
    flex: 1;
    margin-left: 20px;
    font-weight: bold;
    line-height: 1.3;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-music {
    border-bottom: 1px solid #EEEEEE;
  }
  .m-list-music > li {
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-top: 12.9px;
    padding-bottom: 12.9px;
    border-top: 1px solid #EEEEEE;
  }
  .m-list-music .mlm-title {
    flex: 1;
    margin-left: 20px;
    font-weight: bold;
    line-height: 1.5;
  }
}

/* =====================================================================================================================
モジュール名：ストリーミングバナーリスト
対象カテゴリ：プレイリスト詳細
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-stbanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -7px -5px;
    /*20181030追加--start--*/
    margin: 24px 0 0;
    padding: 24px 0;
    justify-content: flex-start;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    /*20181030追加--end--*/
  }
  .m-list-stbanner > li {
    margin: 7px 5px;
    width: 220px;
    height: 60px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    transition: opacity .1s;
    position: relative;
    overflow: hidden;
    /*20181030追加--start--*/
    width: 170px;
    /*20181030追加--end--*/
  }
  .m-list-stbanner > li.is-black {
    background-color: #000000;
  }
  .m-list-stbanner > li.is-large {
    width: 450px;
    height: 90px;
    border-radius: 45px;
  }
  .m-list-stbanner > li.is-noborder {
    border: none;
  }
  .m-list-stbanner > li.mls-site-tr {
    background-color: #fdd100;
  }
  .m-list-stbanner > .mls-site-itunes > a {
    background-color: #000000;
  }
  .m-list-stbanner > li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .m-list-stbanner > li:hover {
    opacity: 0.5;
  }
  .m-list-stbanner > li > a > img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
  }
}


@media all and (max-width: 767.5px) {
  .m-list-stbanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*20181030変更--start--*/
    /*margin: -4.5px -3.25px;*/
    margin: 20px 0 0;
    padding: 24px 0;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    /*20181030変更--start--*/
  }
  .m-list-stbanner > li {
    width: 50%;
    padding: 4.5px 3.25px;
    position: relative;
  }
  .m-list-stbanner > li.is-black > a {
    background-color: #000000;
  }
  .m-list-stbanner > li.is-large {
    width: 100%;
    overflow: hidden;
  }
  .m-list-stbanner > li.is-noborder {
    border: 1px solid transparent;
  }
  .m-list-stbanner > li > a {
    display: inline-flex;
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 50px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    transition: opacity .1s;
  }
  .m-list-stbanner > li.is-large > a {
    height: 60px;
  }
  .m-list-stbanner > li > a > img {
    width: 100%;
    height: auto;
  }
  .m-list-stbanner > .mls-site-tr > a {
    background-color: #fdd100;
    border: none;
  }
  .m-list-stbanner > .mls-site-itunes > a {
    background-color: #000000;
    border: none;
  }
  .m-list-stbanner > .mls-site-itunes > a > img {
    max-width: 83px;
  }
  .m-list-stbanner > .mls-site-amazon > a > img {
    max-width: 80px;
  }
  .m-list-stbanner > .mls-site-lawson > a {
    padding: 0 4px;
  }
  .m-list-stbanner > .mls-site-lawson > a > img {
    max-width: 117.5px;
  }
}

/* =====================================================================================================================
モジュール名：ストリーミングバナーリスト
対象カテゴリ：プレイリスト詳細
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-block-stbanner {
    text-align: center;
    padding: 50px 68px;
    border: 1px solid #EEEEEE;
  }
  .m-block-stbanner .m-list-stbanner {
    margin-top: 30px;
  }
  .m-block-stbanner .m-list-stbanner {
    justify-content: flex-start;
  }
}

@media all and (max-width: 767.5px) {
  .m-block-stbanner {
    text-align: center;
    padding: 35px 10px;
    border: 1px solid #EEEEEE;
  }
  .m-block-stbanner .m-list-stbanner {
    margin-top: 25px;
  }
  .m-block-stbanner .m-list-stbanner > li > a {
    padding: 0 20px;
    height: 100%;
  }
  .m-block-stbanner .m-list-stbanner > li {
    padding: 4px 5px;
  }
  .m-block-stbanner .m-list-stbanner {
    margin: -4px -5px;
    margin-top: 21px;
  }
}

/* =====================================================================================================================
モジュール名：モーダル、iframe用
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */
@media all and (min-width: 350.5px) {
  .m-modal-iframe {
    text-align: center;
    width: 560px;
    background-color: #FFFFFF;
    padding: 15px 55px;
    overflow-y: auto;
    -ms-overflow-style: none;
  }
  .m-modal-iframe::-webkit-scrollbar {
    display: none !important;
  }
  .m-modal-iframe .mmd-package {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #CCCCCC;
  }
  .m-modal-iframe .mmd-title {
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
  }
  .m-modal-iframe .mmd-artist {
    font-size: 14px;
  }
  .m-modal-iframe .mmd-note {
    font-size: 12px;
    line-height: 1.7;
    color: #666666;
    text-align: left;
    margin-top: 10px;
  }
  .m-modal-iframe .m-hed-under2 .mhu-en {
    font-size: 24px;
    line-height: 1;
  }
  .m-modal-iframe .m-hed-under2 .mhu-ja {
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
  }
  .m-modal-iframe .mmi-list-stbanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -2px -5px;
  }
  .m-modal-iframe .mmi-list-stbanner > li {
    margin: 2px 5px;
    width: 220px;
    height: 45px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    transition: opacity .1s;
    position: relative;
    overflow: hidden;
  }
  .m-modal-iframe .mmi-list-stbanner > li.is-black > a {
    background-color: #000000;
  }
  .m-modal-iframe .mmi-list-stbanner > li.is-large {
    width: 450px;
    height: 60px;
    border-radius: 45px;
  }
  .m-modal-iframe .mmi-list-stbanner > li.is-noborder {
    border: none;
  }
  .m-modal-iframe .mmi-list-stbanner > li.mls-site-tr {
/*    background-color: #fdd100; */
    background-color: #F5C521;
  }
  .m-modal-iframe .mmi-list-stbanner > li.mls-site-mora_hires {
    background-color: #0A112D;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-itunes > a {
    background-color: #000000;
  }
  .m-modal-iframe .mmi-list-stbanner > li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .m-modal-iframe .mmi-list-stbanner > li:hover {
    opacity: 0.5;
  }
  .m-modal-iframe .mmi-list-stbanner > li > a > img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 85%;
  }
  .m-modal-iframe .mmi-list-stbanner > li.is-large > a > img {
    width: 290px;
  }
  .m-modal-iframe .mmi-dn-pc {
    display: none;
  }
  .m-modal-iframe .mmi-list-stbanner > li.mls-site-tr > a > img {
	image-rendering: optimizequality;
  }
}

@media all and (max-width: 350.5px) {
  .m-modal-iframe {
    text-align: center;
    background-color: #FFFFFF;
    width: 100%;
    padding: 15px 20px;
  }
  .m-modal-iframe .mmd-package {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #CCCCCC;
  }
  .m-modal-iframe .mmd-title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
  }
  .m-modal-iframe .mmd-artist {
    font-size: 10px;
    line-height: 1.5;
  }
  .m-modal-iframe .mmd-note {
    font-size: 8px;
    line-height: 1.5;
    color: #666666;
    text-align: left;
    margin-top: 10px;
  }
  .m-modal-iframe .m-hed-under2 .mhu-en {
    font-size: 22px;
    line-height: 1;
  }
  .m-modal-iframe .m-hed-under2 .mhu-ja {
    font-size: 10px;
    line-height: 1;
    margin-top: 5px;
  }
  .m-modal-iframe .mmi-dn-sp {
    display: none;
  }
  .m-modal-iframe .mmi-list-stbanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -2px -2px;
  }
  .m-modal-iframe .mmi-list-stbanner > li {
    width: 50%;
    padding: 2px 2px;
    position: relative;
  }
  .m-modal-iframe .mmi-list-stbanner > li.is-large {
    width: 100%;
    overflow: hidden;
  }
  .m-modal-iframe .mmi-list-stbanner > li.is-noborder > a {
    border: 1px solid transparent;
  }
  .m-modal-iframe .mmi-list-stbanner > li > a {
    display: inline-flex;
    height: 45px;
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    transition: opacity .1s;
  }
  .m-modal-iframe .mmi-list-stbanner > li.is-noborder.is-black > a {
    background-color: #000000;
  }
  .m-modal-iframe .mmi-list-stbanner > li.is-large > a {
    height: 60px;
  }
  .m-modal-iframe .mmi-list-stbanner > li > a > img {
    width: 100%;
    height: auto;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-victor > a > img {
    max-width: 251px;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-tr > a > img {
    max-width: 101px;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-tr > a {
/*    background-color: #fdd100; */
    background-color: #F5C521;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-mora_hires > a {
    background-color: #0A112D;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-itunes > a {
    background-color: #000000;
    border: none;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-itunes > a > img {
    max-width: 83px;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-amazon > a > img {
    max-width: 80px;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-lawson > a {
    padding: 0 4px;
  }
  .m-modal-iframe .mmi-list-stbanner > .mls-site-lawson > a > img {
    max-width: 117.5px;
  }
  .m-modal-iframe .mmi-dn-sp {
    display: none;
  }
  .m-modal-iframe .mmi-list-stbanner > li.mls-site-tr > a > img {
	image-rendering: optimizequality;
  }
}


  /*20181030追加--start--*/
@media all and (min-width: 767.5px) {
   .linkList {
    text-align: center;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    border-top: solid 1px #eee;
    padding: 24px 0;
    overflow-y: auto;
    -ms-overflow-style: none;
  }

   .linkList:nth-of-type(2) {
    margin-top: 40px;
  }

  .linkList::-webkit-scrollbar {
    display: none !important;
  }

  .linkList .mmd-header {
    width: 22%;
  }

  .linkList .mmd-package {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #CCCCCC;
  }
  .linkList .mmd-title {
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
  }
  .linkList .mmd-artist {
    font-size: 14px;
  }
  .linkListPage .mmd-note {
				padding: 16px 0 120px;
    width: 100%;
    font-size: 12px;
    line-height: 1.7;
    color: #666666;
    text-align: right;
    margin-top: 0;
    border-top: solid 1px #eee;
  }
  .linkList .m-hed-under2 .mhu-en {
    font-size: 24px;
    line-height: 1;
  }
  .linkList .m-hed-under2 .mhu-ja {
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
  }
  .linkList .mmi-list-stbanner {
    width: 78%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: flex-start;
    margin: -2px -5px;
  }
  .linkList .mmi-list-stbanner > li {
    margin: 7px 6px;
    width: 260px;
    height: 60px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    transition: opacity .1s;
    position: relative;
    overflow: hidden;
  }
  .linkList .mmi-list-stbanner > li.is-black > a {
    background-color: #000000;
  }
  .linkList .mmi-list-stbanner > li.is-large {
    width: 532px;
    height: 60px;
    border-radius: 45px;
  }
  .linkList .mmi-list-stbanner > li.is-noborder {
    border: none;
  }
  .linkList .mmi-list-stbanner > li.mls-site-tr {
/*    background-color: #fdd100; */
    background-color: #F5C521;
  }
  .linkList .mmi-list-stbanner > li.mls-site-mora_hires {
    background-color: #0A112D;
  }
  .linkList .mmi-list-stbanner > .mls-site-itunes > a {
    background-color: #000000;
  }
  .linkList .mmi-list-stbanner > li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .linkList .mmi-list-stbanner > li:hover {
    opacity: 0.5;
  }
  .linkList .mmi-list-stbanner > li > a > img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 85%;
  }
  .linkList .mmi-list-stbanner > li.is-large > a > img {
    width: 290px;
  }
  .linkList .mmi-dn-pc {
    display: none;
  }
  .linkList .mmi-list-stbanner > li.mls-site-tr > a > img {
	image-rendering: optimizequality;
  }
}

@media all and (max-width: 767.5px) {
  .linkList {
    text-align: center;
    background-color: #FFFFFF;
    width: 100%;
    padding: 24px 0px;
    border-top: solid 1px #eee;
  }
  .linkList .mmd-package {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #CCCCCC;
  }
  .linkList .mmd-header {
   padding-bottom: 8px;
  }
  .linkList .mmd-title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
  }
  .linkList .mmd-artist {
    font-size: 10px;
    line-height: 1.5;
  }
  .linkListPage .mmd-note {
		padding: 8px 0 60px;
    font-size: 8px;
    line-height: 1.5;
    color: #666666;
    text-align: left;
			border-top: solid 1px #eee;
  }
  .linkList .m-hed-under2 .mhu-en {
    font-size: 22px;
    line-height: 1;
  }
  .linkList .m-hed-under2 .mhu-ja {
    font-size: 10px;
    line-height: 1;
    margin-top: 5px;
  }
  .linkList .mmi-dn-sp {
    display: none;
  }
  .linkList .mmi-list-stbanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -2px -2px;
  }
  .linkList .mmi-list-stbanner > li {
    width: 50%;
    padding: 5px 2px;
    position: relative;
  }
  .linkList .mmi-list-stbanner > li.is-large {
    width: 100%;
    overflow: hidden;
  }
  .linkList .mmi-list-stbanner > li.is-noborder > a {
    border: 1px solid transparent;
  }
  .linkList .mmi-list-stbanner > li > a {
    display: inline-flex;
    height: 45px;
    height: 100%;
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    border-radius: 50px;
    padding: 8px 10px;
    align-items: center;
    justify-content: center;
    transition: opacity .1s;
  }
  .linkList .mmi-list-stbanner > li.is-noborder.is-black > a {
    background-color: #000000;
  }
  .linkList .mmi-list-stbanner > li.is-large > a {
    height: 60px;
    height: auto;
  }
  .linkList .mmi-list-stbanner > li > a > img {
    width: 70%;
    height: auto;
  }
  .linkList .mmi-list-stbanner > .mls-site-victor > a > img {
    max-width: 251px;
    max-width: none;
  }
  .linkList .mmi-list-stbanner > .mls-site-tr > a > img {
    max-width: 101px;
  }
  .linkList .mmi-list-stbanner > .mls-site-tr > a {
/*    background-color: #fdd100; */
    background-color: #F5C521;
  }
  .linkList .mmi-list-stbanner > .mls-site-mora_hires > a {
    background-color: #0A112D;
  }
  .linkList .mmi-list-stbanner > .mls-site-itunes > a {
    background-color: #000000;
    border: none;
  }
  .linkList .mmi-list-stbanner > .mls-site-itunes > a > img {
    max-width: 83px;
  }
  .linkList .mmi-list-stbanner > .mls-site-amazon > a > img {
    max-width: 80px;
    max-width: none;

  }
  .linkList .mmi-list-stbanner > .mls-site-lawson > a {
    padding: 0 4px;
  }
  .linkList .mmi-list-stbanner > .mls-site-lawson > a > img {
    max-width: 117.5px;
  }
  .linkList .mmi-dn-sp {
    display: none;
  }
  .linkList .mmi-list-stbanner > li.mls-site-tr > a > img {
	image-rendering: optimizequality;
  }
}
  /*20181030追加--end--*/

/* =====================================================================================================================
モジュール名：ラベル
対象カテゴリ：ライブ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-label-area {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #000000;
    display: inline-block;
    padding: 4px 10px;
    line-height: 1;
  }
  .m-label-category {
    font-size: 12px;
    color: #000000;
    background-color: #DDDDDD;
    display: inline-block;
    padding: 4px 10px;
    line-height: 1;
    font-weight: normal;
  }
  .m-label-new {
    font-size: 12px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #FF0000;
    line-height: 1;
  }
  .m-label-new-small {
    font-size: 9px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #FF0000;
    line-height: 1;
    vertical-align: top;
  }
  .m-label-required {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #FF0000;
    display: inline-block;
    padding: 2.5px 7px;
    line-height: 1;
    vertical-align: middle;
  }
}

@media all and (max-width: 767.5px) {
  .m-label-area {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #000000;
    display: inline-block;
    padding: 4px 10px;
    line-height: 1;
  }
  .m-label-category {
    font-size: 12px;
    color: #000000;
    background-color: #DDDDDD;
    display: inline-block;
    padding: 4px 10px;
    line-height: 1;
    font-weight: normal;
  }
  .m-label-new {
    font-size: 12px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #FF0000;
    line-height: 1;
  }
  .m-label-new-small {
    font-size: 9px;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #FF0000;
    line-height: 1;
  }
  .m-label-required {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #FF0000;
    display: inline-block;
    padding: 2.5px 7px;
    line-height: 1;
    vertical-align: middle;
  }
}

/* =====================================================================================================================
モジュール名：ライブ記事
対象カテゴリ：ライブ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-event-article .mea-artist {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
  .m-event-article a.mea-artist:hover {
    color: #FF0000;
  }
  .m-event-article a {
    display: inline-block;
  }
  .m-event-article .mea-title {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    line-height: 1.3;
  }
  .m-event-article .mea-label-wrap {
    margin-top: 7.6px;
  }
  .m-event-article .mea-title-wrap {
    margin-top: 7px;
    display: block;
  }
  .m-event-article .mea-read {
    margin-top: 10.1px;
    font-size: 14px;
    line-height: 1.7;
  }
  .m-event-article .mea-share {
    margin-top: 20.1px;
    height: 24px;
  }
}

@media all and (max-width: 767.5px) {
  .m-event-article .mea-artist {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.333;
  }
  .m-event-article .mea-title {
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
    display: inline;
  }
  .m-event-article .mea-label-wrap {
    font-size: 0;
  }
  .m-event-article .m-label-area + .m-label-category {
    margin-left: 8px;
  }
  .m-event-article .mea-title-wrap {
    margin-top: 5.836px;
  }
  .m-event-article .mea-label-wrap {
    margin-top: 8.5px;
    line-height: 1;
  }
  .m-event-article .mea-read {
    font-size: 12px;
    line-height: 1.5;
  }
  .m-event-article .mea-read-wrap {
    margin-top: 10px;
  }
  .m-event-article .mea-share {
    margin-top: 12px;
    height: 24px;
  }
}

/* =====================================================================================================================
モジュール名：ニュース記事
対象カテゴリ：ニュース
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-news-article {
    position: relative;
  }
  .m-news-article .mna-artist {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1.5;
  }
  .m-news-article .mna-artisttitle,
  .m-news-article .mna-read-wrap {
    float: left;
    width: calc(100% - 320px - 20px);
  }
  .m-news-article .mna-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    display: inline;
  }
  .m-news-article .mna-read {
    font-size: 14px;
    line-height: 1.7;
    color: #000000;
  }
  .m-news-article .mna-thumb {
    float: right;
    width: 320px;
    height: 215px;
    background-color: #DDDDDD;
    position: relative;
    overflow: hidden;
  }
  .m-news-article .mna-thumb > svg {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .m-news-article .mna-thumb > img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .m-news-article .mna-info-wrap a {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .m-news-article .mna-cf:after {
    content: "";
    clear: both;
    display: block;
  }
  .m-news-article a .mna-thumb {
    transition: opacity .1s;
  }
  .m-news-article a:hover .mna-thumb {
    opacity: 0.5;
  }
  .m-news-article a:hover .mna-read {
    color: #000000;
  }
  .m-news-article .mna-artist-wrap + .mna-title-wrap {
    margin-top: 11.5px;
    display: inline-block;
  }
  .m-news-article .mna-read-wrap {
    margin-top: 11.1px;
    display: inline-block;
  }
  .m-news-article .mna-share {
    margin-top: 30px;
  }
}

@media all and (max-width: 767.5px) {
  .m-news-article .mna-info-wrap {
    position: relative;
    display: block;
  }
  .m-news-article .mna-cf:after {
    content: "";
    clear: both;
    display: block;
  }
  .m-news-article a {
    display: block;
  }
  .m-news-article .mna-artist {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1.5;
  }
  .m-news-article .mna-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    display: inline;
  }
  .m-news-article .mna-read {
    font-size: 14px;
    line-height: 1.7;
  }
  .m-news-article a.is-tap .mna-read {
    color: #000000;
  }
  .m-news-article .mna-thumb {
    background-color: #DDDDDD;
    position: relative;
    margin-top: 16.5px;
    overflow: hidden;
    width: 100%;
    padding-top: 67.1875%;
  }
  .m-news-article .mna-thumb > svg {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .m-news-article .mna-thumb > img {
    position: absolute;
    top: 0;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .m-news-article .mna-artist-wrap + .mna-title-wrap {
    margin-top: 12px;
    display: inline-block;
  }
  .m-news-article .mna-artisttitle + .mna-read-wrap {
    margin-top: 12px;
    display: inline-block;
  }
  .m-news-article .mna-thumb + .mna-read-wrap {
    margin-top: 15.1px;
    display: inline-block;
  }
  .m-news-article .mna-title-wrap + .mna-read-wrap {
    margin-top: 11.6px;
    display: inline-block;
  }
  .m-news-article .mna-share {
    margin-top: 15.1px;
    text-align: right;
  }
}

/* =====================================================================================================================
モジュール名：ニュース記事詳細
対象カテゴリ：画像関係
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-news-detail .mnd-hed-date {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-left: 18px;
    display: inline-block;
    line-height: 1.5;
  }
  .m-news-detail .mnd-hed-date .m-label-new {
    margin-right: 5px;
    font-weight: normal;
  }
  .m-news-detail .mnd-hed-date:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 6px;
    background-color: #FF0000;
  }
  .m-news-detail .mnd-title {
    font-size: 24px;
    line-height: 1.7;
    font-weight: bold;
  }
  .m-news-detail .mnd-title .m-label-new {
    font-weight: normal;
    margin-right: 10px;
  }
  .m-news-detail .mnd-read a img {
    display: inline-block;
    transition: opacity .1s;
  }
  .m-news-detail .mnd-read a:hover img {
    opacity: 0.5;
  }
  .m-news-detail .mnd-read span {
    display: inline-block;
    cursor:pointer;
  }
  .m-news-detail .mnd-read > .mnd-img-modal-trigger {
    cursor: pointer;
  }
  .m-news-detail .mnd-read > .mnd-img-modal-trigger img {
    transition: opacity 0.1s;
  }
  .m-news-detail .mnd-read > .mnd-img-modal-trigger:hover img {
    opacity: 0.5;
  }
  .m-news-detail .mnd-read img {
    max-width: 100%;
  }
  .m-news-detail .mnd-read {
    font-size: 16px;
    line-height: 1.7;
  }
  .m-news-detail .mnd-read > a {
    text-decoration: underline;
    position: relative;
    display: inline-block;
  }
  .m-news-detail .mnd-read > a:hover {
    color: #FF0000;
    text-decoration: none;
  }
  .m-news-detail .mnd-hed-date + .mnd-title {
    margin-top: 22.6px;
  }
  .m-news-detail .mnd-title + .mnd-read {
    margin-top: 25.3px;
  }
}

@media all and (max-width: 767.5px) {
  .m-news-detail .mnd-hed-date {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
  }
  .m-news-detail .mnd-hed-date .m-label-new {
    margin-right: 5px;
    font-weight: normal;
  }
  .m-news-detail .mnd-title {
    font-size: 18px;
    line-height: 1.7;
    font-weight: bold;
  }
  .m-news-detail .mnd-title .m-label-new {
    font-weight: normal;
    vertical-align: text-bottom;
    margin-right: 10px;
  }
  .m-news-detail .mnd-read img {
    max-width: 100%;
  }
  .m-news-detail .mnd-read a {
    display: inline-block;
    text-decoration: underline;
  }
  .m-news-detail .mnd-read a.is-tap {
    text-decoration: none;
  }
  .m-news-detail .mnd-read a.is-tap img {
    opacity: 0.5;
  }
  .m-news-detail .mnd-read {
    font-size: 15px;
    line-height: 1.7;
  }
  .m-news-detail .mnd-hed-date + .mnd-title {
    margin-top: 15.7px;
  }
  .m-news-detail .mnd-title + .mnd-read {
    margin-top: 18.45px;
  }
  .m-news-detail .mnd-read iframe {
    width: 100%;
  }
}

/* =====================================================================================================================
モジュール名： タイアップ記事
対象カテゴリ：タイアップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-article-tieup .mat-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
  }
  .m-article-tieup .mat-title-wrap {
    display: inline-block;
  }
  .m-article-tieup .mat-label {
    margin-top: 4.4px;
    display: block;
  }
  .m-article-tieup .mat-listening {
    display: flex;
    align-items: center;
    margin-top: 17.3px;
    line-height: 1;
    font-weight: bold;
  }
  .m-article-tieup .mat-listening > a {
    display: inline-flex;
    align-items: center;
    position: relative;
  }
  .m-article-tieup .mat-listening > a.is-active .cs-icon-listening-tieup {
    display: none;
  }
  .m-article-tieup .mat-listening > a .cs-icon-listening-tieup + span {
    margin-left: 0;
  }
  .m-article-tieup .mat-listening > a svg {
    -webkit-transform: rotate3d(0, 0, 1, -89.99deg);
    transform: rotate3d(0, 0, 1, -89.99deg);
  }
  .m-article-tieup .mat-listening > a.is-active svg {
    width: 20px;
    height: 20px;
  }
  .m-article-tieup .mat-listening > a > span {
    transition: color 0.1s;
  }
  .m-article-tieup .mat-listening > a:hover > span {
    color: #FF0000;
  }
  .m-article-tieup .mat-listening > a > .cs-icon-listening-tieup {
    transition: opacity 0.1s;
  }
  .m-article-tieup .mat-listening > a:hover > .cs-icon-listening-tieup {
    opacity: 0.5;
  }
  .m-article-tieup .mat-listening > a.nohover:hover {
    cursor: default;
  }
  .m-article-tieup .mat-listening > a.nohover:hover > span {
    cursor: default;
    color: #000000;
  }
  .m-article-tieup .mat-listening a + .mat-songname {
    margin-left: 7px;
  }
  .m-article-tieup .mat-listening > a.is-active.is-play:before {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    margin: auto;
  }
  .m-article-tieup .mat-listening > a.is-active:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #363636;
  }
  .m-article-tieup .mat-listening > a.is-active.is-play:after {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 11px;
    margin: auto;
    border: none;
  }
  .m-article-tieup .mat-listening > a.is-active.is-play.is-loading:before,
  .m-article-tieup .mat-listening > a.is-active.is-play.is-loading:after {
    display: none;
  }
  .m-article-tieup .mat-artist {
    font-weight: bold;
    display: flex;
    align-items: center;
  }
  .m-article-tieup .mat-artist > a {
    transition: color 0.1s;
  }
  .m-article-tieup .mat-artist > a:hover {
    color: #FF0000;
  }
  .m-article-tieup .mat-img {
    margin-top: 20px;
  }
  .m-article-tieup .mat-img a {
    display: inline-block;
    position: relative;
  }
  .m-article-tieup .mat-space {
    margin-left: 5px;
    margin-right: 5px;
    display: flex;
    align-items: center;
  }
  .m-article-tieup .mat-img a::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: 0.1s;
  }
  .m-article-tieup .mat-img a:hover::after {
    opacity: 1;
  }
  .m-article-tieup .mat-read + .mat-img,
  .m-article-tieup .mat-img + .mat-read {
    margin-top: 15.1px;
  }
  .m-article-tieup .mat-artist + .mat-read {
    margin-top: 9.5px;
  }
  .m-article-tieup .mat-read + .mat-read {
    margin-top: 10.2px;
  }
  .m-article-tieup .mat-read span {
    display: inline-block;
    cursor:pointer;
  }
  .m-article-tieup .mat-listening + .mat-read {
    margin-top: 15.1px;
  }
  .m-article-tieup .m-share-article {
    margin-top: 30px;
  }
  .m-article-tieup + .m-article-tieup {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
  }
  .m-article-tieup .mat-listening > a svg {
    display: none;
  }
  .m-article-tieup .mat-listening a.is-active .m-svg-loader {
    display: none !important;
  }
  .m-article-tieup .mat-listening a .m-svg-loader {
    position: absolute;
    width: 25px !important;
    height: 25px !important;
    left: -2px;
    top: -2px;
  }
  .m-article-tieup .mat-listening a.is-active.is-loading .m-svg-loader {
    display: block !important;
  }
  .m-article-tieup .mat-listening a.is-active svg {
    display: block;
  }
}

@media all and (max-width: 767.5px) {
  .m-article-tieup .m-share-article {
    text-align: right;
  }
  .m-article-tieup .mat-title {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2;
  }
  .m-article-tieup .mat-title-wrap {
    display: inline-block;
    font-size: 0;
  }
  .m-article-tieup .m-label-new + .mat-title {
    margin-left: 7px;
  }
  .m-article-tieup .mat-label {
    display: flex;
    margin-top: 10px;
  }
  .m-article-tieup .mat-listening {
    font-size: 15px;
    line-height: 1.3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 13.3px;
    font-weight: bold;
  }
  .m-article-tieup .mat-listening > a {
    display: inline-flex;
    align-items: center;
    position: relative;
  }
  .m-article-tieup .mat-listening > a > span {
    white-space: nowrap;
  }
  .m-article-tieup .mat-listening > a svg {
    -webkit-transform: rotate3d(0, 0, 1, -89.99deg);
    transform: rotate3d(0, 0, 1, -89.99deg);
  }
  .m-article-tieup .mat-listening > a.is-active svg {
    width: 32px;
    height: 32px;
  }
  .m-article-tieup .mat-listening > a .cs-icon-listening-tieup + span {
    margin-left: 0;
  }
  .m-article-tieup .mat-listening > a.is-active .cs-icon-listening-tieup {
    display: none;
  }
  .m-article-tieup .mat-listening > a.is-active .cs-icon-listening-tieup + span {
    display: inline;
  }
  .m-article-tieup a + .mat-songname {
    margin-left: 7px;
  }
  .m-article-tieup .mat-listening > a svg {
    display: none;
  }
  .m-article-tieup .mat-listening a.is-active svg {
    display: block;
  }
  .m-article-tieup .mat-listening > a.is-active.is-play:before {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    margin: auto;
  }
  .m-article-tieup .mat-listening > a.is-active:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 14px;
    margin: auto;
    border: 8px solid transparent;
    border-right-width: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #363636;
  }
  .m-article-tieup .mat-listening > a.is-active.is-play:after {
    content: "";
    width: 2px;
    height: 9px;
    background-color: #363636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    margin: auto;
    border: none;
  }
  .m-article-tieup .mat-artist {
    font-size: 15px;
    line-height: 1.3;
    font-weight: bold;
  }
  .m-article-tieup .mat-img {
    margin-top: 20px;
  }
  .m-article-tieup .mat-img img {
    width: 100%;
  }
  .m-article-tieup .mat-read {
    font-size: 12px;
    line-height: 1.5;
  }
  .m-article-tieup .mat-read iframe {
    width: 100%;
  }
  .m-article-tieup .mat-read + .mat-img,
  .m-article-tieup .mat-img + .mat-read {
    margin-top: 10.8px;
  }
  .m-article-tieup .mat-listening + .mat-artist {
    margin-top: 8.4px;
  }
  .m-article-tieup .mat-artist + .mat-read {
    margin-top: 8.55px;
  }
  .m-article-tieup .mat-listening + .mat-read {
    margin-top: 10.8px;
  }
  .m-article-tieup .mat-read + .mat-read {
    margin-top: 6.6px;
  }
  .m-article-tieup .m-share-article {
    margin-top: 20px;
  }
  .m-article-tieup + .m-article-tieup {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .m-article-tieup img {
    width: 100%;
    height: auto;
  }
  .m-article-tieup .mat-space {
    margin-left: 5px;
    margin-right: 5px;
  }
  .m-article-tieup .mat-listening a.is-active .m-svg-loader {
    display: none !important;
  }
  .m-article-tieup .mat-listening a .m-svg-loader {
    position: absolute;
    width: 40px !important;
    height: 40px !important;
    left: -4px;
    top: -4px;
  }
  .m-article-tieup .mat-listening a.is-active.is-loading .m-svg-loader {
    display: block !important;
  }
  .m-article-tieup .mat-listening > a.is-active.is-play.is-loading:before,
  .m-article-tieup .mat-listening > a.is-active.is-play.is-loading:after {
    display: none;
  }
}

/* =====================================================================================================================
モジュール名：アーティストライブ記事詳細
対象カテゴリ：画像関係
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-article-live.is-media .mal-title {
    font-size: 16px;
  }
  .m-article-live.is-media .mal-artist {
    line-height: 1;
  }
  .m-article-live .mal-title {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
  }
  .m-article-live.is-topmedia .mal-title {
    display: inline;
  }
  .m-article-live .mal-label {
    margin-top: 4.4px;
  }
  .m-article-live.is-topmedia .mal-label {
    display: block;
  }
  .m-article-live.is-topmedia .m-label-new + .mal-title {
    margin-left: 5px;
  }
  .m-article-live .mal-label-media {
    display: block;
    margin-top: 20px;
    line-height: 1;
  }
  .m-article-live .m-label-new {
    vertical-align: sub;
  }
  .m-article-live .mal-read {
    font-size: 14px;
    line-height: 1.7;
    color: #000000;
  }
  .m-article-live .mal-read .mal-schedule-date {
    font-weight: bold;
  }
  .m-article-live .mal-read .m-label-new {
    vertical-align: middle;
    margin-right: 5px;
  }
  .m-article-live .mal-read > a {
    text-decoration: underline;
    position: relative;
    display: inline-block;
  }
  .m-article-live .mal-read > a:hover {
    color: #FF0000;
    text-decoration: none;
  }
  .m-article-live .mal-read > span:first-child {
    display: inline-block;
    margin-top:0px;
  }

  .m-article-live .mal-read span {
    display: inline-block;
  }
  .m-article-live .mal-read > span {
    display: inline-block;
    margin-top: 14px;
  }
  .m-article-live .mal-read span {
    display: inline-block;
  }
  .m-article-live a img {
    transition: opacity .1s;
  }
  .m-article-live .mal-title-wrap {
    display: inline-block;
  }
  .m-article-live .mal-artist + .mal-title-wrap {
    margin-top: 20px;
  }
  .m-article-live .mal-artist {
    font-size: 18px;
    font-weight: bold;
  }
  .m-article-live .mal-label-media + .mal-title-wrap {
    margin-top: 10px;
    display: flex;
    align-items: center;
  }
  .m-article-live .mal-label-media + .mal-title-wrap .m-label-new {
    padding-top: 3px;
  }
  .m-article-live .mal-label-media + .mal-read,
  .m-article-live .mal-title-wrap + .mal-read {
    margin-top: 15.1px;
  }
  .m-article-live.is-topmedia .mal-label + .mal-read {
    margin-top: 10.1px;
  }
  .m-article-live .mal-label + .mal-read {
    margin-top: 15.1px;
  }
  .m-article-live .mal-read + .mal-read {
    margin-top: 15.2px;
  }
  .m-article-live .mal-read img {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .m-article-live .mal-read a {
    position: relative;
    display: inline-block;
    text-decoration: underline;
  }
  .m-article-live .mal-read a:hover {
    text-decoration: none;
  }
  .m-article-live .m-share-article {
    margin-top: 30px;
  }
  .m-article-live + .m-article-live {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
  }
  .m-article-live > a {
    display: block;
  }
  .m-article-live > a:hover {
    color: #FF0000;
    text-decoration: none;
  }
  .m-article-live > a .is-hoveropacity {
    transition: opacity .1s;
  }
  .m-article-live > a:hover .is-hoveropacity {
    opacity: 0.5;
  }
}

@media all and (max-width: 767.5px) {
  .m-article-live .mal-artist {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.111;
  }
  .m-article-live .mal-label-media + .mal-title-wrap {
    margin-top: 10px;
  }
  .m-article-live .mal-artist + .mal-title-wrap {
    margin-top: 10px;
  }
  .m-article-live .mal-artist + .mal-label-media {
    margin-top: 8.001px;
  }
  .m-article-live.is-topmedia .mal-artist + .mal-label-media {
    margin-top: 5.001px;
  }
  .m-article-live.is-media .mal-read {
    font-size: 12px;
  }
  .m-article-live .mal-read iframe {
    max-width: 100%;
  }
  .m-article-live.is-media .mal-title {
    font-size: 14px;
  }
  .m-article-live .mal-title {
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    display: inline;
    vertical-align: middle;
  }
  .m-article-live .mal-label {
    line-height: 1;
    display: block;
    margin-top: 10px;
  }
  .m-article-live span + span {
    margin-left: 8px;
  }
  .m-article-live .mal-label-media {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin-top: 10px;
  }
  .m-article-live .mal-read {
    font-size: 14px;
    line-height: 1.7;
    color: #000000;
  }
  .m-article-live .mal-read .mal-schedule-date {
    font-weight: bold;
  }
  .m-article-live .mal-read img {
    max-width: 100%;
    height: auto;
  }
  .m-article-live .mal-read a {
    position: relative;
    display: inline-block;
    text-decoration: underline;
  }
  .m-article-live .mal-read a.is-tap {
    text-decoration: none;
  }
  .m-article-live .mal-label-media + .mal-read,
  .m-article-live .mal-label + .mal-read,
  .m-article-live .mal-title-wrap + .mal-read {
    margin-top: 10.1px;
  }
  .m-article-live .mal-read + .mal-read {
    margin-top: 10.2px;
  }
  .m-article-live .m-share-article {
    margin-top: 20px;
  }
  .m-article-live + .m-article-live {
    margin-top: 20px;
    padding-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #D6D6D6;
  }
  .m-article-live .m-share-article {
    text-align: right;
  }
  .m-article-live > a {
    display: block;
  }
}

/* =====================================================================================================================
モジュール名：画像中央寄せボックス
対象カテゴリ：画像関係
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-imagecenter-box {
    width: 220px;
    height: 220px;
    background-color: #EEEEEE;
    position: relative;
    overflow: hidden;
  }
  .m-imagecenter-box > span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    border: solid 1px #eeeeee;
    background-color:  #eeeeee;
  }
  .m-imagecenter-box > svg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@media all and (max-width: 767.5px) {
  .m-imagecenter-box {
    border: #EEEEEE;
    position: relative;
    overflow: hidden;
  }
  .m-imagecenter-box > span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 100%;
    position: relative;
    z-index: 1;
    background-color:#eeeeee;
    border: solid 1px #eeeeee;
  }
  .m-imagecenter-box > svg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
  }
  .m-imagecenter-box.no-blur-sp > svg {
    display: none;
  }
}

/* =====================================================================================================================
モジュール名：画像中央寄せボックス(背景灰色)
対象カテゴリ：画像関係
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-imagecenter-boxbg {
    width: 220px;
    height: 220px;
    background-color: #EEEEEE;
    position: relative;
    overflow: hidden;
  }
  .m-imagecenter-boxbg img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: solid 1px #EEEEEE;
  }
}

@media all and (max-width: 767.5px) {
  .m-imagecenter-boxbg {
    border: #EEEEEE;
    background-color: #EEEEEE;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 100%;
    position: relative;
  }
  .m-imagecenter-boxbg img {
    max-width: 100%;
    max-height: 100%;
    border: solid 1px #EEEEEE;
    background-color:#eeeeee;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .m-imagecenter-boxbg svg {
    position: absolute;
  }
}

/* =====================================================================================================================
モジュール名：SNSブロック
対象カテゴリ：画像関係
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-sns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .m-list-sns > li {
    width: 505px;
  }
  .m-list-sns > li:nth-child(n+3) {
    margin-top: 60px;
  }
  .m-list-sns .mls-timeline {
    width: 505px;
    height: 400px;
    overflow: hidden;
    border: 1px solid #D6D6D6;
  }
  .m-list-sns .mls-hed {
    display: flex;
  }
  .m-list-sns .mhs-btn {
    margin-top: 54px;
    margin-left: 20px;
  }
  .m-list-sns .mhs-btn > iframe {
    transition: opacity .1s;
  }
  .m-list-sns .mhs-btn > iframe:hover {
    opacity: .5;
  }
  .m-list-sns .mls-timeline + .mls-hed {
    margin-top: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-sns > li + li {
    margin-top: 30px;
  }
  .m-list-sns .mls-timeline {
    width: 100%;
    height: 355px;
    overflow: hidden;
    border: 1px solid #D6D6D6;
  }
  .m-list-sns .mls-timeline {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .m-list-sns .mls-timeline + .mls-hed {
    margin-top: 20px;
  }
  .m-list-sns .fb_iframe_widget, .m-list-sns .fb_iframe_widget span,
  .m-list-sns .fb_iframe_widget iframe[style] {
    width: 100% !important;
  }
  .m-list-sns .mls-hed {
    position: relative;
  }
  .m-list-sns .mhs-btn {
    position: absolute;
    top: 70px;
    left: 105px;
  }
}

@media all and (max-width: 360px) {
  .m-hed-sns .mhs-icon {
    width: 60px;
    height: 85px;
  }
  .m-list-sns .mhs-btn {
    top: 65px;
    left: 70px;
  }
}

/* =====================================================================================================================
モジュール名：アーティストトップブロック
対象カテゴリ：アーティストトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-block-artisttop {
    background-color: #000000;
    border-radius: 10px;
    color: #FFFFFF;
    padding: 30px;
  }
  .m-block-artisttop .mba-title {
    font-size: 18px;
    line-height: 1.5;
    position: relative;
    padding-left: 20px;
  }
  .m-block-artisttop .mba-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 3px;
    background-color: #FF0000;
  }
  .m-block-artisttop .mba-en-title {
    color: #FF0000;
    font-size: 18px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: 1.1px;
    letter-spacing: 4px;
    display: block;
  }
  .m-block-artisttop .mba-date {
    font-size: 12px;
    line-height: 1;
    margin-top: 20px;
  }
  .m-block-artisttop .mba-data {
    font-size: 12px;
    color: #AAAAAA;
    margin-top: 15px;
    flex: 1;
    transition: color 0.1s;
  }
  .m-block-artisttop .mba-imginfo-wrap {
    display: flex;
  }
  .m-block-artisttop .mba-info {
    margin-left: 30px;
    flex: 1;
    display: flex;
    flex-flow: column;
  }
  .m-block-artisttop .mba-btn {
    display: flex;
    justify-content: left;
    margin-top: auto;
  }
  .m-block-artisttop .mba-btn a + a {
    margin-left: 10px;
  }
  .m-block-artisttop .mba-read {
    margin-top: 30px;
  }
  .m-block-artisttop .mba-read a {
    color: #FFFFFF;
    display: inline-block;
    cursor: pointer;
    width: 100%;
  }
  .m-block-artisttop a {
    color: #FFFFFF;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .m-block-artisttop a:hover {
    color: #FFFFFF;
  }
  .m-block-artisttop a .mba-en-title,
  .m-block-artisttop a .mba-title {
    transition: opacity 0.1s;
  }
  .m-block-artisttop a:hover .mba-en-title,
  .m-block-artisttop a:hover .mba-title {
    opacity: 0.5;
  }
  .m-block-artisttop a > img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .m-block-artisttop a.mba-img {
    transition: opacity 0.1s;
  }
  .m-block-artisttop a.mba-img:hover {
    opacity: 0.5;
  }
  .m-block-artisttop .mba-img {
    width: 220px;
    height: 220px;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .m-block-artisttop .mba-img img {
    display: block;
    max-width: 220px;
    max-height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
  }
}

@media all and (max-width: 767.5px) {
  .m-block-artisttop {
    background-color: #1B1B1B;
    color: #FFFFFF;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
  }
  .m-block-artisttop .mba-title {
    font-size: 18px;
    line-height: 1.3;
    position: relative;
  }
  .m-block-artisttop .mba-en-title {
    color: #FF0000;
    font-size: 14px;
    font-family: "Avant Garde Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: -0.4px;
    letter-spacing: 4px;
    display: block;
  }
  .m-block-artisttop .mba-date {
    font-size: 12px;
    line-height: 1;
    margin-top: 20px;
  }
  .m-block-artisttop .mba-data {
    font-size: 12px;
    color: #AAAAAA;
    margin-top: 15px;
  }
  .m-block-artisttop .mba-img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .m-block-artisttop .mba-img img {
    border: #EEEEEE;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .m-block-artisttop .mba-read a {
    color: #FFFFFF;
    display: inline-block;
    cursor: pointer;
  }
  .m-block-artisttop .mba-info a {
    color: #FFFFFF;
  }
  .m-block-artisttop .mba-info a.is-block {
    display: block;
  }
  .m-block-artisttop .mba-info {
    margin-top: 25px;
    text-align: center;
  }
  .m-block-artisttop .mba-btn {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .m-block-artisttop .m-btn-disco + .m-btn-disco {
    margin-top: 10px;
  }
  .m-block-artisttop a.m-btn-disco {
    width: 100%;
  }
  .m-block-artisttop .mba-read {
    margin-top: 30px;
  }
  .m-block-artisttop .mba-imginfo-wrap .mba-read > a > p {
    color: #FFFFFF;
  }
  .m-block-artisttop .m-imagecenter-box {
    width: 210px;
    height: 210px;
  }
  .m-block-artisttop a.is-tap .mba-en-title,
  .m-block-artisttop a.is-tap .mba-title {
    opacity: .5;
  }
}

/* =====================================================================================================================
モジュール名：ニューリリースリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-newrelease {
    line-height: 1.5;
  }
  .m-list-newrelease > li > a {
    transition: none;
  }
  .m-list-newrelease > li > a > * {
    transition-property: color,opacity;
    transition-duration: .1s;
  }
  .m-list-newrelease > li > a {
    display: block;
    transition: none;
  }
  .m-list-newrelease > li > a:hover > .mln-thumb {
    opacity: .5;
  }
  .m-list-newrelease > li > a > .mln-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 11px;
    word-break: break-word;
    display: block;
    margin-right: 5px;
  }
  .m-list-newrelease > li > a > .mln-title > span {
    word-break: break-word;
  }
  .m-list-newrelease > li > a > .mln-title > .m-label-new {
    font-weight: normal;
    margin-right: 5px;
    vertical-align: middle;
  }
  .m-list-newrelease > li > a > .m-label-category {
    margin-top: 4.5px;
  }
  .m-list-newrelease > li > a > .mln-artist {
    font-size: 14px;
    font-weight: bold;
    margin-top: 4.5px;
  }
  .m-list-newrelease > li > a > .mln-info {
    font-size: 12px;
    margin-top: 13.5px;
    color: #000000;
  }
  .m-list-newrelease > li > a:hover > .mln-info {
    color: #000000;
  }
  .m-list-newrelease > li > a > .mln-label {
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
    border: 1px solid #FF0000;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px;
    margin-top: 7px;
    background-color: #FFFFFF;
    transition: opacity .1s;
  }
  .m-list-newrelease > li > a:hover > .mln-label {
    opacity: 0.5;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-newrelease {
    line-height: 1.5;
  }
  .m-list-newrelease > li > a > .mln-title {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3333;
    margin-top: 7.50025px;
    word-break: break-word;
  }
  .m-list-newrelease > li > a > .mln-title > .m-label-new {
    font-weight: normal;
    margin-right: 5px;
  }
  .m-list-newrelease > li > a > .mln-title > span {
    word-break: break-word;
    vertical-align: middle;
  }
  .m-list-newrelease > li > a > .mln-title > span:first-child {
    margin-right: 10px;
  }
  .m-list-newrelease > li > a > .mln-title > .m-label-new + span {
    margin-right: 10px;
  }
  .m-list-newrelease > li > a > .m-label-category {
    margin-top: 7.50025px;
  }
  .m-list-newrelease > li > a > .mln-artist {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.38462;
    margin-top: 5.00025px;
  }
  .m-list-newrelease > li > a > .mln-info {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 3.75px;
  }
  .m-list-newrelease > li > a.is-tap > .mln-info {
    color: #000000;
  }
  .g-col-abcd.m-list-newrelease > * + * {
    margin-top: 20px;
  }
  .m-list-newrelease.is-spscroll {
    display: flex;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .m-list-newrelease::-webkit-scrollbar {
    display: none !important;
  }
  .m-list-newrelease.is-spscroll > li {
    width: 187px;
    min-width: 187px;
    margin-top: 0;
  }
  .m-list-newrelease.is-spscroll > li + li {
    width: 187px;
    margin-top: 0;
    margin-left: 30px;
  }
  .m-list-newrelease.is-spscroll .mlp-title {
    font-size: 14px;
    font-weight: normal;
    word-break: break-word;
  }
  .m-list-newrelease > li > a > .mln-label {
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
    border: 1px solid #FF0000;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px;
    margin-top: 7px;
    background-color: #FFFFFF;
  }
  .m-list-newrelease > li > a.is-tap > .mln-label {
    opacity: 0.5;
  }
}

/* =====================================================================================================================
モジュール名：ニューリリースB(アーティスト名が先)
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-newrelease-b {
    line-height: 1.5;
  }
  .m-list-newrelease-b > li > a {
    transition: none;
  }
  .m-list-newrelease-b > li > a > * {
    transition-property: color,opacity;
    transition-duration: .1s;
  }
  .m-list-newrelease-b > li > a {
    display: block;
    transition: none;
  }
  .m-list-newrelease-b > li > a:hover > .mln-thumb {
    opacity: .5;
  }
  .m-list-newrelease-b > li > a > .mln-artist {
    font-size: 16px;
    font-weight: bold;
    margin-top: 11px;
    word-break: break-word;
    display: block;
    margin-right: 5px;
  }
  .m-list-newrelease-b > li > a > .mln-artist > span {
    word-break: break-word;
  }
  .m-list-newrelease-b > li > a > .mln-artist > .m-label-new {
    font-weight: normal;
    margin-right: 5px;
    vertical-align: middle;
  }
  .m-list-newrelease-b > li > a > .m-label-category {
    margin-top: 4.5px;
  }
  .m-list-newrelease-b > li > a > .mln-title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 4.5px;
  }
  .m-list-newrelease-b > li > a > .mln-info {
    font-size: 12px;
    margin-top: 13.5px;
    color: #000000;
  }
  .m-list-newrelease-b > li > a:hover > .mln-info {
    color: #000000;
  }
  .m-list-newrelease-b > li > a > .mln-label {
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
    border: 1px solid #FF0000;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px;
    margin-top: 7px;
    background-color: #FFFFFF;
    transition: opacity .1s;
  }
  .m-list-newrelease-b > li > a:hover > .mln-label {
    opacity: 0.5;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-newrelease-b {
    line-height: 1.5;
  }
  .m-list-newrelease-b > li > a > .mln-artist {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3333;
    margin-top: 7.50025px;
    word-break: break-word;
  }
  .m-list-newrelease-b > li > a > .mln-artist > .m-label-new {
    font-weight: normal;
    margin-right: 5px;
  }
  .m-list-newrelease-b > li > a > .mln-artist > span {
    word-break: break-word;
    vertical-align: middle;
  }
  .m-list-newrelease-b > li > a > .mln-artist > span:first-child {
    margin-right: 10px;
  }
  .m-list-newrelease-b > li > a > .mln-artist > .m-label-new + span {
    margin-right: 10px;
  }
  .m-list-newrelease-b > li > a > .m-label-category {
    margin-top: 7.50025px;
  }
  .m-list-newrelease-b > li > a > .mln-title {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.38462;
    margin-top: 5.00025px;
  }
  .m-list-newrelease-b > li > a > .mln-info {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 3.75px;
  }
  .m-list-newrelease-b > li > a.is-tap > .mln-info {
    color: #000000;
  }
  .g-col-abcd.m-list-newrelease-b > * + * {
    margin-top: 20px;
  }
  .m-list-newrelease-b.is-spscroll {
    display: flex;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .m-list-newrelease-b::-webkit-scrollbar {
    display: none !important;
  }
  .m-list-newrelease-b.is-spscroll > li {
    width: 187px;
    min-width: 187px;
    margin-top: 0;
  }
  .m-list-newrelease-b.is-spscroll > li + li {
    width: 187px;
    margin-top: 0;
    margin-left: 30px;
  }
  .m-list-newrelease-b.is-spscroll .mlp-title {
    font-size: 14px;
    font-weight: normal;
    word-break: break-word;
  }
  .m-list-newrelease-b > li > a > .mln-label {
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
    border: 1px solid #FF0000;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px;
    margin-top: 7px;
    background-color: #FFFFFF;
  }
  .m-list-newrelease-b > li > a.is-tap > .mln-label {
    opacity: 0.5;
  }
}

/* =====================================================================================================================
モジュール名：ディスコグラフィーリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-discography {
    line-height: 1.5;
  }
  .m-list-discography a {
    transition: none;
  }
  .m-list-discography a > * {
    transition-property: color, opacity;
    transition-duration: .1s;
  }
  .m-list-discography a:hover > .mld-thumb {
    opacity: .5;
  }
  .m-list-discography .mld-title {
    font-size: 16px;
    font-weight: bold;
    word-break: break-word;
    display: block;
  }
  .l-discography-relation .m-link-bold > .m-label-new,
  .m-list-discography .mld-title > .m-label-new {
    font-weight: normal;
    margin-right: 5px;
    vertical-align: middle;
  }
  .m-list-discography .mld-title-wrap {
    margin-top: 11px;
    display: block;
  }
  .m-list-discography .m-label-category {
    margin-top: 4.5px;
  }
  .m-list-discography .mld-artist {
    font-size: 14px;
    font-weight: bold;
    margin-top: 4.5px;
  }
  .m-list-discography .mld-info {
    font-size: 12px;
    margin-top: 13.5px;
    color: #000000;
  }
  .m-list-discography .mld-right {
    margin-top: 10px;
  }
  .m-list-discography .mld-label {
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
    border: 1px solid #FF0000;
    border-radius: 3px;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px;
    margin-top: 7px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-discography {
    line-height: 1.5;
  }
  .m-list-discography .m-imagecenter-boxbg {
    width: 110px;
    height: 110px;
  }
  .m-list-discography a {
    display: flex;
  }
  .m-list-discography .mld-right {
    margin-left: 15px;
    flex: 1;
  }
  .l-discography-relation .m-link-bold > .m-label-new,
  .m-list-discography .mld-title > .m-label-new {
    font-weight: normal;
    margin-right: 5px;
  }
  .m-list-discography .mld-title-wrap {
    margin-top: -2.25px;
  }
  .m-list-discography .mld-title {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    word-break: break-word;
    display: block;
  }
  .m-list-discography .m-label-category {
    margin-top: 7.75px;
  }
  .m-list-discography .mld-artist {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 8.05px;
  }
  .m-list-discography .mld-info {
    font-size: 12px;
    line-height: 1.3;
    margin-top: 6.25px;
    color: #000000;
  }
  .m-list-discography.is-bgsp .mld-info {
    color: #FFFFFF;
  }
  .g-col-abcd.m-list-discography > * + * {
    margin-top: 20px;
  }
}

/* =====================================================================================================================
モジュール名：プレイリストリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-playlist {
    line-height: 1.5;
  }
  .m-list-playlist > li > a {
    transition: none;
  }
  .m-list-playlist > li > a > * {
    transition-property: color,opacity;
    transition-duration: .1s;
  }
  .m-list-playlist > li > a:hover > .mlp-thumb {
    opacity: .5;
  }
  .m-list-playlist > li > a:hover > * {
    color: #FF0000;
  }
  .m-list-playlist .mlp-info {
    margin-top: 11px;
  }
  .m-list-playlist .mlp-title {
    font-size: 16px;
    font-weight: bold;
    display: inline;
    line-height: 1.5;
    word-break: break-word;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-playlist {
    line-height: 1.5;
  }
  .m-list-playlist > li + li {
    margin-top: 17.50025px;
  }
  .m-list-playlist .mlp-info {
    margin-top: 11px;
  }
  .m-list-playlist .mlp-title {
    font-size: 15px;
    font-weight: bold;
    display: inline;
    line-height: 1.3333;
  }
  .m-list-playlist.is-spscroll {
    display: flex;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .m-list-playlist::-webkit-scrollbar {
    height: 0;
    display: none !important;
  }
  .m-list-playlist.is-spscroll > li {
    width: 187px;
    min-width: 187px;
    margin-top: 0;
  }
  .m-list-playlist.is-spscroll > li + li {
    width: 187px;
    margin-top: 0;
    margin-left: 30px;
  }
  .m-list-playlist.is-spscroll .mlp-title {
    font-size: 14px;
    font-weight: normal;
    word-break: break-word;
  }
}

/* =====================================================================================================================
モジュール名：ジャンルリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-genre {
    line-height: 1.5;
  }
  .m-list-genre > li > a {
    transition: none;
  }
  .m-list-genre > li > a > * {
    transition-property: color,opacity;
    transition-duration: .1s;
  }
  .m-list-genre > li > a:hover > .mlg-thumb {
    opacity: .5;
  }
  .m-list-genre > li > a:hover > * {
    color: #FF0000;
  }
  .m-list-genre > li > a > .mlg-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 11px;
    word-break: break-word;
  }
  .m-list-genre > li > a > .mlg-title > span {
    word-break: break-word;
    display: block;
  }
  .m-list-genre > li > a > .mlg-title > .m-label-category {
    display: inline-block;
    margin-top: 4.5px;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-genre {
    line-height: 1.5;
  }
  .m-list-genre > li > a > .mlg-title {
    font-size: 15px;
    font-weight: bold;
    padding-left: 15px;
    word-break: break-word;
  }
  .m-list-genre > li > a > .mlg-title > span {
    word-break: break-word;
    display: block;
  }
  .m-list-genre > li > a {
    display: flex;
  }
  .g-col-abcd.m-list-genre > * + * {
    margin-top: 20px;
  }
  .m-list-genre .m-imagecenter-boxbg {
    height: 110px;
    width: 110px;
  }
  .m-list-genre .m-imagecenter-box > img {
    height: 110px;
    width: 110px;
  }
  .m-list-genre > li > a > .mlg-title > .m-label-category {
    display: inline-block;
    margin-top: 4.5px;
  }
}

/* =====================================================================================================================
モジュール名：イメージリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-imglink {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .m-list-imglink > li {
    width: 505px;
  }
  .m-list-imglink > li:nth-child(n+3) {
    margin-top: 40px;
  }
  .m-list-imglink .mli-wrap {
    display: flex;
    transition: none;
  }
  .m-list-imglink .mli-img {
    width: 240px;
    height: 100px;
    border: 1px solid #D6D6D6;
    position: relative;
  }
  .m-list-imglink .mli-text {
    margin-left: 20px;
    flex: 1;
  }
  .m-list-imglink .mli-main {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
  }
  .m-list-imglink .mli-sub {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 5px;
  }
  .m-list-imglink img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .m-list-imglink a .mli-img {
    transition: opacity .1s;
  }
  .m-list-imglink a .mli-text {
    transition: color .1s;
  }
  .m-list-imglink a:hover .mli-img {
    opacity: .5;
  }
  .m-list-imglink a:hover .mli-text {
    color: #FF0000;
  }
  .m-list-imglink a .mli-main:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    pointer-events: none;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-imglink {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -35px;
  }
  .m-list-imglink > li {
    width: 100%;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
  }
  .m-list-imglink .mli-wrap {
    display: flex;
  }
  .m-list-imglink .mli-wrap img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .m-list-imglink .mli-img {
    min-width: 160px;
    height: 72px;
    border: 1px solid #D6D6D6;
    position: relative;
    flex: 1;
  }
  .m-list-imglink .mli-text {
    margin-left: 10px;
    flex: 1;
  }
  .m-list-imglink .mli-main {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
  }
  .m-list-imglink .mli-sub {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px;
  }
  .m-list-imglink img {
    width: 160px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .m-list-imglink a .mli-main {
    position: relative;
    padding-left: 15px;
  }
  .m-list-imglink a .mli-main:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom-width: 0;
    border-left-width: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 8px;
  }
}

/* =====================================================================================================================
モジュール名：インプットフォームリスト
対象カテゴリ：フォームリスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-forminput {
    font-size: 14px;
    margin-top: -30px;
  }
  .m-list-forminput > div {
    display: flex;
    margin-top: 30px;
  }
  .m-list-forminput dt {
    font-weight: bold;
    width: 190px;
    padding-top: 6px;
  }
  .m-list-forminput.is-mailmagazine dt {
    padding-top: 14px;
  }
  .m-list-forminput.is-mailmagazine .mlf-attention dt {
    padding-top: 0;
  }
  .m-list-forminput dd {
    flex: 1;
    margin-left: 25px;
  }
  .m-list-forminput .mlr-note {
    font-size: 12px;
    line-height: 1.2;
    color: #484848;
    margin-top: 7.8px;
  }
  .m-list-forminput .mlr-subtext {
    line-height: 1;
    margin-top: 7.1px;
  }
  .m-list-forminput .mlr-agree {
    border: solid 1px #D6D6D6;
    height: 100px;
    padding: 20px;
    overflow: auto;
  }
  .m-list-forminput .mlr-checkbox {
    margin-top: 20px;
    display: inline-block;
  }
  .m-list-forminput .mlr-radio {
    display: inline-block;
  }
  .m-list-forminput .mlr-radio + .mlr-radio {
    margin-left: 45px;
  }
  .m-list-forminput > .mlf-attention {
    display: flex;
    height: 32px;
    align-items: center;
    margin-top: 30px;
  }
  .m-list-forminput > .mlf-attention > dt {
    width: 105px;
    padding-top: 0;
    font-weight: bold;
    position: relative;
  }
  .m-list-forminput > .mlf-attention > dt:after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #CCCCCC;
    position: absolute;
    right: 0;
    top: -4px;
  }
  .m-list-forminput > .mlf-attention > dd {
    margin-top: 0;
    margin-left: 25px;
  }
  .m-list-forminput .mlr-validate {
    margin-top: 10px;
    color: #FF0000;
    line-height: 1.2;
    display: none;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-forminput {
    font-size: 14px;
    margin-top: -30px;
  }
  .m-list-forminput > div {
    margin-top: 25.1px;
  }
  .m-list-forminput dt {
    font-weight: bold;
  }
  .m-list-forminput dd {
    margin-top: 5.1px;
  }
  .m-list-forminput .mlf-attention dd {
    margin-top: 0;
  }
  .m-list-forminput .mlr-note {
    font-size: 12px;
    line-height: 1.2;
    color: #484848;
    margin-top: 5.8px;
  }
  .m-list-forminput .mlr-subtext {
    margin-top: 5.1px;
  }
  .m-list-forminput .mlr-agree {
    border: solid 1px #D6D6D6;
    height: 150px;
    padding: 10px;
    overflow: auto;
  }
  .m-list-forminput .mlr-checkbox {
    margin-top: 15px;
    display: inline-block;
  }
  .m-list-forminput .mlr-radio {
    display: inline-block;
  }
  .m-list-forminput .mlr-radio + .mlr-radio {
    margin-left: 25px;
  }
  .m-list-forminput .mlr-validate {
    margin-top: 8.6px;
    color: #FF0000;
    line-height: 1.2;
    display: none;
  }
}

/* =====================================================================================================================
モジュール名：テキストフォーム
対象カテゴリ：フォーム
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-form-input {
    border: 0;
    padding: 8px;
    border: solid 1px #D6D6D6;
    width: 300px;
  }
  .m-form-input.is-name {
    width: 360px;
  }
  .m-form-input.is-age {
    width: 90px;
  }
  .m-form-input.is-age + span {
    margin-left: 5px;
  }
  .m-form-input.is-tel {
    width: 250px;
  }
  .m-form-input.is-mail {
    width: 360px;
  }
  .m-form-input.is-mailmagazine {
    width: 480px;
    height: 50px;
    padding: 16px;
  }
  .m-form-input.is-error,
  .is-error .m-form-input {
    background-color: #FFE8E8;
  }
}

@media all and (max-width: 767.5px) {
  .m-form-input {
    border: 0;
    padding: 8px;
    border: solid 1px #D6D6D6;
    width: 100%;
  }
  .m-form-input.is-name {
    max-width: 360px;
  }
  .m-form-input.is-age {
    width: 70px;
  }
  .m-form-input.is-age + span {
    margin-left: 5px;
  }
  .m-form-input.is-tel {
    max-width: 360px;
  }
  .m-form-input.is-mail {
    max-width: 360px;
  }
  .m-form-input.is-error,
  .is-error .m-form-input {
    background-color: #FFE8E8;
  }
  .m-form-input.is-mailmagazine {
    padding: 12px;
  }
}

/* =====================================================================================================================
モジュール名：ラジオボタン
対象カテゴリ：フォーム
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-form-radio {
    display: none;
  }
  .m-form-radio + .mfr-icon + span {
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
  }
  .m-form-radio + .mfr-icon {
    position: relative;
    vertical-align: middle;
    border: solid 1px #D6D6D6;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
  }
  .m-form-radio:checked + .mfr-icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #000000;
  }
}

@media all and (max-width: 767.5px) {
  .m-form-radio {
    display: none;
  }
  .m-form-radio + .mfr-icon + span {
    vertical-align: middle;
    margin-left: 4px;
    display: inline-block;
  }
  .m-form-radio + .mfr-icon {
    position: relative;
    vertical-align: middle;
    border: solid 1px #D6D6D6;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    display: inline-block;
  }
  .m-form-radio:checked + .mfr-icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #000000;
  }
}

/* =====================================================================================================================
モジュール名：チェックボックス
対象カテゴリ：フォーム
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-form-checkbox {
    display: none;
  }
  .mlr-checkbox .mfc-icon + span {
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
  }
  .mlr-checkbox .mfc-icon {
    position: relative;
    vertical-align: middle;
    border: solid 1px #D6D6D6;
    height: 20px;
    width: 20px;
    display: inline-block;
    cursor: pointer;
  }
  .mlr-checkbox.is-checked > .mfc-icon:before,
  .m-form-checkbox:checked + .mfc-icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 5px;
    width: 7px;
    height: 10px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
  }
  .m-form-checkbox.is-error + .mfc-icon,
  .is-error .m-form-checkbox + .mfc-icon {
    background-color: #FFE8E8;
  }
}

@media all and (max-width: 767.5px) {
  .m-form-checkbox {
    display: none;
  }
  .mlr-checkbox .mfc-icon + span {
    vertical-align: middle;
    margin-left: 4px;
    display: inline-block;
  }
  .mlr-checkbox .mfc-icon {
    position: relative;
    vertical-align: middle;
    border: solid 1px #D6D6D6;
    height: 20px;
    width: 20px;
    display: inline-block;
  }
  .mlr-checkbox.is-checked > .mfc-icon:before,
  .m-form-checkbox:checked + .mfc-icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 5px;
    width: 7px;
    height: 10px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
  }
  .is-error .m-form-checkbox + .mfc-icon,
  .m-form-checkbox.is-error + .mfc-icon {
    background-color: #FFE8E8;
  }
}

/* =====================================================================================================================
モジュール名：テキストエリア
対象カテゴリ：フォーム
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-form-textarea {
    width: 100%;
    resize: none;
    height: 132px;
    border: solid 1px #D6D6D6;
    padding: 8px;
  }
  .m-form-textarea.is-error,
  .is-error .m-form-textarea {
    background-color: #FFE8E8;
  }
}

@media all and (max-width: 767.5px) {
  .m-form-textarea {
    width: 100%;
    resize: none;
    border: solid 1px #D6D6D6;
    padding: 8px;
    height: 132px;
  }
  .m-form-textarea.is-error,
  .is-error .m-form-textarea {
    background-color: #FFE8E8;
  }
}

/* =====================================================================================================================
モジュール名：テキストエリア
対象カテゴリ：フォーム
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-flow-registration {
    background-color: #EEEEEE;
    padding: 40px 60px;
    line-height: 1.4;
  }
  .m-flow-registration .m-list-flow {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
  }
  .m-flow-registration .m-list-flow > li {
    width: 250px;
    background-color: #FFFFFF;
    padding: 25px 40px;
    position: relative;
  }
  .m-flow-registration .m-list-flow .m-title-flow {
    display: inline-block;
    width: 100%;
    font-size: 28px;
    line-height: 1;
    color: #B7B6B6;
    text-align: center;
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  .m-flow-registration .m-list-flow .m-read-flow > span {
    display: inline-block;
    text-align: center;
    line-height: 1;
    width: 100%;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    padding-top: 20px;
    margin-bottom: 15px;
    border-top: solid 1px #CCCCCC;
  }
  .m-flow-registration .m-list-flow > li + li:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-top: solid 3px #000000;
    border-right: solid 3px #000000;
    position: absolute;
    top: 50%;
    left: -50px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

@media all and (max-width: 767.5px) {
  .m-flow-registration {
    background-color: #EEEEEE;
    padding: 28px 18px;
  }
  .m-flow-registration .m-list-flow {
    margin-top: 20px;
  }
  .m-flow-registration .m-list-flow > li {
    background-color: #FFFFFF;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1.4;
  }
  .m-flow-registration .m-list-flow .m-title-flow {
    font-family: "Futura Std Medium", "Century Gothic", "Avant Garde Gothic", "Futura-Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1;
    color: #B7B6B6;
    font-size: 21px;
    width: 100px;
    padding-left: 20px;
    padding-right: 15px;
  }
  .m-flow-registration .m-list-flow .m-read-flow {
    padding: 8px 20px 8px 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-left: solid 1px #CCCCCC;
    flex: 1;
  }
  .m-flow-registration .m-list-flow .m-read-flow > span {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 4.4px;
  }
  .m-flow-registration .m-list-flow > li + li {
    margin-top: 30px;
  }
  .m-flow-registration .m-list-flow > li + li:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    position: absolute;
    top: -23px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
  }
  .m-form-artistmail dt {
    font-weight: normal;
  }
}

/* =====================================================================================================================
モジュール名：マイアーティストメールフォーム
対象カテゴリ：フォーム
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-form-artistmail .m-list-forminput > div {
    display: block;
  }
  .m-form-artistmail dt {
    width: 100%;
    font-weight: normal;
    padding-top: 0;
  }
  .m-form-artistmail .m-list-forminput dd {
    margin-left: 0;
    display: flex;
    margin-top: 15.1px;
  }
  .m-form-artistmail .m-list-forminput .m-btn-submit {
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 0;
    width: 160px;
  }
  .m-form-artistmail .m-list-forminput .m-btn-submit > input {
    width: 160px;
  }
  .m-form-artistmail .m-list-forminput > .mlf-attention {
    display: flex;
    height: 32px;
    align-items: center;
    margin-top: 30px;
  }
  .m-form-artistmail .m-list-forminput > .mlf-attention > dt {
    width: 105px;
    padding-top: 0;
    font-weight: bold;
    position: relative;
  }
  .m-form-artistmail .m-list-forminput > .mlf-attention > dt:after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #CCCCCC;
    position: absolute;
    right: 0;
    top: -4px;
  }
  .m-form-artistmail .m-list-forminput > .mlf-attention > dd {
    margin-top: 0;
    margin-left: 25px;
  }
  .m-form-artistmail .mfa-formatinput {
    padding-top: 30px;
  }
}

@media all and (max-width: 767.5px) {
  .m-form-artistmail .m-btn-submit {
    margin-top: 15px;
  }
  .m-form-artistmail .m-list-forminput > .mlf-attention {
    margin-top: 20px;
  }
  .m-form-artistmail .m-list-forminput > .mlf-attention > dt {
    font-weight: bold;
  }
  .m-form-artistmail .m-list-forminput dd {
    margin-top: 10.1px;
  }
  .m-form-artistmail .m-list-forminput .mlf-attention dd {
    margin-top: 0;
  }
  .m-form-artistmail .mfa-formatinput {
    padding-top: 25px;
  }
}

/* =====================================================================================================================
モジュール名：チェックボックス
対象カテゴリ：フォーム
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-content-checkbox {
    padding-top: 35.1px;
    padding-bottom: 35.1px;
    padding-left: 60px;
    padding-right: 60px;
    border: solid 1px #CCCCCC;
  }
  .m-content-checkbox.is-pcborder {
    padding: 0;
    border: none;
  }
  .m-content-checkbox.is-pcborder {
    padding: 0;
    border: none;
  }
  .m-content-checkbox .is-bold {
    font-weight: bold;
  }
  .m-content-checkbox.is-pcborder .mlc-list {
    margin-top: 0;
    padding-top: 35.1px;
    padding-bottom: 35.1px;
    padding-left: 60px;
    padding-right: 60px;
    border: solid 1px #CCCCCC;
  }
  .m-content-checkbox .mlc-list {
    display: flex;
    margin-top: 25.1px;
  }
  .m-content-checkbox .mlc-list li + li {
    margin-left: 70px;
  }
  .m-content-checkbox .mlc-list.is-noclick .mlr-checkbox .mfc-icon + span,
  .m-content-checkbox .mlc-list.is-noclick .mlr-checkbox .mfc-icon {
    cursor: auto;
  }
  .m-content-checkbox + .mlr-validate {
    margin-top: 10px;
    color: #FF0000;
    line-height: 1.2;
    display: none;
  }
}

@media all and (max-width: 767.5px) {
  .m-content-checkbox {
    padding: 25px 20px;
    padding-top: 20.1px;
    border: solid 1px #CCCCCC;
  }
  .m-content-checkbox .is-bold {
    font-weight: bold;
  }
  .m-content-checkbox .mlc-list {
    margin-top: 10.2px;
  }
  .m-content-checkbox .mlc-list > li + li {
    margin-top: 10.2px;
  }
  .m-content-checkbox + .mlr-validate {
    margin-top: 8.6px;
    color: #FF0000;
    line-height: 1.2;
    display: none;
  }
}

/* =====================================================================================================================
モジュール名：モーダル
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-modal-react {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
  .m-modal-react > .mmr-overlay {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .m-modal-react .mmr-btn-close {
    cursor: pointer;
    background-color: #000000;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .m-modal-react .mmr-btn-close::before,
  .m-modal-react .mmr-btn-close::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .m-modal-react .mmr-btn-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .m-modal-react .mmr-btn-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .m-modal-react > .mmr-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
  }
  .m-modal-react.discography-modal > .mmr-content {
    max-width: 560px;
    width: 82.8125%;
  }
  .m-modal-react.discography-modal .mmr-content-inner {
    height: calc(100vh - 200px);
  }
  .m-modal-react.discography-modal .mmr-content-inner .discography-iframe {
    width: 100%;
    height: 100%;
  }
}

@media all and (max-width: 767.5px) {
  .m-modal-react {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
  .m-modal-react > .mmr-overlay {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .m-modal-react .mmr-btn-close {
    cursor: pointer;
    background-color: #000000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .m-modal-react .mmr-btn-close::before,
  .m-modal-react .mmr-btn-close::after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .m-modal-react .mmr-btn-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .m-modal-react .mmr-btn-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .m-modal-react > .mmr-content {
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: auto;
  }
  .m-modal-react.discography-modal > .mmr-content {
    max-width: 320px;
    width: 82.8125%;
  }
  .m-modal-react.discography-modal .mmr-content-inner {
    height: calc(100vh - 60px);
  }
  .m-modal-react.discography-modal .mmr-content-inner .discography-iframe {
    width: 100%;
    height: 100%;
  }
}

/* =====================================================================================================================
モジュール名：モーダル(iframe用)
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-modal-iframereact {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
  .m-modal-iframereact > .mmr-overlay {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .m-modal-iframereact .mmr-btn-close {
    cursor: pointer;
    background-color: #000000;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .m-modal-iframereact .mmr-btn-close::before,
  .m-modal-iframereact .mmr-btn-close::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .m-modal-iframereact .mmr-btn-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .m-modal-iframereact .mmr-btn-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .m-modal-iframereact > .mmr-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
  }
  .m-modal-iframereact.discography-modal > .mmr-content {
    max-width: 560px;
    width: 82.8125%;
    max-height: 90%;
    background-color: #FFFFFF;
  }
  .m-modal-iframereact.discography-modal .mmr-content-inner {
    height: 100%;
  }
  .m-modal-iframereact.discography-modal .mmr-content-inner .discography-iframe {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}

@media all and (max-width: 767.5px) {
  .m-modal-iframereact {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
  .m-modal-iframereact > .mmr-overlay {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .m-modal-iframereact .mmr-btn-close {
    cursor: pointer;
    background-color: #000000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    z-index:999;
  }
  .m-modal-iframereact .mmr-btn-close::before,
  .m-modal-iframereact .mmr-btn-close::after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .m-modal-iframereact .mmr-btn-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .m-modal-iframereact .mmr-btn-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .m-modal-iframereact > .mmr-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
  }
  .m-modal-iframereact.discography-modal > .mmr-content {
    max-width: 320px;
    width: 82.8125%;
    max-height: 80%;
    background-color: #FFFFFF;
  }
  .m-modal-iframereact.discography-modal .mmr-content-inner {
    height: 100%;
  }
  .m-modal-iframereact.discography-modal .mmr-content-inner .discography-iframe {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}

/* =====================================================================================================================
モジュール名：モーダル(iframe用)
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-modal-imagereact {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
  .m-modal-imagereact > .mmr-overlay {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .m-modal-imagereact .mmr-btn-close {
    cursor: pointer;
    background-color: #000000;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .m-modal-imagereact .mmr-btn-close::before,
  .m-modal-imagereact .mmr-btn-close::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .m-modal-imagereact .mmr-btn-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .m-modal-imagereact .mmr-btn-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .m-modal-imagereact > .mmr-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
  }
  .m-modal-imagereact > .mmr-content > .mmr-content-inner img {
    max-width: 100%;
    height: auto;
  }
}

@media all and (max-width: 767.5px) {
  .m-modal-imagereact {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
  }
  .m-modal-imagereact > .mmr-overlay {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .m-modal-imagereact .mmr-btn-close {
    cursor: pointer;
    background-color: #000000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .m-modal-imagereact .mmr-btn-close::before,
  .m-modal-imagereact .mmr-btn-close::after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .m-modal-imagereact .mmr-btn-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .m-modal-imagereact .mmr-btn-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .m-modal-imagereact > .mmr-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
  }
  .m-modal-imagereact > .mmr-content > .mmr-content-inner img {
    max-width: 100%;
    height: auto;
  }
}

/* =====================================================================================================================
モジュール名：視聴モーダル
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-modal-listening {
    background-color: #FFFFFF;
    padding-top: 25px;
  }
  .m-modal-listening .mml-rl-wrap {
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
  }
  .m-modal-listening a:hover {
    color: #FF0000;
  }
  .m-modal-listening .mml-img {
    display: flex;
    width: 130px;
    height: 130px;
  }
  .m-modal-listening img {
    max-width: 100%;
    max-height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #eeeeee;
  }
  .m-modal-listening .mml-info {
    flex: 1;
    margin-left: 20px;
    margin-top: -5.6px;
  }
  .m-modal-listening .mml-title {
    font-size: 16px;
    font-weight: bold;
  }
  .m-modal-listening .mml-artist {
    font-size: 12px;
    line-height: 1.3;
    font-weight: bold;
    margin-top: 0.6px;
  }
  .m-modal-listening .mml-inforead {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4.2px;
  }
  .m-modal-listening .mml-indicator {
    margin-top: 25px;
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 0;
  }
  .m-modal-listening .mml-btn {
    margin-right: 20px;
  }
  .m-modal-listening .mml-controller {
    width: 100%;
    padding-top: 10px;
  }
  .m-modal-listening .mml-timeline {
    display: flex;
    align-items: center;
  }
  .m-modal-listening .mml-line {
    height: 11px;
    position: relative;
    flex: 1;
    cursor: pointer;
  }
  .m-modal-listening .mml-line::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000000;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .m-modal-listening .mml-line > .mml-line-control {
    display: block;
    width: 25px;
    height: 25px;
    background-color: #FF0000;
    border-radius: 50%;
    position: absolute;
    left: -12.5px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: col-resize;
  }
  .m-modal-listening .mml-time {
    font-size: 12px;
    margin-left: 20px;
  }
  .m-modal-listening .mml-line > span {
    display: block;
    background-color: #FF0000;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .m-modal-listening .mml-controller-sub {
    display: inline-flex;
    margin-top: 20px;
  }
  .m-modal-listening .mml-volume {
    margin-left: 20px;
    display: inline-flex;
  }
  .m-modal-listening .mml-reverse {
    cursor: pointer;
    transition: opacity .1s;
    margin-top: -1px;
  }
  .m-modal-listening .mml-reverse:hover {
    opacity: 0.5;
  }
  .m-modal-listening .mml-volume .mml-volume-seek {
    margin-left: 17px;
    margin-right: 17px;
    width: 85px;
    position: relative;
    cursor: pointer;
  }
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-current {
    cursor: pointer;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #000000;
    position: absolute;
    top: 50%;
    left: calc(50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .m-modal-listening .mml-volume .mml-volume-seek::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #8A8A8A;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-off,
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-max {
    cursor: pointer;
  }
  .m-modal-listening .mml-read {
    margin-top: 15px;
    font-size: 10px;
    line-height: 1.4;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
    color: #666666;
  }
  .m-modal-listening .mml-read a {
    color: #666666;
    text-decoration: underline;
  }
  .m-modal-listening .mml-more {
    font-size: 10px;
  }
}

@media all and (max-width: 767.5px) {
  .m-modal-listening {
    background-color: #FFFFFF;
    padding-top: 15px;
  }
  .m-modal-listening a {
    transition: color .1s;
  }
  .m-modal-listening a:hover {
    color: #FF0000;
  }
  .m-modal-listening .mml-rl-wrap {
    display: flex;
    margin-left: 25px;
    margin-right: 25px;
  }
  .m-modal-listening .mml-img {
    width: 130px;
    height: 130px;
    text-align: center;
    min-width: 130px;
  }
  .m-modal-listening img {
    max-width: 130px;
    max-height: 130px;
  }
  .m-modal-listening .mml-info {
    flex: 1;
    margin-left: 20px;
    margin-top: -5.6px;
  }
  .m-modal-listening .mml-title {
    font-size: 16px;
    font-weight: bold;
  }
  .m-modal-listening .mml-artist {
    font-size: 12px;
    line-height: 1.3;
    font-weight: bold;
    margin-top: 0.6px;
  }
  .m-modal-listening .mml-inforead {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4.2px;
  }
  .m-modal-listening .mml-indicator {
    margin-top: 11px;
    display: flex;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 0;
  }
  .m-modal-listening .mml-btn {
    margin-right: 20px;
  }
  .m-modal-listening .mml-controller {
    width: 100%;
    padding-top: 10px;
  }
  .m-modal-listening .mml-timeline {
    display: flex;
    align-items: center;
  }
  .m-modal-listening .mml-line {
    height: 11px;
    position: relative;
    flex: 1;
    cursor: pointer;
  }
  .m-modal-listening .mml-line::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000000;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .m-modal-listening .mml-line > .mml-line-control {
    display: block;
    width: 25px;
    height: 25px;
    background-color: #FF0000;
    border-radius: 50%;
    position: absolute;
    left: -12.5px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: col-resize;
  }
  .m-modal-listening .mml-time {
    font-size: 12px;
    margin-left: 20px;
  }
  .m-modal-listening .mml-line > span {
    display: block;
    background-color: #FF0000;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .m-modal-listening .mml-controller-sub {
    display: inline-flex;
    margin-top: 20px;
  }
  .m-modal-listening .mml-volume {
    margin-left: 20px;
    display: inline-flex;
  }
  .m-modal-listening .mml-reverse {
    cursor: pointer;
    transition: opacity .1s;
    margin-top: -1px;
  }
  .m-modal-listening .mml-reverse:hover {
    opacity: 0.5;
  }
  .m-modal-listening .mml-volume .mml-volume-seek {
    margin-left: 17px;
    margin-right: 17px;
    width: 85px;
    position: relative;
    cursor: pointer;
  }
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-current {
    cursor: pointer;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #000000;
    position: absolute;
    top: 50%;
    left: calc(50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .m-modal-listening .mml-volume .mml-volume-seek::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #8A8A8A;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-off,
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-max {
    cursor: pointer;
  }
  .m-modal-listening .mml-read {
    margin-top: 20px;
    font-size: 10px;
    line-height: 1.4;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
    color: #666666;
  }
  .m-modal-listening .mml-read a {
    color: #666666;
    text-decoration: underline;
  }
  .m-modal-listening .mml-more {
    font-size: 10px;
  }
}

/* =====================================================================================================================
モジュール名：モーダル
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .bcplayer-video-container {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }
}

@media all and (max-width: 767.5px) {
  .bcplayer-video-container {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }
}

/* =====================================================================================================================
モジュール名：視聴モーダル
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-listening-modal {
    display: block;
  }
  .m-listening-modal.m-modal-react.discography-modal .mmr-content-inner {
    max-height: 312px;
    max-width: 500px;
  }
  .m-listening-modal.m-modal-react.discography-modal > .mmr-content {
    max-width: 500px;
  }
}

@media all and (max-width: 767.5px) {
  .m-listening-modal {
    display: none;
  }
}

/* =====================================================================================================================
モジュール名：バナーカテゴリ
対象カテゴリ：カテゴリ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-banner-category {
    max-width: 1050px;
    text-align: center;
  }
  .m-banner-category img {
    max-width: 1050px;
  }
  .m-banner-category a {
    display: inline-block;
    transition: opacity 0.1s;
  }
  .m-banner-category a:hover {
    opacity: 0.7;
  }
}

@media all and (max-width: 767.5px) {
  .m-banner-category {
    width: 100%;
    max-width: 710px;
    text-align: center;
  }
  .m-banner-category img {
    width: 100%;
    max-width: 710px;
  }
  .m-banner-category a {
    display: inline-block;
    transition: opacity 0.1s;
  }
}

/* =====================================================================================================================
モジュール名：free html area
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (max-width: 767.5px) {
  .m-space-facebook {
    text-align: center;
  }
  .m-space-facebook .fb-page iframe {
    display: inline-block !important;
  }
}

/* =====================================================================================================================
状態
対象カテゴリ：ALL
===================================================================================================================== */
/* 文字間を狭める */
.text-tracking-narrow {
  letter-spacing: -1px;
}

/* =====================================================================================================================
ホームバナー非表示
対象カテゴリ：ALL
===================================================================================================================== */
.m-banner-header {
  display: none;
  height: 0 !important;
}

/* =====================================================================================================================
レイアウト名：アーティスト配下以外のページレイアウト
対象カテゴリ：アーティスト以外
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-noartist-page .l-header-page {
    margin-top: 50px;
  }
  .l-noartist-page > .l-auxiliary-page + .l-header-page {
    margin-top: 40px;
  }
  .l-noartist-page > .l-header-page + .l-content-page {
    margin-top: 40px;
  }
  .l-noartist-page + .l-bottomshare-page {
    margin-top: 60px;
  }
  .l-noartist-page + script + .m-footer-site {
    margin-top: 60px;
  }
  .l-noartist-page + .l-bottomshare-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 30px;
  }
  .l-noartist-page > .l-header-page + .l-menusub-page {
    margin-top: 40px;
  }
  .l-noartist-page > .l-menusort-page + .l-menudate-page,
  .l-noartist-page > .l-menusub-page + .l-menusort-page {
    margin-top: 30px;
  }
  .l-noartist-page > .l-content-page {
    margin-top: 40px;
  }
  .l-noartist-page > .l-header-page + .l-menusort-page {
    margin-top: 40px;
  }
  .l-noartist-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 80px;
  }
}

@media all and (max-width: 767.5px) {
  .l-noartist-page > .l-auxiliary-page + .l-header-page {
    margin-top: 12px;
  }
  .l-noartist-page > .l-auxiliary-page + .l-header-page.is-large {
    margin-top: 50px;
  }
  .l-noartist-page > .l-content-page {
    margin-top: 30px;
  }
  .l-noartist-page > .l-header-page + .l-content-page {
    margin-top: 30px;
  }
  .l-noartist-page + .l-bottomshare-page {
    margin-top: 40px;
  }
  .l-noartist-page + script + .m-footer-site {
    margin-top: 40px;
  }
  .l-noartist-page + .l-bottomshare-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 70px;
  }
  .l-noartist-page > .l-header-page + .l-menusub-page {
    margin-top: 25px;
  }
  .l-noartist-page > .l-menusort-page + .l-menudate-page {
    margin-top: 20px;
  }
  .l-noartist-page > .l-header-page + .l-menusort-page {
    margin-top: 40px;
  }
  .l-noartist-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 70px;
  }
  .l-noartist-page .l-content-page {
    -webkit-tap-highlight-color:transparent;
  }
}

/* =====================================================================================================================
レイアウト名：アーティスト配下ページレイアウト
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-artist-page > .l-auxiliary-page + .l-menusub-page {
    margin-top: 20px;
  }
  .l-artist-page > .l-menusub-page + .l-header-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-menusub-page + .l-menusort-page {
    margin-top: 20px;
  }
  .l-artist-page > .l-auxiliary-page + .l-header-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-header-page + .l-menusort-page {
    margin-top: 40px;
  }
  .l-artist-page .l-content-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-header-page + .l-content-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-menusort-page + .l-index-page {
    margin-top: 60px;
  }
  .l-artist-page > .l-menusort-page + .l-content-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-index-page + .l-content-page {
    margin-top: 70px;
  }
  .l-artist-page + .l-bottomshare-page {
    margin-top: 60px;
  }
  .l-artist-page + script + .m-footer-site {
    margin-top: 60px;
  }
  .l-artist-page + .l-bottomshare-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 30px;
  }
  .l-artist-page + .l-recommend-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 100px;
  }
  .l-artist-page .l-auxiliary-page + .l-menusort-page {
    margin-top: 20px;
  }
  .l-artist-page .l-menusort-page + .l-header-page {
    margin-top: 40px;
    /*20181030追加--start--*/
    display: flex;
    /*20181030追加--end--*/
  }

  /*20181030追加--start--*/
  .l-playlistdetail-page .l-header-page {
    display: flex;
  }
  /*20181030追加--end--*/

  /*20181030追加--start--*/
  .l-artist-page .l-menusort-page + .l-header-page .m-hed-page {
   margin-right: auto;
  }
  .l-playlistdetail-page .l-header-page .right.m-dn-sp,
  .l-artist-page .l-menusort-page + .l-header-page .m-hed-page + .right.m-dn-sp {
   margin-top: auto;
   padding-bottom: 8px;
  }
  /*20181030追加--end--*/

  .l-fixture-page > .l-artist-kv {
    width: auto;
    padding: 0;
  }
  .l-artist-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 60px;
  }
  .l-notfound-page {
    margin-bottom: 80px;
  }
}

@media all and (max-width: 767.5px) {
  .l-artist-page > .l-auxiliary-page + .l-menusub-page.m-dn-sp + .l-header-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-auxiliary-page + .l-header-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-header-page + .l-menusort-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-menusort-page .l-content-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-header-page + .l-content-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-menusort-page + .l-index-page {
    margin-top: 40px;
  }
  .l-artist-page > .l-index-page + .l-content-page {
    margin-top: 40px;
  }
  .l-artist-page .l-menusort-page + .l-content-page {
    margin-top: 40px;
  }
  .l-artist-page .l-content-page + .l-content-page {
    margin-top: 40px;
  }
  .l-artist-page + .l-bottomshare-page {
    margin-top: 60px;
  }
  .l-artist-page + script + .m-footer-site {
    margin-top: 60px;
  }
  .l-artist-page + .l-bottomshare-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 70px;
    padding-bottom: 1px;
  }
  .l-artist-page + .l-bottomshare-page + .l-scroll-top + script + .m-footer-site .m-menu-hamburger,
  .l-artist-page + .l-bottomshare-page + .l-recommend-page + .l-scroll-top + script + .m-footer-site .m-menu-hamburger {
    display: none;
  }
  .l-fixture-page > .l-menusort-page,
  .l-fixture-page > .l-menusub-page {
    padding-left: 0;
    padding-right: 0;
  }
  /*20181030追加--start--*/
  .linkListPage .l-fixture-page > .l-menusort-page {
    display: none;
  }
  /*20181030追加--end--*/
  .l-artist-page .l-menusort-page + .l-header-page {
    margin-top: 40px;
  }
  .l-artist-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 70px;
  }
  .l-artist-page + .l-recommend-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 70px;
  }
  .l-artist-page .l-content-page {
    -webkit-tap-highlight-color:transparent;
  }
}

/* =====================================================================================================================
レイアウト名：アーティストリストのレイアウト
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-artistlist-page > .l-index-page + .l-content-page {
    margin-top: 0;
  }
  .l-artistlist-page .l-list-artist {
    padding-top: 70px;
  }
  .l-list-artist + .l-list-artist {
    margin-top: 75.1px;
    padding-top: 80px;
    border-top: 1px solid #D6D6D6;
  }
  .l-list-artist .m-hed-artist-list {
    margin-bottom: 35.1px;
  }
}

@media all and (max-width: 767.5px) {
  .l-artistlist-page > .l-index-page + .l-content-page {
    margin-top: 0;
  }
  .l-artistlist-page .l-list-artist {
    padding-top: 70px;
  }
  .l-list-artist + .l-list-artist {
    margin-top: 65.1px;
    padding-top: 70px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-list-artist .m-hed-artist-list {
    margin-bottom: 30.1px;
  }
}

/* =====================================================================================================================
レイアウト名：コンテンツ幅レイアウト
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-fixture-page {
    min-width: 1200px;
  }
  .l-fixture-page > * {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
  }
}

@media all and (max-width: 767.5px) {
  .l-fixture-page > * {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* =====================================================================================================================
レイアウト名：ぱんくず＆SHAREボタンレイアウト（ヘッダー下）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-auxiliary-page {
    display: flex;
  }
  .l-auxiliary-page > .lap-list-breadcrumb {
    padding-top: 27.5px;
    font-size: 10px;
    width: 100%;
  }
  .l-auxiliary-page > .lap-list-share {
    padding-top: 20px;
    padding-left: 20px;
    white-space: nowrap;
    text-align: right;
  }
}

@media all and (max-width: 767.5px) {
  .l-auxiliary-page {
    overflow: hidden;
    white-space: nowrap;
  }
  .l-auxiliary-page > .lap-list-breadcrumb {
    display: none;
  }
  .l-auxiliary-page > .lap-list-share {
    padding-top: 10px;
    text-align: right;
  }
  /*20181030追加--start--*/
  .linkListPage .l-auxiliary-page > .lap-list-share {
    display: none;
  }
  /*20181030追加--end--*/

}

/* =====================================================================================================================
レイアウト名：ページしたシェアボタンレイアウト
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-bottomshare-page {
    text-align: right;
  }
}

@media all and (max-width: 767.5px) {
  .l-bottomshare-page {
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
  }
}

/* =====================================================================================================================
レイアウト名：アーティスト索引ページレイアウト
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-indexselect-page {
    margin-top: 40px;
  }
  .l-index-page .lip-link {
    margin-top: 40px;
    text-align: right;
  }
  .l-menusort-page + .l-indexselect-page {
    margin-top: 40px;
  }
  .l-indexselect-page + .l-index-page {
    margin-top: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .l-indexselect-page {
    margin-top: 30px;
  }
  .l-index-page .lip-link {
    margin-top: 30px;
    text-align: right;
  }
  .l-menusort-page + .l-indexselect-page {
    margin-top: 30px;
  }
  .l-indexselect-page + .l-index-page {
    margin-top: 30px;
  }
}

/* =====================================================================================================================
レイアウト名：アーティストプロフィールのレイアウト
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-artistprofile-page .l-auxiliary-page + .l-menusort-page {
    margin-top: 30px;
  }
  .l-artistprofile-page .l-menusort-page + .l-header-page {
    margin-top: 80px;
  }
  .l-artistprofile-page * + .m-hed-subpage {
    margin-top: 40px;
  }
  .l-artistprofile-page .m-hed-subpage + .m-read-default {
    margin-top: 20px;
  }
}

@media all and (max-width: 767.5px) {
  .l-artistprofile-page .l-menusort-page + .l-header-page {
    margin-top: 20px;
    padding-top: 40px;
    border-top: 1px solid #D6D6D6;
  }
  .l-artistprofile-page + .l-bottomshare-page {
    padding-top: 20px;
    border-top: 1px solid #D6D6D6;
    margin-top: 40px;
  }
  .l-artistprofile-page * + .m-hed-subpage {
    margin-top: 40px;
  }
  .l-artistprofile-page .m-hed-subpage + .m-read-default {
    margin-top: 20px;
  }
  .l-artistprofile-page .l-auxiliary-page > .lap-list-share {
    padding-top: 20px;
  }
}

/* =====================================================================================================================
レイアウト名：アーティストトップ
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-artisttop-page .l-auxiliary-page + .l-menusort-page {
    margin-top: 30px;
  }
  .l-artisttop-page .l-menusort-page + .l-header-page {
    margin-top: 80px;
  }
  .l-artisttop-page .l-menusort-page + .l-header-page {
    margin-top: 80px;
  }
  .l-artisttop-page .l-head-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 60px;
  }
  .l-artisttop-page .l-head-content .right {
    display: flex;
  }
  .l-artisttop-page .l-discographylist-top {
    margin-top: 40px;
  }
  .l-artisttop-page .l-listpackage-wrap {
    margin-top: 40px;
  }
  .l-artisttop-page .m-link-icon + .m-btn-link-top {
    margin-left: 30px;
    position: relative;
  }
  .l-artisttop-page .m-link-icon + .m-btn-link-top:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: -17px;
    top: 0;
    background-color: #AAAAAA;
  }
  .l-artisttop-page .l-news-artisttop {
    margin-top: 40px;
  }
  .l-artisttop-page .l-video-artisttop {
    margin-top: 30px;
  }
  .l-artisttop-page .l-video-artisttop > .view-timer,
  .l-artisttop-page .l-video-artisttop > hr {
    width: 420px;
  }
  .l-artisttop-page .l-banner-artisttop {
    margin-top: 60px;
  }
  .l-artisttop-page .l-newrlist-page {
    padding-top: 40px;
  }
  .l-artisttop-page .l-playlist-container {
    margin-top: 40px;
  }
  .l-artisttop-page .l-wrap-contents {
    display: flex;
    justify-content: space-between;
  }
  .l-artisttop-page .l-wrap-contents .right,
  .l-artisttop-page .l-wrap-contents .left {
    width: 505px;
  }
  .l-artisttop-page .l-wrap-contents .l-video-artisttop {
    text-align: center;
  }
  .l-artisttop-page .l-video-container hr {
    display: none;
  }
  .l-artisttop-page .l-video-container {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .l-artisttop-page .l-video-container div {
    width: 50%;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 0;
  }
  .l-artisttop-page .l-video-container div p {
    font-size: 14px;
    min-height: 23px;
  }
  .l-artisttop-page .l-space-page {
    margin-top: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .l-artisttop-page .l-menusort-page + .l-header-page {
    margin-top: 20px;
    padding-top: 40px;
    border-top: 1px solid #D6D6D6;
  }
  .l-artisttop-page + .l-bottomshare-page {
    padding-top: 20px;
    border-top: 1px solid #D6D6D6;
    margin-top: 40px;
  }
  .l-artisttop-page .l-menusort-page + .l-content-page {
    margin-top: 20px;
  }
  .l-artisttop-page .l-auxiliary-page > .lap-list-share {
    padding-top: 20px;
  }
  .l-artisttop-page .l-head-content {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .l-artisttop-page.l-recommend-page .l-head-content:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  .l-artisttop-page .l-listpackage-wrap + .l-head-content {
    margin-top: 0;
    border: none;
  }
  .l-artisttop-page .l-discographylist-top {
    margin-top: 20px;
  }
  .m-block-artisttop {
    background-color: #1B1B1B;
    padding-bottom: 20px;
  }
  .l-artisttop-page .l-btn-sp {
    margin-top: 30px;
  }

  /*20181030追加--start--*/
  .l-content-page .m-news-detail + .l-btn-sp {
    margin-top: 30px;
    padding-bottom: 10px;
  }
  /*20181030追加--end--*/

  .l-artisttop-page .l-btn-sp a + a {
    margin-top: 20px;
  }
  .l-artisttop-page .l-news-artisttop {
    margin-top: 20px;
  }
  .l-artisttop-page .l-video-artisttop {
    margin-top: 20px;
  }
  .l-artisttop-page .l-video-artisttop iframe {
    width: 100%;
    height: auto;
  }
  .l-artisttop-page .l-newrlist-page {
    padding-top: 20px;
  }
  .l-artisttop-page .l-banner-artisttop {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .l-artisttop-page .l-video-container {
    margin-top: -20px;
  }
  .l-artisttop-page .l-video-container div {
    padding-top: 20px;
    text-align: center;
  }
  .l-artisttop-page .l-space-page {
    margin-top: 30px;
  }
}

/* =====================================================================================================================
レイアウト名：アーティストカテゴリ
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-artistcatalog-page.l-fixture-page > .l-content-page {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .l-artistcatalog-page .l-content-center {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
  }
  .l-bottomshare-page + .l-recommend-page {
    background-color: #f1f1f1;
    padding-top: 60px;
    padding-bottom: 60px;
    min-width: 1200px;
  }
  .l-bottomshare-page + .l-recommend-page > * {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
  }
  .l-bottomshare-page + .l-recommend-page .l-head-content .right {
    display: flex;
    align-items: center;
  }
}

@media all and (max-width: 767.5px) {
  .l-bottomshare-page + .l-recommend-page {
    background-color: #f1f1f1;
    padding-top: 30px;
    margin-top: 30px;
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
  }
  .l-bottomshare-page + .l-recommend-page .l-head-content {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

/* =====================================================================================================================
レイアウト名：ビデオページ
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-videotop-page {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .l-videolist-page {
    margin-top: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .l-videolist-page {
    margin-top: 20px;
  }
  .l-videolinksp-page {
    margin-top: 25.8px;
  }
}

/* =====================================================================================================================
レイアウト名：ライブ・イベントページ
対象カテゴリ：ライブ/イベント
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-event-page > .l-auxiliary-page + .l-header-page {
    margin-top: 40px;
  }
  .l-event-page > .l-menudate-page {
    margin-top: 40px;
  }
  .l-event-page > .l-menudate-page + .l-menusort-page {
    margin-top: 30px;
  }
  .l-event-page > .l-content-page {
    margin-top: 40px;
  }
  .l-event-page .l-event-article {
    padding-top: 30px;
    padding-top: 24.4px;
    padding-bottom: 30px;
    border-top: 1px solid #D6D6D6;
  }
  .l-event-page .l-event-article + .l-heddate-page {
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
  }
  .l-event-page .l-heddate-page + .l-event-article {
    border-top: none;
  }
  .l-event-article .m-hed-artist-list {
    margin-bottom: 35.1px;
  }
  .l-event-page + .l-bottomshare-page {
    margin-top: 30px;
  }
  .l-event-page + .l-bottomshare-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 30px;
  }
}

@media all and (max-width: 767.5px) {
  .l-event-page > .l-auxiliary-page + .l-header-page {
    margin-top: 40px;
  }
  .l-event-page > .l-menudate-page {
    margin-top: 40px;
  }
  .l-event-page > .l-menudate-page + .l-menusort-page {
    margin-top: 20px;
  }
  .l-event-page > .l-content-page {
    margin-top: 30px;
  }
  .l-event-page .l-event-article {
    border-bottom: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding: 20px 10px;
  }
  .l-event-page .l-event-article + .l-heddate-page {
    padding-top: 20px;
  }
  .l-event-page .l-heddate-page + .l-event-article {
    border-top: none;
  }
  .l-event-article .m-hed-artist-list {
    margin-bottom: 35.1px;
  }
  .l-event-page + .l-bottomshare-page {
    margin-top: 50px;
  }
  .l-event-page + .l-bottomshare-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 70px;
  }
}

/* =====================================================================================================================
レイアウト名：ニューリリースページレイアウト
対象カテゴリ：ニューリリース
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-newrdate-page {
    line-height: 1;
  }
  .l-newrdate-page + .l-newrhead-page {
    margin-top: 25px;
  }
  .l-newrhead-page + .l-newrlist-page {
    margin-top: 40px;
  }
  .l-newrdate-page + .l-newrlist-page {
    margin-top: 30px;
  }
  .l-newrlist-page + .l-newrhead-page {
    margin-top: 40px;
  }
  .l-newrlist-page + .l-newrdate-page {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #D6D6D6;
  }
  .l-newrlist-page + .l-newrhead-page {
    margin-top: 60px;
  }
}

@media all and (max-width: 767.5px) {
  .l-newdate-page {
    line-height: 1;
  }
  .l-newrdate-page + .l-newrhead-page {
    margin-top: 15px;
  }
  .l-newrhead-page + .l-newrlist-page {
    margin-top: 20px;
  }
  .l-newrdate-page + .l-newrlist-page {
    margin-top: 20px;
  }
  .l-newrlist-page + .l-newrhead-page {
    margin-top: 30px;
    padding-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
    border-top: 1px solid #D6D6D6;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-newrlist-page + .l-newrdate-page {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-newrelease-page + .l-bottomshare-page {
    margin-top: 20px;
  }
}

/* =====================================================================================================================
レイアウト名：スクロールトップレイアウト
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-scroll-top {
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index: 5;
    display: none;
  }
}

@media all and (max-width: 767.5px) {
  .l-scroll-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 5;
    display: none;
  }
  .l-scroll-top.is-static {
    position: relative;
    bottom: -10px;
  }
  .l-scroll-top.is-static > .m-scroll-top {
    position: absolute;
    right: 0;
  }
  .is-menu-artist .l-scroll-top {
    bottom: 95px;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .is-menu-artist .l-scroll-top.is-static {
    padding-bottom: 0;
  }

  /*20181030追加--start--*/
  .is-menu-artist.linkListPage .l-scroll-top {
    bottom: 10px;
  }
  .is-menu-artist.linkListPage .l-scroll-top.is-static {
    bottom: -10px;
  }
  /*20181030追加--end--*/

  .is-menu-artist .l-scroll-top.is-static > .m-scroll-top {
    top: 115px;
  }
  .is-menu-artist .l-bottomshare-page + .l-scroll-top.is-static > .m-scroll-top {
    top: 105px;
  }
  .is-menu-artist .l-recommend-page + .l-scroll-top.is-static {
    top: 0;
    bottom: 0;
  }
  .is-menu-artist .l-recommend-page + .l-scroll-top.is-static .m-scroll-top {
    top: -60px;
  }

  /*20181030追加--start--*/
  .linkListPage .m-scroll-top {
    display: none;
  }
  .linkListPage .l-scroll-top.is-static .m-scroll-top {
    top: -71px;
  }
  /*20181030追加--end--*/

}

/* =====================================================================================================================
レイアウト名：ジャンル
対象カテゴリ：ジャンル
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-genre-page .l-banner-page {
    margin-top: 40px;
  }
  .l-genre-page .l-newrbtn-page {
    margin-top: 40px;
  }
  .l-genre-page .l-newrbtn-page > .m-btn-large {
    margin: auto;
  }
  .l-genre-page .l-list-page {
    margin-top: 40px;
  }
  .l-genre-page .l-newrbtn-page + .l-newrhead-page {
    margin-top: 60px;
  }
  .l-genre-page .m-banner-category + .l-newrhead-page {
    margin-top: 40px;
  }
  .l-genre-page .l-list-page + .l-banner-page {
    margin-top: 60px;
  }
  .l-genre-page .l-space-page {
    margin-top: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .l-genre-page + .l-bottomshare-page + .l-scroll-top + .l-banner-page {
    margin-top: 70px;
    padding: 30px 10px;
    background-color: #F1F1F1;
  }
  .l-genre-page .l-newrbtn-page,
  .l-genre-page + .l-bottomshare-page {
    margin-top: 30px;
  }
  .l-genre-page .l-banner-page {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #D6D6D6;
  }
  .l-genre-page .l-list-page {
    margin-top: 20px;
  }
  .l-genre-page .l-newrbtn-page + .l-newrhead-page {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .l-genre-page .l-space-page {
    margin-top: 30px;
  }
  .l-genre-page .m-banner-category + .l-newrhead-page {
    margin-top: 30px;
  }
}

/* =====================================================================================================================
レイアウト名：ニュース記事
対象カテゴリ：ニュース
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-heddate-page + .l-news-article {
    margin-top: 30px;
  }
  .l-news-article + .l-heddate-page {
    margin-top: 30px;
  }
  .l-news-article + .l-news-article {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #D6D6D6;
  }
  .l-news-article + .l-heddate-page {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #D6D6D6;
  }
}

@media all and (max-width: 767.5px) {
  .l-news-article {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-heddate-page + .l-news-article {
    margin-top: 20px;
  }
  .l-news-article + .l-heddate-page {
    margin-top: 20px;
  }
  .l-news-article + .l-news-article {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #D6D6D6;
  }
  .l-news-article + .l-heddate-page {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-news-page + .l-bottomshare-page {
    padding-top: 20px;
    border-top: 1px solid #D6D6D6;
    margin-top: 20px;
  }
}

/* =====================================================================================================================
レイアウト名：プレイリスト
対象カテゴリ：プレイリスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-playlist-page .l-newrhead-page + .l-newrlist-page {
    margin-top: 45px;
  }
  .l-playlist-page .l-hed-page {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .l-playlist-page .l-banner-page + .l-hed-page {
    margin-top: 40px;
  }
  .l-playlist-page .l-newrlist-page + .l-hed-page,
  .l-playlist-page .l-btn-sp + .l-hed-page {
    margin-top: 60px;
  }
  .l-playlist-page .l-hed-page + .l-newrlist-page {
    margin-top: 40px;
  }
  .l-playlist-page .m-banner-category + .l-playlist-content {
    margin-top: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .l-playlist-page .l-newrhead-page + .l-newrlist-page {
    margin-top: 30px;
  }
  .l-playlist-page .l-btn-sp {
    margin-top: 50px;
  }
  .l-playlist-page .l-newrlist-page + .l-newrhead-page {
    margin-top: 30px;
    padding-top: 0;
    border: none;
  }
  .l-playlist-page .l-newrlist-page + .l-hed-page,
  .l-playlist-page .l-btn-sp + .l-hed-page {
    margin-top: 30px;
  }
  .l-playlist-page .l-hed-page + .l-newrlist-page {
    margin-top: 20px;
  }
  .l-playlist-page .m-banner-category + .l-playlist-content {
    margin-top: 30px;
  }
}

/* =====================================================================================================================
レイアウト名：プレイリスト
対象カテゴリ：プレイリスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-playlistdetail-page .l-list-music {
    margin-top: 40px;
  }
  .l-playlistdetail-page .l-streaming-page {
    margin-top: 40px;
  }
  .l-playlistdetail-page .l-btn-page {
    margin-top: 40px;
    text-align: center;
  }
}

@media all and (max-width: 767.5px) {
  .l-playlistdetail-page .l-list-music {
    margin-top: 30px;
  }
  .l-playlistdetail-page .l-streaming-page {
    margin-top: 40px;
  }
  .l-playlistdetail-page .l-btn-page {
    margin-top: 40px;
    text-align: center;
  }
}

/* =====================================================================================================================
レイアウト名：アーティスト配下　記事系関連
対象カテゴリ：ニュース、ライブ
===================================================================================================================== */
@media all and (max-width: 767.5px) {
  .l-border-article + .l-bottomshare-page {
    padding-top: 20px;
    border-top: 1px solid #D6D6D6;
    margin-top: 20px;
  }
  .l-border-article + .l-recommend-page + .l-scroll-top + script + .m-footer-site {
    padding-top: 20px;
    border-top: 1px solid #D6D6D6;
    margin-top: 70px;
  }
  .l-border-article + .l-scroll-top + script + .m-footer-site {
    margin-top: 90px;
    position: relative;
  }
  .l-border-article + .l-scroll-top + script + .m-footer-site:before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #D6D6D6;
    position: absolute;
    top: -70px;
  }
}

/* =====================================================================================================================
レイアウト名：リンクページ
対象カテゴリ：リンク
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-link-main + .l-link-sns {
    margin-top: 75.1px;
  }
  .l-link-sns .m-hed2row2-page + .l-list-wrap {
    margin-top: 35.1px;
  }
}

@media all and (max-width: 767.5px) {
  .l-link-sns .m-hed2row2-page + .l-list-wrap {
    margin-top: 30px;
  }
  .l-link-sns .m-list-col4 {
    padding-bottom: 10px;
  }
  .l-link-main + .l-link-sns {
    border-top: 1px solid #D6D6D6;
    padding-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* =====================================================================================================================
レイアウト名：SNSページ
対象カテゴリ：SNS
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-sns-page .l-read-page {
    margin-top: 35.1px;
  }
  .l-noartist-page.l-sns-page > .l-content-page {
    margin-top: 80px;
  }
  .l-sns-page .l-list-sns {
    margin-top: 35.1px;
  }
  .l-sns-page .l-read-sub {
    margin-top: 35.1px;
  }
  .l-sns-page .l-list-sns + .m-hed2-page {
    margin-top: 80px;
  }
}

@media all and (max-width: 767.5px) {
  .l-sns-page .l-read-page {
    margin-top: 15.1px;
  }
  .l-noartist-page.l-sns-page > .l-content-page {
    margin-top: 25px;
  }
  .l-sns-page .l-list-sns {
    margin-top: 15.1px;
  }
  .l-sns-page .l-read-sub {
    margin-top: 15.1px;
  }
  .l-sns-page .l-list-sns + .m-hed2-page {
    margin-top: 40px;
  }
}

/* =====================================================================================================================
レイアウト名：アーティスト　レコメンドモジュール
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  * + .l-recommend-page {
    margin-top: 30px;
  }
  .l-recommend-page .m-hed2row2-page:before {
    background-color: #AAAAAA;
  }
  .l-recommend-page .l-no-topmargin {
    margin-top: 0;
  }
}

@media all and (max-width: 767.5px) {
  .l-recommend-page .m-carousel-normal {
    margin-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .l-recommend-page .l-playlist-container {
    margin-top: 20px;
  }
  .l-recommend-page .l-video-artisttop {
    margin-top: 20px;
  }
  .l-recommend-page .l-topics-container {
    margin-left: 0;
    margin-right: 0;
  }
  .l-recommend-page .l-video-artisttop .right {
    margin-top: 20px;
  }
  .l-recommend-page .m-hed2row2-page:before {
    background-color: #AAAAAA;
  }
}

/* =====================================================================================================================
レイアウト名：アーティスト　ディスコグラフィー詳細
対象カテゴリ：ニュース、ライブ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-discographylist-page .l-discography-relation {
    margin-top: 60px;
  }
  .l-discographylist-page .l-discography-relation .m-list-default {
    margin-top: 30px;
  }
}

@media all and (max-width: 767.5px) {
  .l-discographylist-page .l-discography-relation {
    margin-top: 30px;
    padding-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-discography-relation .m-list-default {
    margin-top: 25px;
  }
}

/* =====================================================================================================================
レイアウト名：アーティスト　ディスコグラフィー詳細
対象カテゴリ：ニュース、ライブ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-discographydetail-page .l-list-listening {
    margin-top: 15px;
  }
  .l-discographydetail-page .l-content-read {
    margin-top: 35.1px;
  }
  .l-discographydetail-page .l-content-read a {
    text-decoration: underline;
  }
  .l-discographydetail-page .l-content-read a:hover {
    color: #FF0000;
    text-decoration: none;
  }
  .l-discographydetail-page .l-content-read + .l-content-relation {
    margin-top: 55.1px;
  }
  .l-discographydetail-page .l-content-relation + .l-content-relation {
    margin-top: 60px;
  }
  .l-discographydetail-page .m-list-default {
    margin-top: 30px;
  }
  .l-discographydetail-page .m-list-default > li + li {
    margin-top: 25.2px;
  }
  .l-discographydetail-page .l-content-read .m-read-default span {
    display:inline-block;
    cursor:pointer;
  }
}

@media all and (max-width: 767.5px) {
  .l-discographydetail-page .l-list-listening {
    margin-top: 30px;
  }
  .l-discographydetail-page .l-content-read {
    margin-top: 25px;
  }
  .l-discographydetail-page .l-content-read iframe {
    width: 100%;
  }
  .l-discographydetail-page .l-content-read a {
    text-decoration: underline;
  }
  .l-discographydetail-page .l-content-read a:hover {
    color: #FF0000;
    text-decoration: none;
  }
  .l-discographydetail-page .l-content-read + .l-content-relation {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-discographydetail-page .l-content-relation + .l-content-relation {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-discographydetail-page .m-list-default {
    margin-top: 25px;
  }
  .l-discographydetail-page .m-block-listeningsp + .m-info-discography {
    margin-top: 30px;
  }
  .l-discographydetail-page + .l-bottomshare-page {
    padding-top: 20px;
    border-top: 1px solid #D6D6D6;
    margin-top: 40px;
  }
  .l-discographydetail-page .l-content-read img {
    max-width: 100%;
  }
}

/* =====================================================================================================================
レイアウト名：コンタクトページ
対象カテゴリ：コンタクト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-contact-page .l-auxiliary-page + .l-note-page {
    margin-top: 50px;
  }
  .l-contact-page .l-note-page + .l-header-page {
    margin-top: 40px;
  }
  .l-contact-page > .l-auxiliary-page + .l-header-page {
    margin-top: 50px;
  }
  .l-contact-page .l-read-page + .l-btn-page {
    margin-top: 130px;
  }
  .l-contact-page .l-btn-page {
    text-align: center;
  }
  .l-contact-page .l-btn-page .m-btn-large {
    display: inline-flex;
  }
  .l-contact-page .m-hed2-page + .m-read-default {
    margin-top: 15.1px;
  }
  .l-contact-page .m-hed2-page + .l-contact-link,
  .l-contact-page .m-read-default + .l-faq-link {
    margin-top: 30px;
  }
  .l-contact-page .l-faq-link + .m-hed2-page {
    margin-top: 55.1px;
  }
  .l-contact-page .m-btn-submit,
  .l-contact-page .m-btn-prev {
    margin: 0 auto;
  }
  .l-contact-page .m-btn-submit + .m-btn-prev {
    margin-top: 25px;
  }
  .l-contact-page .l-form-content {
    margin-top: 30px;
    border-top: solid 1px #CCCCCC;
    padding-top: 40px;
  }
  .l-contact-page .l-btn-page {
    margin-top: 40px;
  }
  .l-contact-page .l-confbtn-page {
    margin-top: 40px;
  }
  .l-contact-page .l-formbtn-page {
    margin-top: 40px;
  }
  .l-contact-page .l-attention-page {
    margin-top: 40px;
    padding: 40px;
    background-color: #EEEEEE;
  }
  .l-contact-page .l-list-faq {
    margin-top: 30px;
  }
  .l-contact-page .l-attention-page .m-list-faq {
    margin-top: 19.5px;
  }
  .l-contact-page .l-note-bottom {
    margin-top: 40px;
  }
  .l-contact-page .l-inputform-page {
    padding-top: 40px;
  }
}

@media all and (max-width: 767.5px) {
  .l-contact-page .l-auxiliary-page + .l-note-page {
    margin-top: 50px;
  }
  .l-contact-page .l-note-page + .l-header-page {
    margin-top: 30px;
  }
  .l-contact-page > .l-auxiliary-page + .l-header-page {
    margin-top: 50px;
  }
  .l-contact-page .l-read-page + .l-btn-page {
    margin-top: 80px;
  }
  .l-contact-page .l-btn-page {
    text-align: center;
  }
  .l-contact-page .l-btn-page .m-btn-large {
    display: inline-flex;
  }
  .l-noartist-page.l-contact-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 70px;
  }
  .l-contact-page + .l-scroll-top.is-static {
    bottom: -10px;
  }
  .l-contact-page .m-hed2-page + .m-read-default {
    margin-top: 15.1px;
  }
  .l-contact-page .l-faq-link + .m-hed2-page {
    margin-top: 35.1px;
  }
  .l-contact-page .m-read-default + .l-faq-link,
  .l-contact-page .m-hed2-page + .l-contact-link {
    margin-top: 25px;
  }
  .l-contact-page .m-btn-submit + .m-btn-prev {
    margin-top: 20px;
  }
  .l-contact-page .l-form-content {
    margin-top: 20px;
    border-top: solid 1px #CCCCCC;
    padding-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .l-contact-page .l-btn-page {
    margin-top: 40px;
  }
  .l-contact-page .l-confbtn-page {
    margin-top: 25.1px;
  }
  .l-contact-page .l-formbtn-page {
    margin-top: 20px;
  }
  .l-contact-page .l-attention-page {
    margin-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 20px 10px;
    background-color: #EEEEEE;
  }
  .l-contact-page .l-list-faq {
    margin-top: 15.1px;
  }
  .l-contact-page .l-attention-page .m-list-faq {
    margin-top: 15px;
  }
  .l-contact-page .l-note-bottom {
    margin-top: 30px;
  }
  .l-contact-page .l-inputform-page {
    padding-top: 30px;
  }
}

/* =====================================================================================================================
レイアウト名：メールマガジン
対象カテゴリ：
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-mailmagazine-page .m-hed2-page + .m-read-default {
    margin-top: 25px;
  }
  .l-mailmagazine-page.l-noartist-page > .l-auxiliary-page + .l-header-page {
    margin-top: 45px;
  }
  .l-mailmagazine-page .l-noartist-page > .l-header-page + .l-content-page {
    margin-top: 25px;
  }
  .l-mailmagazine-page .l-form-content {
    margin-top: 40px;
    border-top: solid 1px #CCCCCC;
    padding-top: 40px;
  }
  .l-mailmagazine-page .m-btn-submit,
  .l-mailmagazine-page .m-btn-prev {
    margin: 0 auto;
  }
  .l-mailmagazine-page .l-btn-page {
    margin-top: 40px;
  }
  .l-mailmagazine-page .l-confbtn-page {
    margin-top: 40px;
  }
  .l-mailmagazine-page .m-btn-submit + .m-btn-prev {
    margin-top: 25px;
  }
  .l-mailmagazine-page .m-hed-page + .m-read-default {
    margin-top: 35.1px;
  }
  .l-mailmagazine-page .m-read-default + .m-link-arrow {
    margin-top: 20.1px;
  }
  .l-mailmagazine-page .m-hed2-page + .l-inputform-page {
    padding-top: 30px;
  }
  .l-mailmagazine-page .l-content-input + .l-content-input {
    margin-top: 40px;
    padding-top: 40px;
    border-top: solid 1px #CCCCCC;
  }
  .l-mailmagazine-page .l-content-input {
    margin-top: 34.4px;
  }
  .l-mailmagazine-page .l-closebtn-page {
    margin-top: 140px;
  }
  .l-mailmagazine-page .l-closebtn-page .m-btn-large {
    margin: auto;
  }
  .l-mailmagazine-page .l-arrow-link {
    margin-top: 40px;
  }
  .l-mailmagazine-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 160px;
  }
  .l-mailmagazine-page .l-linkform-content {
    margin-top: 33px;
  }
  .l-mailmagazine-page .m-hed3-page + .m-list-formcheck {
    margin-top: 38.1px;
  }
  .l-mailmagazine-page .m-list-formcheck + .m-hed3-page {
    margin-top: 48.1px;
  }
  .l-mailmagazine-page .m-list-formcheck + .m-list-formcheck {
    margin-top: 70.2px;
  }
}

@media all and (max-width: 767.5px) {
  .l-mailmagazine-page.l-noartist-page > .l-auxiliary-page + .l-header-page {
    margin-top: 50px;
  }
  .l-mailmagazine-page.l-noartist-page > .l-header-page + .l-content-page {
    margin-top: 30px;
  }
  .l-mailmagazine-page .m-hed2-page + .m-read-default {
    margin-top: 15px;
  }
  .l-mailmagazine-page .l-form-content {
    margin-top: 20px;
    border-top: solid 1px #CCCCCC;
    padding-top: 20px;
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .l-mailmagazine-page .l-confbtn-page {
    margin-top: 25.1px;
  }
  .l-mailmagazine-page .l-btn-page {
    margin-top: 40px;
  }
  .l-mailmagazine-page .m-btn-submit + .m-btn-prev {
    margin-top: 20px;
  }
  .l-mailmagazine-page .m-hed-page + .m-read-default {
    margin-top: 25.1px;
  }
  .l-mailmagazine-page .m-read-default + .m-link-arrow {
    margin-top: 10.1px;
  }
  .l-mailmagazine-page .m-hed2-page + .l-inputform-page {
    padding-top: 20px;
  }
  .l-mailmagazine-page .l-content-input .l-btn-page {
    margin-top: 20px;
  }
  .l-mailmagazine-page .l-content-input + .l-content-input {
    margin-top: 40px;
  }
  .l-mailmagazine-page .l-content-input {
    margin-top: 24.4px;
  }
  .l-mailmagazine-page .l-closebtn-page {
    margin-top: 80px;
    text-align: center;
  }
  .l-mailmagazine-page .l-arrow-link {
    margin-top: 24.4px;
  }
  .l-mailmagazine-page .l-linkform-content {
    margin-top: 24.05px;
  }
  .l-mailmagazine-page .m-hed3-page + .m-list-formcheck {
    margin-top: 19.15px;
  }
  .l-mailmagazine-page .m-list-formcheck + .m-hed3-page {
    margin-top: 19.15px;
  }
  .l-mailmagazine-page .m-list-formcheck + .m-list-formcheck {
    margin-top: 40.2px;
  }
}

/* =====================================================================================================================
レイアウト名：アーティストメール
対象カテゴリ：
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-artistmail-page .m-read-default + .l-flow-registration {
    margin-top: 25.1px;
  }
  .l-artistmail-page .l-flow-registration + .l-form-artistmail {
    margin-top: 30px;
  }
  .l-artistmail-page .l-form-artistmail .m-read-default + .mlc-list {
    margin-top: 20px;
  }
  .l-artistmail-page .l-form-artistmail .l-list-checkbox + .m-list-forminput {
    margin-top: 30px;
  }
  .l-artistmail-page .m-hed2-page + .l-form-artistmail {
    padding-top: 35px;
  }
  .l-artistmail-page .l-content-page + .l-content-page {
    margin-top: 50px;
  }
  .l-artistmail-page .l-header-page + .l-content-page.is-mailmagazine {
    margin-top: 80px;
  }
  .l-artistmail-page .m-hed2-page + .m-read-default {
    margin-top: 30.1px;
  }
  .l-artistmail-page.l-ease-page .m-hed2-page + .m-read-default {
    margin-top: 60px;
  }
  .l-artistmail-page .m-read-default + .m-content-checkbox {
    margin-top: 35.1px;
  }
  .l-artistmail-page .l-list-checkbox {
    margin-top: 15.1px;
  }
  .l-artistmail-page .l-form-artistmail + .m-hed2-page {
    margin-top: 60px;
  }
  .l-artistmail-page .m-read-default + form {
    margin-top: 35.1px;
  }
  .l-artistmail-page .m-content-checkbox + .l-formbtn-page {
    margin-top: 35.1px;
  }
  .l-artistmail-page .m-content-checkbox + .l-formbtn-page.is-check {
    margin-top: 40px;
  }
  .l-artistmail-page .m-content-checkbox + .l-formbtn-page > .m-btn-submit {
    margin-left: auto;
    margin-right: auto;
  }
  .l-artistmail-page .l-arrow-link {
    margin-top: 30.2px;
  }
  .l-artistmail-page.l-noartist-page + .l-scroll-top + script + .m-footer-site {
    margin-top: 100px;
  }
}

@media all and (max-width: 767.5px) {
  .l-artistmail-page .m-hed2-page + .m-read-default {
    margin-top: 15.1px;
  }
  .l-artistmail-page .l-flow-registration {
    margin-top: 15.1px;
  }
  .l-artistmail-page .l-flow-registration + .l-form-artistmail {
    margin-top: 30px;
  }
  .l-artistmail-page .l-list-checkbox + .m-list-forminput {
    margin-top: 20px;
  }
  .l-artistmail-page .m-hed2-page + .l-form-artistmail {
    padding-top: 20px;
  }
  .l-artistmail-page .m-read-default + .m-content-checkbox {
    margin-top: 25.1px;
  }
  .l-artistmail-page .l-form-artistmail + .m-hed2-page {
    margin-top: 40px;
  }
  .l-artistmail-page .m-read-default + form {
    margin-top: 25.1px;
  }
  .l-artistmail-page .m-content-checkbox + .l-formbtn-page {
    margin-top: 15.1px;
  }
  .l-artistmail-page .m-content-checkbox + .l-formbtn-page.is-check {
    margin-top: 20px;
  }
  .l-artistmail-page.l-ease-page .m-hed2-page + .m-read-default {
    margin-top: 30px;
  }
  .l-artistmail-page .l-arrow-link {
    margin-top: 20.2px;
  }
  .l-artistmail-page > .l-auxiliary-page + .l-header-page {
    margin-top: 50px;
  }
}

/* =====================================================================================================================
レイアウト名：プライバシーポリシー
対象カテゴリ：プライバシー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-privacy-page .l-list-container {
    margin-top: 40px;
    padding: 40px;
    background-color: #EEEEEE;
  }
  .l-privacy-page .m-note-small {
    margin-top: 15px;
  }
}

@media all and (max-width: 767.5px) {
  .l-privacy-page > .l-auxiliary-page + .l-header-page {
    margin-top: 30px;
  }
  .l-privacy-page .l-list-container {
    margin-top: 20px;
    padding: 20px 10px;
    margin-left: -10px;
    margin-right: -10px;
    background-color: #EEEEEE;
  }
  .l-privacy-page .m-note-small {
    margin-top: 15px;
  }
}

/* =====================================================================================================================
レイアウト名：重要なお知らせ
対象カテゴリ：重要なお知らせ
===================================================================================================================== */
@media all and (max-width: 767.5px) {
  .l-header-space > .l-auxiliary-page + .l-header-page {
    margin-top: 30px;
  }
}

/* =====================================================================================================================
レイアウト名：RSS配信
対象カテゴリ：RSS配信
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-rss-page .l-block-meaning {
    margin-top: 45px;
    padding: 40px;
    background-color: #EEEEEE;
  }
  .l-rss-page .l-block-note {
    margin-top: 30.9px;
  }
  .l-rss-page .l-block-link {
    margin-top: 30.2px;
  }
  .l-rss-page .l-block-link + .l-block-link {
    margin-top: 10.2px;
  }
}

@media all and (max-width: 767.5px) {
  .l-rss-page .l-block-meaning {
    margin-top: 25px;
    padding: 20px 10px;
    margin-left: -10px;
    margin-right: -10px;
    background-color: #EEEEEE;
  }
  .l-rss-page .l-block-note {
    margin-top: 30.9px;
  }
  .l-rss-page .l-block-link {
    margin-top: 15.2px;
  }
  .l-rss-page .l-block-link + .l-block-link {
    margin-top: 20.2px;
  }
  .l-rss-page.l-noartist-page > .l-header-page + .l-content-page {
    margin-top: 30px;
  }
}

/* =====================================================================================================================
レイアウト名：サイトマップ
対象カテゴリ：サイトマップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-sitemap-page .l-content-page {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .l-sitemap-page .l-content-gray {
    background-color: #F1F1F1;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .l-sitemap-page > .l-header-page + .l-content-page {
    margin-top: 60px;
  }
  .l-sitemap-page .l-content-inner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px;
  }
  .l-sitemap-page .m-hed-list + .l-list-col4 {
    margin-top: 30px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .l-sitemap-page .l-list-col4 + .m-hed-list {
    margin-top: 60px;
  }
  .l-sitemap-page .l-content-wrap + .l-content-wrap {
    margin-top: 60px;
  }
  .l-sitemap-page .l-content-wrap + .l-content-wrap > .l-content-inner > .m-hed-list {
    border-top: 1px solid #D6D6D6;
    padding-top: 60px;
  }
  .l-sitemap-page .l-content-gray + .l-content-wrap {
    margin-top: 60px;
  }
  .l-sitemap-page .l-content-wrap + .l-content-gray {
    margin-top: 60px;
  }
  .l-sitemap-page .l-list-col4 + .l-list-col4 {
    margin-top: 60px;
  }
}

@media all and (max-width: 767.5px) {
  .l-sitemap-page > .l-auxiliary-page + .l-header-page {
    margin-top: 30px;
  }
  .l-sitemap-page > .l-header-page + .l-content-page {
    margin-top: 30px;
  }
  .l-sitemap-page .l-content-wrap + .l-content-gray {
    margin-top: 30px;
  }
  .l-sitemap-page .l-content-gray {
    background-color: #F1F1F1;
    margin-left: -10px;
    margin-right: -10px;
    padding: 30px 10px;
  }
  .l-sitemap-page .m-hed-list + .l-list-col4 {
    margin-top: 30px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .l-sitemap-page .l-list-col4 + .m-hed-list {
    margin-top: 30px;
  }
  .l-sitemap-page .l-content-wrap + .l-content-wrap {
    border-top: 1px solid #D6D6D6;
    padding-top: 30px;
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-sitemap-page .l-content-gray + .l-content-wrap {
    margin-top: 30px;
  }
  .l-sitemap-page .l-list-col4 + .l-list-col4 {
    margin-top: 50px;
  }
  .l-sitemap-page .m-hed-list {
    font-size: 18px;
  }
  .l-sitemap-page .m-list-col4 a {
    width: 100%;
  }
}

/* =====================================================================================================================
レイアウト名：サイトマップ
対象カテゴリ：サイトマップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-help-page .m-hed-page + .l-read-page {
    margin-top: 15.1px;
  }
  .l-help-page .l-content-page {
    margin-top: 80px;
  }
  .l-help-page .m-hed2-page + .l-content-wrap {
    margin-top: 40px;
  }
  .l-help-page .m-read-default + .l-content-table {
    margin-top: 10px;
  }
  .l-help-page .m-hed2-page + .l-content-table {
    margin-top: 40px;
  }
  .l-help-page .l-content-table + .l-content-note {
    margin-top: 35.8px;
  }
  .l-help-page .l-content-wrap + .l-content-wrap {
    margin-top: 80px;
  }
  .l-help-page .m-hed2-page + .m-read-default {
    margin-top: 35.1px;
  }
  .l-help-page .m-read-default + .l-content-link {
    margin-top: 30.2px;
  }
}

@media all and (max-width: 767.5px) {
  .l-help-page > .l-auxiliary-page + .l-header-page,
  .l-help-page > .l-header-page + .l-content-page {
    margin-top: 30px;
  }
  .l-help-page .m-hed-page + .l-read-page {
    margin-top: 15.1px;
  }
  .l-help-page .m-hed2-page + .l-content-wrap {
    margin-top: 20px;
  }
  .l-help-page .m-read-default + .l-content-table {
    margin-top: 10px;
  }
  .l-help-page .m-hed2-page + .l-content-table {
    margin-top: 20px;
  }
  .l-help-page .l-content-table + .l-content-note {
    margin-top: 15.8px;
  }
  .l-help-page .l-content-wrap + .l-content-wrap {
    border-top: 1px solid #D6D6D6;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 30px;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-help-page .m-hed2-page + .m-read-default {
    margin-top: 15.1px;
  }
  .l-help-page .m-read-default + .l-content-link {
    margin-top: 10.2px;
  }
  .l-help-page .m-table-default img.m-dn-pc {
    width: 70px;
    height: 30px;
  }
}

/* =====================================================================================================================
レイアウト名：FAQ
対象カテゴリ：FAQ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-faq-page .m-hed2-page + .l-list-accordion {
    margin-top: 60px;
  }
  .l-faq-page .l-list-accordion + .l-faq-link {
    margin-top: 40px;
  }
  .l-faq-page .l-faq-link {
    background-color: #EEEEEE;
    padding: 40px;
    padding-top: 35.1px;
    padding-bottom: 35.1px;
    margin-top: 60px;
  }
  .l-faq-page .l-faq-link.is-link,
  .l-faq-page .l-faq-link.is-mt80 {
    margin-top: 80px;
  }
  .l-faq-page .mla-answer-wrap > p + .mla-col2,
  .l-faq-page .mla-answer-wrap > p + p {
    margin-top: 20.1px;
  }
  .l-faq-page .mla-answer-wrap > p + a {
    margin-top: 20.1px;
  }
  .l-faq-page .mla-answer-wrap > a + p {
    margin-top: 20.1px;
  }
  .l-faq-page .l-list-accordion + .m-hed2-page {
    margin-top: 60px;
  }
  .l-faq-page .l-faq-case {
    margin-top: 40px;
  }
  .l-faq-page .l-faq-case + p {
    margin-top: 40px;
  }
  .l-faq-page .mla-answer-wrap p > .m-link-arrow {
    margin-top: 0;
  }
  .l-faq-page .l-topbtn-page {
    margin-top: 140px;
  }
  .l-faq-page .l-topbtn-page .m-btn-large {
    margin: auto;
  }
  .l-faq-page .m-hed3-page + .m-list-forminput {
    margin-top: 40px;
  }
  .l-faq-page .m-list-forminput + .m-hed3-page {
    margin-top: 60px;
  }
  .l-faq-page .m-list-forminput + .m-list-forminput {
    margin-top: 60px;
  }
  .l-faq-page .l-formbtn-page {
    margin-top: 40px;
  }
  .l-faq-page .l-about-link {
    background-color: #EEEEEE;
    padding: 40px;
    padding-top: 35.1px;
    padding-bottom: 35.1px;
    margin-top: 35.1px;
  }
  .l-faq-page .l-about-link + .m-hed2-page {
    margin-top: 80px;
  }
  .l-faq-page .l-about-link .m-read-default + .m-read-default {
    margin-top: 30.2px;
  }
  .l-faq-page .l-about-link .m-read-default + .m-title-default {
    margin-top: 29.5px;
  }
  .l-faq-page .l-about-link .m-title-default + .m-read-default {
    margin-top: 9.5px;
  }
  .l-faq-page .l-about-link .m-read-default + .l-img-default {
    margin-top: 15.1px;
  }
  .l-faq-page .l-about-link .l-img-default + .m-read-default {
    margin-top: 35.1px;
  }
}

@media all and (max-width: 767.5px) {
  .l-faq-page .m-hed2-page + .l-list-accordion {
    margin-top: 30px;
  }
  .l-faq-page .l-list-accordion + .l-faq-link {
    margin-top: 30px;
  }
  .l-faq-page .l-list-accordion + .m-hed2-page {
    margin-top: 35px;
  }
  .l-faq-page .l-faq-link {
    background-color: #EEEEEE;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 35px;
    padding-top: 25.1px;
    padding-bottom: 25.1px;
  }
  .l-faq-page > .l-auxiliary-page + .l-header-page {
    margin-top: 50px;
  }
  .l-faq-page .m-list-accordion p img {
    margin-top: 10px;
  }
  .l-faq-page .mla-answer-wrap p + .mla-col2,
  .l-faq-page .mla-answer-wrap p + p {
    margin-top: 15.1px;
  }
  .l-faq-page .mla-answer-wrap > p + a {
    margin-top: 15.1px;
  }
  .l-faq-page .mla-answer-wrap > a + p {
    margin-top: 15.1px;
  }
  .l-faq-page .mla-answer-wrap dl {
    padding-top: 15.1px;
    padding-bottom: 15.1px;
  }
  .l-faq-page .l-faq-case {
    margin-top: 24.05px;
  }
  .l-faq-page .m-list-faq {
    margin-top: 9.15px;
  }
  .l-faq-page .l-faq-case + p {
    margin-top: 30px;
  }
  .l-faq-page .l-faq-case + p > .m-link-arrow {
    margin-top: 5.1px;
  }
  .l-faq-page .m-hed3-page + .m-list-forminput {
    margin-top: 20px;
  }
  .l-faq-page .m-list-forminput + .m-list-forminput {
    margin-top: 50px;
  }
  .l-faq-page .m-list-forminput + .m-hed3-page {
    margin-top: 24.05px;
  }
  .l-faq-page .l-faq-link {
    margin-top: 30px;
  }
  .l-faq-page .l-faq-link.is-link {
    margin-top: 50px;
  }
  .l-faq-page .l-topbtn-page {
    margin-top: 80px;
    text-align: center;
  }
  .l-faq-page .l-about-link {
    background-color: #EEEEEE;
    margin-left: -10px;
    margin-right: -10px;
    padding: 25px 10px;
    margin-top: 25.1px;
  }
  .l-faq-page .l-about-link + .m-hed2-page {
    margin-top: 40px;
  }
  .l-faq-page .l-about-link .m-read-default + .m-read-default {
    margin-top: 20.2px;
  }
  .l-faq-page .l-about-link .m-read-default + .m-title-default {
    margin-top: 20.2px;
  }
  .l-faq-page .l-about-link .m-title-default + .m-read-default {
    margin-top: 10.2px;
  }
  .l-faq-page .l-about-link .m-read-default + .l-img-default {
    margin-top: 15.1px;
  }
  .l-faq-page .l-about-link .l-img-default + .m-read-default {
    margin-top: 25.1px;
  }
  .l-faq-page .l-inputform-page .m-hed3-page {
    margin-bottom: -5.95px;
  }
  .l-faq-page .l-formbtn-page {
    margin-top: 20px;
  }
  .l-faq-page .l-faq-link.is-mt80 {
    margin-top: 50px;
  }
}

/* =====================================================================================================================
レイアウト名：ATTENTION
対象カテゴリ：ATTENTION
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-attention-page .l-attention-case {
    padding: 40px;
    background-color: #EEEEEE;
  }
  .l-attention-page .l-attention-case .m-title-second + p {
    margin-top: 10.2px;
  }
  .l-attention-page .l-attention-case p + .m-title-second {
    margin-top: 30.2px;
  }
  .l-attention-page .m-hed2-page + .m-read-default {
    margin-top: 30.1px;
  }
  .l-attention-page .m-title-second + .m-read-default {
    margin-top: 12.4px;
  }
  .l-attention-page .m-read-default + .m-title-second {
    margin-top: 32.4px;
  }
  .l-attention-page .m-hed2-page + .m-read-default {
    margin-top: 25.1px;
  }
  .l-attention-page .l-attention-case {
    margin-top: 35.1px;
  }
}

@media all and (max-width: 767.5px) {
  .l-attention-page .l-attention-case {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    background-color: #EEEEEE;
  }
  .l-attention-page > .l-header-page + .l-content-page {
    margin-top: 30px;
  }
  .l-attention-page .l-attention-case .m-title-second + p {
    margin-top: 10.2px;
  }
  .l-attention-page .l-attention-case p + .m-title-second {
    margin-top: 17.85px;
  }
  .l-attention-page .l-attention-case + .l-header-page {
    margin-top: 40px;
  }
  .l-attention-page .m-hed2-page + .m-read-default {
    margin-top: 15.1px;
  }
  .l-attention-page .m-title-second + .m-read-default {
    margin-top: 12.4px;
  }
  .l-attention-page .m-read-default + .m-title-second {
    margin-top: 32.4px;
  }
  .l-attention-page .m-read-default + .m-title-second {
    margin-top: 32.4px;
  }
  .l-attention-page .m-hed2-page + .m-read-default {
    margin-top: 20.1px;
  }
  .l-attention-page .l-attention-case {
    margin-top: 35.1px;
  }
}

/* =====================================================================================================================
レイアウト名：重要なお知らせ
対象カテゴリ：重要なお知らせ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-info-page > .l-header-page + .l-content-page {
    margin-top: 60px;
  }
  .l-info-page .l-hed-wrap {
    margin-top: 20px;
  }
  .l-info-page .l-content-wrap {
    padding-top: 55.1px;
  }
  .l-info-page .m-read-default + .m-read-default,
  .l-info-page .m-img-default + .m-read-default,
  .l-info-page .m-read-default + .m-img-default,
  .l-info-page .m-img-maxwidth + .m-read-default,
  .l-info-page .m-read-default + .m-img-maxwidth {
    margin-top: 30px;
  }
  .l-info-page .m-img-maxwidth + .l-link-wrap,
  .l-info-page .m-img-default + .l-link-wrap,
  .l-info-page .l-link-wrap + .m-hed-info,
  .l-info-page .l-link-wrap + .m-read-default {
    margin-top: 40px;
  }
  .l-info-page .m-hed-info + .m-read-default,
  .l-info-page .m-hed-info + .m-img-maxwidth,
  .l-info-page .m-hed-info + .m-img-default {
    margin-top: 20px;
  }
  .l-info-page .l-container-table {
    margin-top: 50px;
  }
  .l-info-page .l-container-table .m-read-default + .l-table-vertical {
    padding-top: 15.1px;
  }
  .l-info-page .l-article-bottom {
    margin-top: 60px;
  }
}

@media all and (max-width: 767.5px) {
  .l-info-page > .l-header-page + .l-content-page {
    margin-top: 35px;
  }
  .l-info-page .l-hed-wrap {
    margin-top: 15px;
  }
  .l-info-page .l-content-wrap {
    padding-top: 30.1px;
  }
  .l-info-page .m-read-default + .m-read-default,
  .l-info-page .m-img-default + .m-read-default,
  .l-info-page .m-read-default + .m-img-default,
  .l-info-page .m-img-maxwidth + .m-read-default,
  .l-info-page .m-read-default + .m-img-maxwidth {
    margin-top: 30px;
  }
  .l-info-page .m-img-default + .l-link-wrap,
  .l-info-page .m-img-maxwidth + .l-link-wrap,
  .l-info-page .l-link-wrap + .m-hed-info,
  .l-info-page .l-link-wrap + .m-read-default {
    margin-top: 30px;
  }
  .l-info-page .m-hed-info + .m-read-default,
  .l-info-page .m-hed-info + .m-img-maxwidth,
  .l-info-page .m-hed-info + .m-img-default {
    margin-top: 20px;
  }
  .l-info-page .l-container-table {
    margin-top: 50px;
  }
  .l-info-page .l-container-table .m-read-default + .l-table-vertical {
    padding-top: 15.1px;
  }
  .l-info-page .l-article-bottom {
    margin-top: 30px;
  }
}

/* =====================================================================================================================
レイアウト名：ディスコグラフィー作品詳細シリーズトップ
対象カテゴリ：ディスコグラフィー作品詳細シリーズトップ
===================================================================================================================== */
@media all and (max-width: 767.5px) {
  .l-discoseries-page .l-menusort-page {
    margin-top: 10px;
  }
}

/* =====================================================================================================================
レイアウト名：カンパニーページ
対象カテゴリ：カンパニー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-fixture-page > .l-hed-company {
    width: auto;
    padding: 0;
    margin-top: 30px;
  }
  .l-company-page .l-menusub-page {
    margin-top: 40px;
  }
  .l-company-page .l-menusub-page + .l-content-page {
    margin-top: 60px;
  }
  .l-company-page .l-img-wrap {
    margin-top: 70px;
    text-align: center;
  }
  .l-company-page .l-img-wrap + .m-title-default {
    margin-top: 70px;
  }
  .l-company-page .l-hed-page {
    margin-top: 80px;
  }
  .l-company-page .l-menusort-page + .l-read-page {
    margin-top: 60px;
  }
  .l-company-page .l-hed-page + .l-list-summary {
    margin-top: 40px;
  }
  .l-company-page .m-hed2-page + .l-list-summary {
    margin-top: 40px;
  }
  .l-company-page .l-list-summary + .l-list-year {
    padding-top: 80px;
    border-top: 1px solid #D6D6D6;
  }
  .l-company-page .l-title-default {
    background-color: #F5F5F5;
    padding: 27px 40px;
    margin-top: 15px;
  }
  .l-company-page .l-read-default {
    margin-top: 40px;
  }
  .l-company-page .l-table-vertical {
    margin-top: 55px;
  }
  .l-company-page .l-pressimg-wrap {
    margin-top: 50px;
    text-align: center;
  }
  .l-company-page .l-content-border {
    border: 1px solid #CCCCCC;
    padding: 40px;
    margin-top: 60px;
  }
  .l-company-page .l-content-border .m-read-default + .m-read-default {
    margin-top: 30px;
  }
  .l-company-page .l-content-border .m-read-default.is-longm {
    margin-top: 50px;
  }
  .l-company-page .m-container-flex {
    margin-top: 50px;
  }
  .l-company-page .l-container-img + .m-read-default {
    margin-top: 20px;
  }
  .l-company-page .l-bottom-read {
    margin-top: 60px;
  }
  .l-company-page .l-menu-article {
    border-top: 1px solid #CCCCCC;
    margin-top: 100px;
    padding-top: 40px;
    margin-left: -75px;
    margin-right: -75px;
    padding-right: 75px;
    padding-left: 75px;
  }
}

@media all and (max-width: 767.5px) {
  .l-fixture-page > .l-hed-company {
    width: auto;
    padding: 0;
  }
  .l-company-page .l-menusub-page {
    margin-top: 20px;
  }
  .l-company-page .l-menusub-page + .l-content-page {
    margin-top: 30px;
  }
  .l-company-page .l-img-wrap {
    margin-top: 30px;
    text-align: center;
  }
  .l-company-page .l-img-wrap + .m-title-default {
    margin-top: 30px;
  }
  .l-company-page .l-hed-page {
    margin-top: 30px;
  }
  .l-fixture-page.l-company-page > .l-menusort-page {
    margin-top: 10px;
  }
  .l-company-page .l-menusort-page + .l-read-page {
    margin-top: 30px;
  }
  .l-company-page .l-hed-page + .l-list-summary {
    margin-top: 20px;
  }
  .l-company-page .l-list-summary + .l-hed-page {
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 25.1px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
  }
  .l-company-page .m-hed2-page + .l-list-summary {
    margin-top: 20px;
  }
  .l-company-page .l-list-summary + .l-list-year {
    margin-top: 25.1px;
    padding-top: 30px;
    border-top: 1px solid #D6D6D6;
  }
  .l-company-page .l-title-default {
    background-color: #F5F5F5;
    margin-left: -10px;
    margin-right: -10px;
    padding: 20px 10px;
    margin-top: 8px;
  }
  .l-company-page .l-read-default {
    margin-top: 30px;
  }
  .l-company-page .l-table-vertical {
    margin-top: 20px;
  }
  .l-company-page .l-pressimg-wrap {
    margin-top: 30px;
    text-align: center;
  }
  .l-company-page .l-content-border {
    border: 1px solid #CCCCCC;
    padding: 30px 20px;
    margin-top: 30px;
  }
  .l-company-page .l-content-border .m-read-default + .m-read-default {
    margin-top: 30px;
  }
  .l-company-page .l-container-img {
    margin-top: 20px;
  }
  .l-company-page .m-container-flex {
    margin-top: 50px;
  }
  .l-company-page .l-container-img + .m-read-default {
    margin-top: 5px;
  }
  .l-company-page .l-bottom-read {
    margin-top: 30px;
  }
  .l-company-page .l-menu-article {
    border-top: 1px solid #CCCCCC;
    margin-top: 50px;
    padding-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* =====================================================================================================================
レイアウト名：トップリンクページ
対象カテゴリ：リンクトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-link-page .l-link-hed + .l-list-imglink {
    margin-top: 40px;
  }
  .l-link-page .l-list-imglink + .l-link-hed {
    margin-top: 80px;
  }
}

@media all and (max-width: 767.5px) {
  .l-link-page {
    margin-top: 30px;
  }
  .l-link-page .l-link-hed + .l-list-imglink {
    margin-top: 30px;
  }
  .l-link-page .l-list-imglink + .l-link-hed {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #CCCCCC;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* =====================================================================================================================
レイアウト名：ローディング
対象カテゴリ：ローディング
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-loader-page {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media all and (max-width: 767.5px) {
  .l-loader-page {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* =====================================================================================================================
レイアウト名：フリーエリア用
対象カテゴリ：フリーエリア用
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .l-space-page a {
    display: inline-block;
  }
  .l-space-page a img {
    transition: opacity .1s;
  }
  .l-space-page a:hover img {
    opacity: .5;
  }
}

@media all and (max-width: 767.5px) {
  .l-space-page a {
    display: inline-block;
  }
  .l-space-page img {
    max-width: 100%;
  }
}