@import url("/assets/styles/style.css");

/* 以下に差分定義を記載してください */
@charset "UTF-8";
body {
	background: #f6f6f6;
}

.contentsBody {
	width: 1200px;
	margin: 0 auto;
}

/*
banner
*/
#bannerArea {
	min-width: 1200px;
	padding:25px 0px 20px 0px;
	background:#f6f6f6;
	box-shadow: inset 0px 3px 4px 0px rgba(153,153,153,0.5);
	margin-top: 30px;
}
#bannerArea ul {
	list-style:none;
	line-height: 0;
	text-align:center;
}
#bannerArea ul li {
	margin-bottom:20px;
	text-align:center;
	display: inline-block;
}
#bannerArea ul li a {
	display: block;
}
#itunes_banner a img {
	box-shadow: inset 0px 3px 4px 0px rgba(153,153,153,0.5);
}

@media screen and (max-width: 768px) {

.contentsBody {
	width: 100%!important;
	margin: 0 auto;
}
	
/*
banner
*/
#bannerArea {
	min-width: 320px;
	padding:25px 0px 20px 0px;
	background:#f6f6f6;
	box-shadow: inset 0px 3px 4px 0px rgba(153,153,153,0.5);
}
#bannerArea ul {
	width: 90%;
	line-height: 0;
	text-align:center;
	margin:0px auto;
}
#bannerArea li {
	width:100%;
	text-align:center;
	margin:10px auto;
}
#bannerArea li img {
	width: 100%;
	max-width:360px;
	height:auto;
}

}

/* =====================================================================================================================
モジュール名：ページ見出し
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-enhed-page {
	font-size: 30px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-enhed-page:before {
    background-color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-enhed-page {
	font-size: 24px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-enhed-page:before {
    background-color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h2 （2行）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed2row2-page {
  }
  .m-hed2row2-page > .mhp-title-en {
	font-size: 28px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    letter-spacing: 0em;
  }
  .m-hed2row2-page > .mhp-title-ja {
	font-size: 14px;
    letter-spacing: 0em;
  }
  .m-hed2row2-page:before {
    border-radius: 2px;
    background-color: #15b2c7
  }
}

@media all and (max-width: 767.5px) {
  .m-hed2row2-page {
  }
  .m-hed2row2-page > .mhp-title-en {
	font-size: 24px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-hed2row2-page > .mhp-title-ja {
	font-size: 12px;
  }
  .m-hed2row2-page:before {
    border-radius: 2px;
    background-color: #15b2c7
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h2 （2行）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed2row1-page {
  }
  .m-hed2row1-page > .mhp-title-en {
	font-size: 24px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-hed2row1-page > .mhp-title-ja {
	font-size: 16px;
  }
  .m-hed2row1-page:before {
  }
}

@media all and (max-width: 767.5px) {
  .m-hed2row1-page {
  }
  .m-hed2row1-page > .mhp-title-en {
	font-size: 24px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-hed2row1-page > .mhp-title-ja {
	font-size: 12px;
  }
  .m-hed2row1-page:before {
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h2 （2行）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed2-row2under {
	font-size: 24px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-hed2-row2under:before {
    background-color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed2-row2under {
	font-size: 20px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-hed2-row2under:before {
    background-color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：ページ見出し h2 （2行）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-info {
	font-size: 18px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-hed-info:before {
    background-color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-info {
	font-size: 18px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-hed-info:before {
    background-color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：日付見出し
対象カテゴリ：見出し
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-eventdate {
	font-size: 18px;
  }
  .m-hed-eventdate:before {
    background-color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-eventdate {
	font-size: 18px;
  }
  .m-hed-eventdate:before {
    background-color: #15b2c7;
  }
}

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

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

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

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

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

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



/* =====================================================================================================================
モジュール名：ぱんくずリスト
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-breadcrumb {
	font-size: 10px;
  }
  .m-list-breadcrumb > li {
  }
  .m-list-breadcrumb > li + li {
  }
  .m-list-breadcrumb > li + li:before {
  }
  .m-list-breadcrumb > li > a:hover {
	color: #15b2c7;
  }
}

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

/* =====================================================================================================================
モジュール名：アローリンク
対象カテゴリ：リンク
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-link-arrow,
  a.m-link-arrow {
  }
  .m-link-arrow:before,
  a.m-link-arrow:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  a.m-link-arrow:hover {
    color: #15b2c7;
  }
  .m-link-arrow > .cs-link-blank {
  }
  a.m-link-arrow.is-press {
  }
  a.m-link-arrow.is-large:before {
  }
}

@media all and (max-width: 767.5px) {
  .m-link-arrow,
  a.m-link-arrow {
  }
  .m-link-arrow:before,
  a.m-link-arrow:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-link-arrow > .cs-link-blank {
  }
  a.m-link-arrow.is-press {
  }
  .m-link-arrow.m-link-bold {
	font-size: 16px;
  }
}

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

@media all and (max-width: 767.5px) {
  a.m-link-bold {
  }
  a .m-link-bold {
  }
  a.m-link-arrow.m-link-bold:before {
  }
}

/* =====================================================================================================================
モジュール名：スクロールトップ
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-scroll-top {
  }
  .m-scroll-top::before {
  }
  .m-scroll-top:hover {
  }
}

@media all and (max-width: 767.5px) {
  .m-scroll-top {
  }
  .m-scroll-top::before {
  }
}

/* =====================================================================================================================
モジュール名：アーティスト索引(日本語)
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-index-artist-jp {
	font-size: 0;
  }
  .m-index-artist-jp > li {
	font-size: 14px;
  }
  .m-index-artist-jp > li.line-top {
    background-color: #EEEEEE;
  }
  .m-index-artist-jp > li.is-active {
    background-color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-index-artist-jp > li.is-active a {
    color: #FFFFFF;
  }
  .m-index-artist-jp a {
  }
  .m-index-artist-jp a:hover {
    background-color: #15b2c7;
    border-color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-index-artist-jp {
	font-size: 0;
  }
  .m-index-artist-jp > li {
	font-size: 14px;
  }
  .m-index-artist-jp > li::before {
  }
  .m-index-artist-jp > li.line-end {
  }
  .m-index-artist-jp > li.line-top {
    background-color: #EEEEEE;
  }
  .m-index-artist-jp > li.is-active {
    background-color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-index-artist-jp > li.is-active a {
  }
  .m-index-artist-jp a {
  }
}

/* =====================================================================================================================
モジュール名：アーティスト索引(英語)
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-index-artist-en {
	font-size: 0;
  }
  .m-index-artist-en > li {
	font-size: 14px;
  }
  .m-index-artist-en > li.is-active {
    background-color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-index-artist-en > li.is-active a {
  }
  .m-index-artist-en a {
  }
  .m-index-artist-en a:hover {
    background-color: #15b2c7;
    border-color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-index-artist-en {
	font-size: 0;
  }
  .m-index-artist-en > li {
	font-size: 14px;
  }
  .m-index-artist-en > li::before {
  }
  .m-index-artist-en > li.is-active {
    background-color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-index-artist-en a {
  }
  .m-index-artist-en > li.is-active a {
  }
}

/* =====================================================================================================================
モジュール名：アーティストリスト見出し
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-hed-artist-list {
	font-size: 30px;
  }
  .m-hed-artist-list:before {
    border-radius: 10px;
    background-color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-hed-artist-list {
	font-size: 24px;
  }
  .m-hed-artist-list:before {
    background-color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：アーティストリスト
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-artist {
  }
  .m-list-artist > li {
	font-size: 14px;
  }
  .m-list-artist > li a:hover {
    color: #15b2c7;
  }
  .m-list-artist > li a:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-artist > li {
	font-size: 14px;
  }
  .m-list-artist > li + li {
  }
  .m-list-artist > li a:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
}

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

@media all and (max-width: 767.5px) {
  .m-index-select {
  }
  .m-index-select > .is-active {
    color: #15b2c7;
  }
  .m-index-select > a + a {
  }
}

/* =====================================================================================================================
モジュール名：アーティスト索引(日本語)
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-link-normal {
  }
  a.m-link-normal:hover {
    color: #15b2c7;
  }
}

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

/* =====================================================================================================================
モジュール名：アーティストKV
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-kv-artist {
  }
  .m-kv-artist.is-genre {
  }
  .m-kv-artist .mka-wrap {
  }
  .m-kv-artist .mka-text .mka-text-ja {
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-kv-artist.is-genre .mka-text .mka-text-subja {
  }
  .m-kv-artist .mka-text .mka-text-subja {
    color: #15b2c7;
    font-size: 18px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-kv-artist .mka-text .mka-text-en {
    color: #15b2c7;
    font-size: 18px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-kv-artist .mka-image {
  }
  .m-kv-artist .mka-image img {
  }
}

@media all and (max-width: 767.5px) {
  .m-kv-artist {
  }
  .m-kv-artist .mka-wrap {
  }
  .m-kv-artist .mka-text {
  }
  .m-kv-artist .mka-text .mka-text-ja {
    color: #FFFFFF;
    font-size: 30px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    word-break: normal;
  }
  .m-kv-artist .mka-text .mka-text-en {
    color: #15b2c7;
    font-size: 14px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    margin-top: -0.4px;
    letter-spacing: 4px;
  }
  .m-kv-artist .mka-text .mka-text-subja {
    color: #15b2c7;
    font-size: 14px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    margin-top: 4.6px;
  }
  .m-kv-artist .mka-image {
  }
  .m-kv-artist .mka-image img {
  }
}

/* =====================================================================================================================
モジュール名：アーティストKV special
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-kv-artistspecial {
  }
  .m-kv-artistspecial .mka-wrap {
  }
  .m-kv-artistspecial .mka-text {
  }
  .m-kv-artistspecial .mka-text .mka-text-ja {
    color: #FFFFFF;
    font-size: 36px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-kv-artistspecial .mka-text .mka-text-en {
    color: #15b2c7;
    font-size: 18px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    margin-top: 1.1px;
    letter-spacing: 4px;
  }
  .m-kv-artistspecial .mka-image {
  }
  .m-kv-artistspecial .mka-image iframe {
  }
  .m-kv-artistspecial .m-imagecenter-box {
  }
  .m-kv-artistspecial .m-imagecenter-box img {
  }
  .m-kv-artistspecial .m-imagecenter-box {
  }
  .m-kv-artistspecial .m-imagecenter-box img {
  }
}

@media all and (max-width: 767.5px) {
  .m-kv-artistspecial {
    background-color: #242424;
    margin-left: -10px;
    margin-right: -10px;
  }
  .m-kv-artistspecial .mka-wrap {
  }
  .m-kv-artistspecial .mka-text {
  }
  .m-kv-artistspecial .mka-text .mka-text-ja {
    color: #FFFFFF;
    font-size: 30px;
  }
  .m-kv-artistspecial .mka-text .mka-text-en {
    color: #15b2c7;
    font-size: 14px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    margin-top: -0.4px;
    letter-spacing: 4px;
  }
  .m-kv-artistspecial .mka-image {
  }
  .m-kv-artistspecial .mka-image iframe {
  }
  .m-kv-artistspecial .m-imagecenter-box {
  }
  .m-kv-artistspecial .m-imagecenter-box img {
  }
  .m-kv-artistspecial .m-imagecenter-box > span {
  }
}

/* =====================================================================================================================
モジュール名：アーティストKV カタログ
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-kv-artistcatalog {
    background-color: #fff;
    width: auto;
    padding-top: 27.4px;
    padding-bottom: 33.7px;
  }
  .m-kv-artistcatalog .mka-wrap {
  }
  .m-kv-artistcatalog .mka-text .mka-text-ja {
    color: #333;
    font-size: 32px;
  }
  .m-kv-artistcatalog .mka-text .mka-text-en {
	color: #15b2c7;
    font-size: 18px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
}

@media all and (max-width: 767.5px) {
  .m-kv-artistcatalog {
    background-color: #fff;
  }
  .m-kv-artistcatalog .mka-wrap {
  }
  .m-kv-artistcatalog .mka-text {
  }
  .m-kv-artistcatalog .mka-text .mka-text-ja {
    color: #333;
  }
  .m-kv-artistcatalog .mka-text .mka-text-en {
	color: #15b2c7;
    font-size: 14px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
}

/* =====================================================================================================================
モジュール名：アーティストKV
対象カテゴリ：アーティスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-artistnews .mla-date {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
  }
  .m-list-artistnews a:hover {
    color: #15b2c7;
  }
  .m-list-artistnews ul {
  }
  .m-list-artistnews .m-label-new {
  }
  .m-list-artistnews ul > li > a {
  }
  .m-list-artistnews ul > li + li {
  }
  .m-list-artistnews + .m-list-artistnews {
  }
}

@media all and (max-width: 767.5px) {
  .m-list-artistnews .mla-date {
  }
  .m-list-artistnews ul {
  }
  .m-list-artistnews .m-label-new {
  }
  .m-list-artistnews ul > li > a {
  }
  .m-list-artistnews ul > li + li {
  }
  .m-list-artistnews + .m-list-artistnews {
  }
}

/* =====================================================================================================================
モジュール名： ビデオカルーセル
対象カテゴリ：アーティストトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-carousel-video {
  }
  .m-carousel-video .mcv-list-container {
  }
  .m-carousel-video .mcv-list-video {
  }
  .m-carousel-video .mcv-list-video.is-transition {
  }
  .m-carousel-video .mcv-list-video > li {
  }
  .m-carousel-video .mcv-list-video > li a {
  }
  .m-carousel-video .mcv-list-video > li a img {
  }
  .m-carousel-video .mcv-list-video > li a:hover {
    color: #15b2c7;
  }
  .m-carousel-video .mcv-list-video > li a iframe {
  }
  .m-carousel-video .mcv-list-video > li .mcv-artist {
  }
  .m-carousel-video .mcv-list-video > li .mva-title {
  }
  .m-carousel-video > .mcv-indicator {
  }
  .m-carousel-video > .mcv-indicator > li {
  }
  .m-carousel-video > .mcv-indicator > li > a {
  }
  .m-carousel-video > .mcv-indicator > li > a:hover {
  }
  .m-carousel-video > .mcv-indicator > li.is-active > a {
    background-color: #15b2c7;
  }
  .m-carousel-video > .mcv-indicator > li.is-active > a:hover {
  }
  .m-carousel-video > .mcv-btn {
  }
  .m-carousel-video .mcv-prev-btn,
  .m-carousel-video .mcv-next-btn {
  }
  .m-carousel-video .mcv-prev-btn:hover,
  .m-carousel-video .mcv-next-btn:hover {
    border-color: #15b2c7;
  }
  .m-carousel-video .mcv-prev-btn {
  }
  .m-carousel-video .mcv-prev-btn::before {
    border-left: 1px solid #15b2c7;
    border-bottom: 1px solid #15b2c7;
  }
  .m-carousel-video .mcv-next-btn {
  }
  .m-carousel-video .mcv-next-btn::before {
    border-left: 1px solid #15b2c7;
    border-bottom: 1px solid #15b2c7;
  }
  .m-carousel-video .mcv-prev-btn::before,
  .m-carousel-video .mcv-next-btn::before {
  }
  .m-carousel-video .mcv-prev-btn:hover::before,
  .m-carousel-video .mcv-next-btn:hover::before {
    border-color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-carousel-video {
  }
  .m-carousel-video .mcv-list-container {
  }
  .m-carousel-video .mcv-list-video {
  }
  .m-carousel-video .mcv-list-video.is-transition {
  }
  .m-carousel-video .mcv-list-video > li {
  }
  .m-carousel-video .mcv-list-video > li a {
  }
  .m-carousel-video > .mcv-indicator {
  }
  .m-carousel-video > .mcv-indicator > li {
  }
  .m-carousel-video > .mcv-indicator > li > a {
  }
  .m-carousel-video > .mcv-indicator > li.is-active > a {
    background-color: #15b2c7;
  }
  .m-carousel-video > .mcv-btn {
  }
  .m-carousel-video .mcv-prev-btn,
  .m-carousel-video .mcv-next-btn {
  }
  .m-carousel-video .mcv-prev-btn {
  }
  .m-carousel-video .mcv-prev-btn::before {
    border-left: 1px solid #15b2c7;
    border-bottom: 1px solid #15b2c7;
  }
  .m-carousel-video .mcv-next-btn {
  }
  .m-carousel-video .mcv-next-btn::before {
    border-left: 1px solid #15b2c7;
    border-bottom: 1px solid #15b2c7;
  }
  .m-carousel-video .mcv-prev-btn::before,
  .m-carousel-video .mcv-next-btn::before {
  }
  .m-carousel-video .mcv-list-video > li img {
  }
  .m-carousel-video .mcv-list-video .mcv-artist,
  .m-carousel-video .mcv-list-video .mcv-title {
  }
}

/* =====================================================================================================================
モジュール名： レコメンドモジュールカルーセル
対象カテゴリ：アーティストトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-carousel-recommend {
  }
  .m-carousel-recommend .mcv-list-container {
  }
  .m-carousel-recommend .mcv-list-video {
  }
  .m-carousel-recommend .mcv-list-video.is-transition {
  }
  .m-carousel-recommend .mcv-list-video > li {
  }
  .m-carousel-recommend .mcv-list-video > li a {
  }
  .m-carousel-recommend .mcv-list-video > li a img {
  }
  .m-carousel-recommend .mcv-list-video > li a:hover {
    color: #15b2c7;
  }
  .m-carousel-recommend .mcv-list-video > li a:hover img {
  }
  .m-carousel-recommend .mcv-list-video > li a iframe {
  }
  .m-carousel-recommend .mcv-list-video > li .mcv-artist {
  }
  .m-carousel-recommend .mcv-list-video > li .mva-title {
  }
  .m-carousel-recommend > .mcv-indicator {
  }
  .m-carousel-recommend > .mcv-indicator > li {
  }
  .m-carousel-recommend > .mcv-indicator > li > a {
  }
  .m-carousel-recommend > .mcv-indicator > li > a:hover {
  }
  .m-carousel-recommend > .mcv-indicator > li.is-active > a {
    background-color: #15b2c7;
  }
  .m-carousel-recommend > .mcv-indicator > li.is-active > a:hover {
  }
  .m-carousel-recommend > .mcv-btn {
  }
  .m-carousel-recommend .mcv-prev-btn,
  .m-carousel-recommend .mcv-next-btn {
  }
  .m-carousel-recommend .mcv-prev-btn:hover,
  .m-carousel-recommend .mcv-next-btn:hover {
    border-color: #15b2c7;
  }
  .m-carousel-recommend .mcv-prev-btn {
  }
  .m-carousel-recommend .mcv-prev-btn::before {
    border-left: 1px solid #15b2c7;
    border-bottom: 1px solid #15b2c7;
  }
  .m-carousel-recommend .mcv-next-btn {
  }
  .m-carousel-recommend .mcv-next-btn::before {
    border-left: 1px solid #15b2c7;
    border-bottom: 1px solid #15b2c7;
  }
  .m-carousel-recommend .mcv-prev-btn::before,
  .m-carousel-recommend .mcv-next-btn::before {
  }
  .m-carousel-recommend .mcv-prev-btn:hover::before,
  .m-carousel-recommend .mcv-next-btn:hover::before {
    border-color: #15b2c7;
  }
  .m-carousel-recommend > .mch-indicator {
  }
  .m-carousel-recommend > .mch-indicator > li {
  }
  .m-carousel-recommend > .mch-indicator > li > a:hover {
  }
  .m-carousel-recommend > .mch-indicator > li.is-active > a:hover {
  }
  .m-carousel-recommend > .mch-indicator > li > a {
  }
  .m-carousel-recommend > .mch-indicator > li.is-active > a {
    background-color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：ビデオブロック
対象カテゴリ：アーティストトップ
===================================================================================================================== */


/* =====================================================================================================================
モジュール名：ABバナー
対象カテゴリ：ジャンル
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：サブメニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-sub > li {
  }
  .m-menu-sub > li.is-active a {
    color: #15b2c7;
  }
  .m-menu-sub > li a.is-active {
    color: #15b2c7;
  }
  .m-menu-sub a {
  }
  .m-menu-sub a:hover {
    color: #15b2c7;
  }
  .m-menu-sub .cs-link-blank {
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-sub {
  }
  .m-menu-sub::-webkit-scrollbar {
  }
  .m-menu-sub > li {
  }
  .m-menu-sub .cs-link-blank {
  }
  .m-menu-sub > li + li {
  }
  .m-menu-sub > li:last-child {
  }
  .m-menu-sub > li.is-active a {
    color: #15b2c7;
  }
  .m-menu-sub > li a.is-active {
    color: #15b2c7;
  }
  .m-menu-sub a {
  }
}

/* =====================================================================================================================
モジュール名：アーティスト用サブメニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-artist {
    background-color: #fff;
    border-radius: 8px;
	box-shadow: 0px 2px 5px 0px rgba(153,153,153,0.5);
  }
  .m-menu-artist > li {
  }
  .m-menu-artist > li > * {
  }
  .m-menu-artist > li .m-label-new-small {
  }
  .m-menu-artist > li.is-active a {
    color: #15b2c7;
  }
  .m-menu-artist a {
  }
  .m-menu-artist a:hover {
    color: #15b2c7;
  }
  .m-menu-artist .cs-link-blank {
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-artist {
    background-color: #333;
  }
  .m-menu-artist {
  }
  .m-menu-artist::-webkit-scrollbar {
  }
  .m-menu-artist > li {
    font-size: 15px;
  }
  .m-menu-artist > li:first-child {
  }
  .m-menu-artist > li + li {
  }
  .m-menu-artist > li.is-active {
    border-top: 2px solid #15b2c7;
  }
  .m-menu-artist > li.is-active a {
    color: #15b2c7;
  }
  .m-menu-artist > li > a {
    color: #FFFFFF;
  }
  .is-menu-artist {
  }
}

/* =====================================================================================================================
モジュール名：ソートメニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-sort {
  }
  .m-menu-sort > li {
  }
  .m-menu-sort > li a.is-active {
    color: #15b2c7;
  }
  .m-menu-sort a {
  }
  .m-menu-sort a:hover {
    color: #15b2c7;
  }
  .m-menu-sort > li.is-active a {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-sort {
  }
  .m-menu-sort::-webkit-scrollbar {
  }
  .m-menu-sort > li {
  }
  .m-menu-sort > li + li {
  }
  .m-menu-sort > li:last-child {
  }
  .m-menu-sort > li a.is-active {
    color: #15b2c7;
  }
  .m-menu-sort a {
  }
  .m-menu-sort > li.is-active a {
    color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：日付メニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-date {
  }
  .m-menu-date .mmd-hence {
  }
  .m-menu-date > .mmd-hence > .mmd-btn-wrap + .mmd-btn-wrap {
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-date {
  }
  .m-menu-date .mmd-hence {
  }
  .m-menu-date > .mmd-hence > .mmd-btn-wrap + .mmd-btn-wrap {
  }
}

/* =====================================================================================================================
モジュール名：記事メニュー
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-menu-article {
  }
  .m-menu-article .mma-all {
  }
  .m-menu-article .mma-all a {
  }
  .m-menu-article .mma-all a:hover {
    color: #15b2c7;
  }
  .m-menu-article .mma-prev {
  }
  .m-menu-article .mma-next {
  }
  .m-menu-article .mma-next a,
  .m-menu-article .mma-prev a {
  }
  .m-menu-article .mma-next a {
  }
  .m-menu-article .mma-next a:hover,
  .m-menu-article .mma-prev a:hover {
    color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-menu-article .mma-next a:before,
  .m-menu-article .mma-prev a:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-menu-article .mma-prev a:before {
  }
  .m-menu-article a.is-nolink {
  }
  .m-menu-article a.is-nolink:before {
  }
}

@media all and (max-width: 767.5px) {
  .m-menu-article {
  }
  .m-menu-article .mma-all a {
  }
  .m-menu-article .mma-next,
  .m-menu-article .mma-prev {
  }
  .m-menu-article .mma-all + .mma-next,
  .m-menu-article .mma-all + .mma-prev {
  }
  .m-menu-article .mma-next a,
  .m-menu-article .mma-prev a {
  }
  .m-menu-article .mma-next a:before,
  .m-menu-article .mma-prev a:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-menu-article .mma-prev a:before {
  }
  .m-menu-article a.is-nolink {
  }
  .m-menu-article a.is-nolink:before {
  }
}

/* =====================================================================================================================
モジュール名：ビデオリスト
対象カテゴリ：Video
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-video > .mlv-template {
  }
  .m-list-video > li:hover {
  }
  .m-list-video .list-video_thumb {
  }
  .m-list-video .list-video_thumb > img {
  }
  .m-list-video .list-video_thumb > .cs-yt-play {
  }
  .m-list-video > li:hover .list-video_title {
    color: #15b2c7;
  }
  .m-list-video .list-video_title {
  }
}

@media all and (max-width: 767.5px) {
  .m-list-video > .mlv-template {
  }
  .m-list-video .list-video_thumb {
  }
  .m-list-video .list-video_thumb > img {
  }
  .m-list-video .list-video_thumb > .cs-yt-play {
  }
  .m-list-video .list-video_title {
  }
  .m-list-video > li + li {
  }
}

/* =====================================================================================================================
モジュール名：シェアボタンエリア
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-topics {
  }
  .m-list-topics > li {
  }
  .m-list-topics > li > a {
  }
  .m-list-topics > li > a:hover {
    color: #15b2c7;
  }
  .m-list-topics .mlt-title {
  }
  .m-list-topics .mlt-read {
  }
}

@media all and (max-width: 767.5px) {
  .m-list-topics {
  }
  .m-list-topics.is-transition {
  }
  .m-list-topics > li {
  }
  .m-list-topics > li > a {
  }
  .m-list-topics .mlt-title {
  }
  .m-list-topics .mlt-read {
  }
}

/* =====================================================================================================================
モジュール名：シェアボタンエリア
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-share-site {
  }
  .m-share-site > span {
    font-size: 14px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    vertical-align: middle;
  }
  .m-share-site > span + ul {
  }
  .m-share-site > ul {
  }
  .m-share-site > ul > li {
  }
  .m-share-site > ul > li + li {
  }
  .m-share-site .mss-artist-mail {
  }
}

@media all and (max-width: 767.5px) {
  .m-share-site {
  }
  .m-share-site > span {
    font-size: 14px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-share-site > span + ul {
  }
  .m-share-site > ul {
  }
  .m-share-site > ul > li {
  }
  .m-share-site > ul > li + li {
  }
  .m-share-site .mss-artist-mail {
  }
}

/* =====================================================================================================================
モジュール名：記事をシェアするボタン
対象カテゴリ：ニュース・ライブ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-share-article {
  }
  .m-share-article > span {
    color: #484848;
    font-size: 12px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-share-article > span + ul {
  }
  .m-share-article > ul {
  }
  .m-share-article > ul > li + li {
  }
}

@media all and (max-width: 767.5px) {
  .m-share-article {
  }
  .m-share-article > span {
    color: #484848;
    font-size: 14px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-share-article > span + ul {
  }
  .m-share-article > ul {
  }
  .m-share-article > ul > li + li {
  }
}

/* =====================================================================================================================
モジュール名：一覧ページボタン(small)
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-link-small {
    border: 1px solid #15b2c7;
  }
  .m-btn-link-small:hover {
    color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-btn-link-small > span {
  }
  .m-btn-link-small .cs-link-blank {
  }
  .m-btn-link-small:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
}

/* =====================================================================================================================
モジュール名：一覧ページボタン(small)
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-link-span span {
  }
  .m-link-span span {
  }
  a.m-link-span:hover {
    color: #15b2c7;
  }
  a.m-link-span span {
  }
  a.m-link-span:hover span {
  }
  a.m-link-span .cs-icon-rss {
  }
}

/* =====================================================================================================================
モジュール名：一覧ページボタン(top)
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-link-top {
    border: 1px solid #15b2c7;
  }
  .m-btn-link-top:hover {
    color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-btn-link-top > span {
  }
  .m-btn-link-top .cs-link-blank {
  }
  .m-btn-link-top:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-btn-link-top.m-dn-pc {
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-link-top {
  }
  .m-btn-link-top span + span {
  }
  .m-btn-link-top .cs-link-blank {
  }
  .m-btn-link-top.is-noarrow:before {
  }
  .m-btn-link-top:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-btn-link-top.m-dn-sp {
  }
}

/* =====================================================================================================================
モジュール名：twitterボタン
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-link-blank {
  }
  .m-btn-link-blank:hover {
    color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-btn-link-blank .cs-link-blank {
  }
  .m-btn-link-blank:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-btn-link-blank .cs-share-twitter-small {
  }
  .m-btn-link-blank .cs-share-twitter-small {
  }
  .m-btn-link-blank:hover .cs-share-twitter-small {
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-link-blank .cs-link-blank {
  }
  .m-btn-link-blank:before {
    border-top: 2px solid #15b2c7;
    border-right: 2px solid #15b2c7;
  }
  .m-btn-link-blank .cs-share-twitter-small {
  }
  .m-btn-link-blank.is-tap .cs-share-twitter-small {
  }
}

@media all and (max-width: 350px) {
  .m-btn-link-blank {
  }
}

/* =====================================================================================================================
モジュール名：日付メニューボタン（今週以降）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-hence {
  }
  .m-btn-hence.is-active {
    color: #15b2c7;
  }
  a.m-btn-hence:hover {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-hence {
  }
  .m-btn-hence > span {
  }
  .m-btn-hence.is-active {
    color: #15b2c7;
  }
}

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

/* =====================================================================================================================
モジュール名：日付メニューボタン（先月）
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-past {
  }
  .m-btn-past > span {
  }
  .m-btn-past.is-active > span {
    color: #15b2c7;
  }
  a.m-btn-past:hover > span {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-past {
  }
  .m-btn-past > span {
  }
  .m-btn-past.is-active > span {
    color: #15b2c7;
  }
}

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

/* =====================================================================================================================
モジュール名：マイアーティストメールボタン
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-myartist {
  }
  .m-btn-myartist > span {
  }
  .m-btn-myartist.is-active > span {
    color: #15b2c7;
  }
  a.m-btn-myartist:hover > span {
    color: #15b2c7;
  }
  a.m-btn-myartist:hover {
    border: 1px solid #15b2c7;
  }
  .m-btn-myartist > span + span {
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-myartist {
  }
  .m-btn-myartist > span {
  }
  .m-btn-myartist.is-active > span {
    color: #15b2c7;
  }
  .m-btn-myartist > span + span {
  }
}

@media all and (max-width: 350px) {
  .m-btn-myartist {
  }
  .m-btn-myartist > span + span {
  }
  .m-share-site > span + ul {
  }
}

/* =====================================================================================================================
モジュール名：一覧ページボタン(normal)
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-link-normal {
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-link-normal {
  }
  .m-btn-link-normal > span {
  }
  .m-btn-link-normal:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：大きめのボタン
対象カテゴリ：ボタン
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-large {
  }
  .m-btn-large > span {
  }
  .m-btn-large:hover {
    color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-btn-large:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-btn-large.is-noarrow:before {
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-large {
  }
  .m-btn-large > span {
  }
  .m-btn-large:before {
    border-top: 2px solid #15b2c7;
    border-right: 2px solid #15b2c7;
  }
  .m-btn-large.is-noarrow:before {
  }
}

/* =====================================================================================================================
モジュール名：送信ボタン
対象カテゴリ：ボタン
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-submit {
  }
  .m-btn-submit > input {
  }
  .m-btn-submit > span {
  }
  .m-btn-submit:hover > input {
    color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-btn-submit:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-btn-submit.is-mailmagazine {
  }
  .m-btn-submit.is-mailmagazine > input {
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-submit {
  }
  .m-btn-submit > input {
  }
  .m-btn-submit > span {
  }
  .m-btn-submit:before {
    border-top: 2px solid #15b2c7;
    border-right: 2px solid #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：矢印左ボタン
対象カテゴリ：ボタン
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-prev {
  }
  .m-btn-prev > button {
  }
  .m-btn-prev > span {
  }
  .m-btn-prev:hover > button {
    color: #15b2c7;
    border: 1px solid #15b2c7;
  }
  .m-btn-prev:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-prev {
  }
  .m-btn-prev > button {
  }
  .m-btn-prev > span {
  }
  .m-btn-prev:before {
    border-top: 2px solid #15b2c7;
    border-right: 2px solid #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：一覧ページボタン(videoページ)
対象カテゴリ：ビデオ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-btn-link-video {
  }
}

@media all and (max-width: 767.5px) {
  .m-btn-link-video {
  }
  .m-btn-link-video > span {
  }
  .m-btn-link-video .cs-link-blank {
  }
  .m-btn-link-video:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：購入・ストリーミング・ダウンロードボタン
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  a.m-btn-disco {
    background-color: #15b2c7;
  }
  a.m-btn-disco:hover {
  }
  a.m-btn-disco:before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .m-btn-disco > span {
  }
}

@media all and (max-width: 767.5px) {
  a.m-btn-disco {
    background-color: #15b2c7;
  }
  a.m-btn-disco:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-btn-disco > span {
  }
}

/* =====================================================================================================================
モジュール名：購入・ストリーミング・ダウンロードボタン
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */


/* =====================================================================================================================
モジュール名：購入・ストリーミング・ダウンロードボタン
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：視聴ボタン
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：視聴ボタン40*40
対象カテゴリ：ディスコグラフィーモーダル
===================================================================================================================== */


/* =====================================================================================================================
モジュール名：視聴ボタン40*40
対象カテゴリ：試聴モーダル
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：商品紹介
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：視聴ブロックSP
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：プレイリスト紹介
対象カテゴリ：プレイリスト詳細
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：本文
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-read-default {
  }
  .m-read-default.is-fs16 {
  }
  .m-read-default.is-right {
  }
  .m-read-default > a {
  }
  .m-read-default > a:hover {
    color: #15b2c7;
  }
  .m-read-default + .m-read-default {
  }
  .m-read-default.is-center {
  }
  .m-read-default .is-bold {
  }
  .m-read-default.is-bold {
  }
  .m-read-default .is-red {
    color: #15b2c7;
  }
  .m-read-default.is-large {
  }
  .m-read-default > .is-bold {
  }
}

@media all and (max-width: 767.5px) {
  .m-read-default {
  }
  .m-read-default.is-right {
  }
  .m-read-default.is-center {
  }
  .m-read-default.is-spsmall {
  }
  .m-read-default > a {
  }
  .m-read-default > a.is-tap {
  }
  .m-read-default + .m-read-default {
  }
  .m-read-default .is-bold {
  }
  .m-read-default.is-bold {
  }
  .m-read-default .is-red {
    color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：本文 英語
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：小見出し
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：小見出し2
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：小見出し2
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：小見出し2
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：横並びボックス
対象カテゴリ：all、プレスリリース
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：注意書き
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-note-important {
    color: #15b2c7;
  }
  .m-note-important .mnd-title {
  }
  .m-note-important .mnd-read {
  }
  .m-note-important .mnd-title + .mnd-read {
  }
}

@media all and (max-width: 767.5px) {
  .m-note-important {
    color: #15b2c7;
  }
  .m-note-important .mnd-title {
  }
  .m-note-important .mnd-read {
  }
  .m-note-important .mnd-title + .mnd-read {
  }
}

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

@media all and (max-width: 767.5px) {
  .m-note-default {
  }
  .m-note-default.is-black {
  }
}

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

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

/* =====================================================================================================================
モジュール名：画像ボックス
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：画像ボックス
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：デフォルトリスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-default {
  }
  .m-list-default a:hover {
    color: #15b2c7;
  }
  .m-list-default > li + li {
  }
}

@media all and (max-width: 767.5px) {
  .m-list-default {
  }
  .m-list-default > li + li {
  }
}

/* =====================================================================================================================
モジュール名：番号リスト
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：概要リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
}
/* =====================================================================================================================
モジュール名：確認リスト
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：４列リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-year {
  }
  .m-list-year > li {
  }
  .m-list-year > li.is-active:before {
  }
  .m-list-year > li:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-list-year > li > a {
  }
  .m-list-year > li > a:hover {
    color: #15b2c7;
  }
  .m-list-year > li.is-active > a {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-year {
  }
  .m-list-year > li {
  }
  .m-list-year > li > a {
  }
  .m-list-year > li:first-child:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-list-year > li:nth-child(2):before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-list-year > li.is-nolink a {
  }
  .m-list-year > li.is-nolink:before {
  }
}

/* =====================================================================================================================
モジュール名：４列リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-col4 {
  }
  .m-list-col4 > li {
  }
  .m-list-col4 > li > a {
  }
  .m-list-col4 > li a:hover {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-col4 > li {
  }
  .m-list-col4 > li + li {
  }
}

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

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

/* =====================================================================================================================
モジュール名：2列リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-col2 {
  }
  .m-list-col2 > li {
  }
  .m-list-col2 > li a:hover {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-col2 > li {
  }
  .m-list-col2 > li + li {
  }
}

/* =====================================================================================================================
モジュール名：1列リスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-col1 > li {
  }
  .m-list-col1 > li + li {
  }
  .m-list-col1 > li a:hover {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-col1 > li {
  }
  .m-list-col1 > li + li {
  }
}

/* =====================================================================================================================
モジュール名：アコーディオンリスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-accordion {
  }
  .m-list-accordion .mla-question {
  }
  .m-list-accordion .mla-question:hover {
    color: #15b2c7;
  }
  .m-list-accordion .mla-question p {
  }
  .m-list-accordion .mla-question p:before {
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-list-accordion .mla-question:after {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-list-accordion .mla-question.is-active:after {
  }
  .m-list-accordion .mla-answer {
  }
  .m-list-accordion .mla-answer > .mla-answer-wrap {
  }
  .m-list-accordion .mla-answer > .mla-answer-wrap:before {
    color: #15b2c7;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .mla-answer-wrap > p {
  }
  .m-list-accordion a.mla-imglink {
  }
  .m-list-accordion a {
  }
  .m-list-accordion .mla-answer-wrap dl {
  }
  .m-list-accordion .mla-answer-wrap dl dt {
  }
  .m-list-accordion .mla-answer-wrap dl .mla-pc-none {
  }
  .m-list-accordion .mla-answer-wrap p > .m-link-arrow {
  }
  .m-list-accordion .mla-answer-wrap .m-link-arrow {
  }
}

@media all and (max-width: 767.5px) {
  .m-list-accordion {
  }
  .m-list-accordion .mla-question {
  }
  .m-list-accordion .mla-question:before {
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-list-accordion .mla-question:after {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
  .m-list-accordion .mla-question.is-active:after {
  }
  .m-list-accordion .mla-answer {
  }
  .m-list-accordion .mla-answer > .mla-answer-wrap {
  }
  .m-list-accordion .mla-answer > .mla-answer-wrap:before {
    font-size: 18px;
    color: #15b2c7;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
  }
  .m-list-accordion a {
  }
  .m-list-accordion .mla-answer-space {
  }
}

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

@media all and (max-width: 767.5px) {
  .m-list-faq {
  }
  .m-list-faq > li + li {
  }
}

/* =====================================================================================================================
モジュール名：テーブルデフォルト
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：テーブルSP縦
対象カテゴリ：all
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：リンクリスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-link .mll-title {
  }
  .m-list-link .mll-read {
  }
  .m-list-link > li > a {
  }
  .m-list-link > li + li {
  }
  .m-list-link > li a:hover {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-link {
  }
  .m-list-link .mll-title {
  }
  .m-list-link .mll-read {
  }
  .m-list-link > li > a {
  }
  .m-list-link > li + li {
  }
}

/* =====================================================================================================================
モジュール名：重要なお知らせリスト
対象カテゴリ：all
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-important {
  }
  .m-list-important .mli-title {
  }
  .m-list-important .mli-read {
  }
  .m-list-important li > a {
  }
  .m-list-important > li a:hover {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-important {
  }
  .m-list-important .mli-title {
  }
  .m-list-important .mli-read {
  }
  .m-list-important > li > a {
  }
}

/* =====================================================================================================================
モジュール名：視聴リスト
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：レコメンドモジュール　SNS
対象カテゴリ：レコメンドモジュール
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：レコメンドモジュール　SNS
対象カテゴリ：レコメンドモジュール
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-block-video {
  }
  .m-block-video {
  }
  .m-block-video a:hover {
    color: #15b2c7;
  }
  .m-block-video .hlv-artist {
  }
  .m-block-video .hlv-title {
  }
  .m-block-video img {
  }
}

@media all and (max-width: 767.5px) {
  .m-block-video {
  }
  .m-block-video {
  }
  .m-block-video .hlv-artist {
  }
  .m-block-video .hlv-title {
  }
  .m-block-video .img-wrap {
  }
  .m-block-video img {
  }
  .m-block-video li + li {
  }
}

/* =====================================================================================================================
モジュール名：視聴リストトップ
対象カテゴリ：アーティストトップ
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：視聴リストトップ
対象カテゴリ：アーティストトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-block-listtop {
  }
  .m-block-listtop .mbl-musiclist {
  }
  .m-block-listtop .mbl-package {
  }
  .m-block-listtop .m-list-discography {
  }
  .m-block-listtop .m-list-discography .mld-info {
  }
  .m-block-listtop .m-list-discography .mld-title {
  }
  .m-block-listtop .m-list-discography .m-imagecenter-boxbg {
  }
  .m-block-listtop .m-list-discography li + li {
  }
}

@media all and (max-width: 767.5px) {
  .m-block-listtop {
  }
  .m-block-listtop .m-list-discography .mld-title {
  }
  .m-block-listtop .mbl-musiclist {
  }
  .m-block-listtop .mbl-package {
    background-color: #fff;
  }
  .mbl-package a {
    color: #333;
  }
  .m-block-listtop .m-list-discography {
  }
  .m-block-listtop .m-list-discography li + li {
  }
}

/* =====================================================================================================================
モジュール名：ディスコグラフィーモーダル
対象カテゴリ：ライブ
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：ストリーミングバナーリスト
対象カテゴリ：プレイリスト詳細
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：ストリーミングバナーリスト
対象カテゴリ：プレイリスト詳細
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：ディスコグラフィーモーダル
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：モーダル、iframe用
対象カテゴリ：ディスコグラフィー
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：ラベル
対象カテゴリ：ライブ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-label-area {
  }
  .m-label-category {
  }
  .m-label-new {
    font-size: 12px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    color: #C7165A;
  }
  .m-label-new-small {
    font-size: 9px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    color: #C7165A;
  }
  .m-label-required {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-label-area {
  }
  .m-label-category {
  }
  .m-label-new {
    font-size: 12px;
	font-family: 'Roboto', SourceHanSans-Regular, SourceHanSansJP-Regular, '源ノ角ゴシック Regular','源ノ角ゴシック', NotoSansJP-Regular, 'Noto Sans Japanese Regular', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'メイリオ', sans-serif;
    color: #ee699c;
  }
  .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: #ee699c;
  }
  .m-label-required {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：ライブ・イベント記事
対象カテゴリ：ライブ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-event-article .mea-artist {
  }
  .m-event-article a.mea-artist:hover {
    color: #15b2c7;
  }
  .m-event-article a {
  }
  .m-event-article .mea-title {
  }
  .m-event-article .mea-label-wrap {
  }
  .m-event-article .mea-title-wrap {
  }
  .m-event-article .mea-read {
  }
  .m-event-article .mea-share {
  }
}

@media all and (max-width: 767.5px) {
  .m-event-article .mea-artist {
  }
  .m-event-article .mea-title {
  }
  .m-event-article .mea-label-wrap {
  }
  .m-event-article .m-label-area + .m-label-category {
  }
  .m-event-article .mea-title-wrap {
  }
  .m-event-article .mea-label-wrap {
  }
  .m-event-article .mea-read {
  }
  .m-event-article .mea-read-wrap {
  }
  .m-event-article .mea-share {
  }
}

/* =====================================================================================================================
モジュール名：ニュース記事
対象カテゴリ：ニュース
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：ニュース記事詳細
対象カテゴリ：画像関係
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-news-detail .mnd-hed-date:before {
    background-color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名： タイアップ記事
対象カテゴリ：タイアップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-article-tieup .mat-listening > a:hover > span {
    color: #15b2c7;
  }
  .m-article-tieup .mat-artist > a:hover {
    color: #15b2c7;
  }

}

/* =====================================================================================================================
モジュール名：アーティストライブ記事詳細
対象カテゴリ：画像関係
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-article-live .mal-read > a:hover {
    color: #15b2c7;
  }
  .m-article-live > a:hover {
    color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：画像中央寄せボックス
対象カテゴリ：画像関係
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：画像中央寄せボックス(背景灰色)
対象カテゴリ：画像関係
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：SNSブロック
対象カテゴリ：画像関係
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：アーティストトップブロック
対象カテゴリ：アーティストトップ
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-block-artisttop {
    background-color: #fff;
    border-radius: 0px;
	color:#333;
    padding: 30px;
	box-shadow: 0px 5px 10px 0px rgba(153,153,153,0.5);
  }
  .m-block-artisttop .mba-title {
    font-size: 18px;
  }
  .m-block-artisttop .mba-title:before {
    border-radius: 1px;
    background-color: #15b2c7;
  }
  .m-block-artisttop .mba-date {
    font-size: 14px;
    color: #15b2c7;
  }
  .m-block-artisttop .mba-data {
    font-size: 12px;
    color: #666;
  }
  .m-block-artisttop .mba-imginfo-wrap {
  }
  .m-block-artisttop .mba-info {
  }
  .m-block-artisttop .mba-btn {
  }
  .m-block-artisttop .mba-read {
  }
  .m-block-artisttop .mba-read a {
    color: #333;
  }
  .m-block-artisttop a {
    color: #333;
  }
  .m-block-artisttop a:hover {
    color: #999;
  }
  .m-block-artisttop .mba-btn a,
  .m-block-artisttop .mba-btn a:hover {
    color: #fff;
  }
  .m-block-artisttop a .mba-title {
  }
  .m-block-artisttop a:hover .mba-title {
  }
  .m-block-artisttop a > img {
  }
  .m-block-artisttop a.mba-img {
  }
  .m-block-artisttop a.mba-img:hover {
  }
  .m-block-artisttop .mba-img {
  }
  .m-block-artisttop .mba-img img {
  }
}

@media all and (max-width: 767.5px) {
  .m-block-artisttop {
    background-color: #fff!important;
    color: #333;
  }
  .m-block-artisttop .mba-title {
    font-size: 18px;
  }
  .m-block-artisttop .mba-title:before {
    border-radius: 1px;
    background-color: #15b2c7;
  }
  .m-block-artisttop .mba-date {
    font-size: 14px;
  }
  .m-block-artisttop .mba-data {
    font-size: 12px;
    color: #666;
  }
  .m-block-artisttop .mba-img {
  }
  .m-block-artisttop .mba-img img {
  }
  .m-block-artisttop .mba-read a {
    color: #333;
  }
  .m-block-artisttop .mba-info a {
    color: #333;
  }
  .m-block-artisttop .mba-btn a,
  .m-block-artisttop .mba-btn a:hover {
    color: #fff;
  }
  .m-block-artisttop .mba-info a.is-block {
  }
  .m-block-artisttop .mba-info {
  }
  .m-block-artisttop .mba-btn {
  }
  .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;
  }
}

/* =====================================================================================================================
モジュール名：ニューリリースリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-newrelease > li > a > .mln-label {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #15b2c7;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px;
    margin-top: 7px;
    background-color: #15b2c7;
    transition: opacity .1s;
  }
  .m-list-newrelease > li > a:hover > .mln-label {
  }
}

@media all and (max-width: 767.5px) {
  .m-list-newrelease > li > a > .mln-label {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #15b2c7;
    background-color: #15b2c7;
  }
  .m-list-newrelease > li > a.is-tap > .mln-label {
  }
}



/* =====================================================================================================================
モジュール名：ディスコグラフィーリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-discography {
  }
  .m-list-discography a {
  }
  .m-list-discography a > * {
  }
  .m-list-discography a:hover > .mld-thumb {
  }
  .m-list-discography .mld-title {
  }
  .m-list-discography .mld-title-wrap {
  }
  .m-list-discography .m-label-category {
  }
  .m-list-discography .mld-artist {
  }
  .m-list-discography .mld-info {
  }
  .m-list-discography .mld-right {
  }
  .m-list-discography .mld-label {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #15b2c7;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px;
    margin-top: 7px;
    background-color: #15b2c7;
    transition: opacity .1s;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-discography {
  }
  .m-list-discography .m-imagecenter-boxbg {
  }
  .m-list-discography a {
  }
  .m-list-discography .mld-right {
  }
  .m-list-discography .mld-title-wrap {
  }
  .m-list-discography .mld-title {
  }
  .m-list-discography .m-label-category {
  }
  .m-list-discography .mld-artist {
  }
  .m-list-discography .mld-info {
  }
  .m-list-discography.is-bgsp .mld-info {
    color: #666;
  }
  .g-col-abcd.m-list-discography > * + * {
  }
}

/* =====================================================================================================================
モジュール名：プレイリストリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-playlist {
  }
  .m-list-playlist > li > a {
  }
  .m-list-playlist > li > a > * {
  }
  .m-list-playlist > li > a:hover > .mlp-thumb {
  }
  .m-list-playlist > li > a:hover > * {
    color: #15b2c7;
  }
  .m-list-playlist .mlp-info {
  }
  .m-list-playlist .mlp-title {
  }
}

@media all and (max-width: 767.5px) {
  .m-list-playlist {
  }
  .m-list-playlist > li + li {
  }
  .m-list-playlist .mlp-info {
  }
  .m-list-playlist .mlp-title {
  }
  .m-list-playlist.is-spscroll {
  }
  .m-list-playlist::-webkit-scrollbar {
  }
  .m-list-playlist.is-spscroll > li {
  }
  .m-list-playlist.is-spscroll > li + li {
  }
  .m-list-playlist.is-spscroll .mlp-title {
  }
}

/* =====================================================================================================================
モジュール名：ジャンルリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-genre {
  }
  .m-list-genre > li > a {
  }
  .m-list-genre > li > a > * {
  }
  .m-list-genre > li > a:hover > .mlg-thumb {
  }
  .m-list-genre > li > a:hover > * {
    color: #15b2c7;
  }
  .m-list-genre > li > a > .mlg-title {
  }
  .m-list-genre > li > a > .mlg-title > span {
  }
  .m-list-genre > li > a > .mlg-title > .m-label-category {
  }
}

@media all and (max-width: 767.5px) {
  .m-list-genre {
  }
  .m-list-genre > li > a > .mlg-title {
  }
  .m-list-genre > li > a > .mlg-title > span {
  }
  .m-list-genre > li > a {
  }
  .g-col-abcd.m-list-genre > * + * {
  }
  .m-list-genre .m-imagecenter-boxbg {
  }
  .m-list-genre .m-imagecenter-box > img {
  }
  .m-list-genre > li > a > .mlg-title > .m-label-category {
  }
}

/* =====================================================================================================================
モジュール名：広告リスト
対象カテゴリ：リスト
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：イメージリスト
対象カテゴリ：リスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-imglink {
  }
  .m-list-imglink > li {
  }
  .m-list-imglink > li:nth-child(n+3) {
  }
  .m-list-imglink .mli-wrap {
  }
  .m-list-imglink .mli-img {
  }
  .m-list-imglink .mli-text {
  }
  .m-list-imglink .mli-main {
  }
  .m-list-imglink .mli-sub {
  }
  .m-list-imglink img {
  }
  .m-list-imglink a img {
  }
  .m-list-imglink a .mli-text {
  }
  .m-list-imglink a:hover img {
  }
  .m-list-imglink a:hover .mli-text {
    color: #15b2c7;
  }
  .m-list-imglink a .mli-main:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-list-imglink {
  }
  .m-list-imglink > li {
  }
  .m-list-imglink .mli-wrap {
  }
  .m-list-imglink .mli-img {
  }
  .m-list-imglink .mli-text {
  }
  .m-list-imglink .mli-main {
  }
  .m-list-imglink .mli-sub {
  }
  .m-list-imglink img {
  }
  .m-list-imglink a .mli-main {
  }
  .m-list-imglink a .mli-main:before {
    border-top: 1px solid #15b2c7;
    border-right: 1px solid #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：インプットフォームリスト
対象カテゴリ：フォームリスト
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-list-forminput {
  }
  .m-list-forminput > div {
  }
  .m-list-forminput dt {
  }
  .m-list-forminput.is-mailmagazine dt {
  }
  .m-list-forminput.is-mailmagazine .mlf-attention dt {
  }
  .m-list-forminput dd {
  }
  .m-list-forminput .mlr-note {
  }
  .m-list-forminput .mlr-subtext {
  }
  .m-list-forminput .mlr-agree {
  }
  .m-list-forminput .mlr-checkbox {
  }
  .m-list-forminput .mlr-radio {
  }
  .m-list-forminput .mlr-radio + .mlr-radio {
  }
  .m-list-forminput > .mlf-attention {
  }
  .m-list-forminput > .mlf-attention > dt {
  }
  .m-list-forminput > .mlf-attention > dt:after {
  }
  .m-list-forminput > .mlf-attention > dd {
  }
  .m-list-forminput .mlr-validate {
  }
}

@media all and (max-width: 767.5px) {
  .m-list-forminput {
  }
  .m-list-forminput > div {
  }
  .m-list-forminput dt {
  }
  .m-list-forminput dd {
  }
  .m-list-forminput .mlf-attention dd {
  }
  .m-list-forminput .mlr-note {
  }
  .m-list-forminput .mlr-subtext {
  }
  .m-list-forminput .mlr-agree {
  }
  .m-list-forminput .mlr-checkbox {
  }
  .m-list-forminput .mlr-radio {
  }
  .m-list-forminput .mlr-radio + .mlr-radio {
  }
  .m-list-forminput .mlr-validate {
    color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：テキストフォーム
対象カテゴリ：フォーム
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：ラジオボタン
対象カテゴリ：フォーム
===================================================================================================================== */


/* =====================================================================================================================
モジュール名：チェックボックス
対象カテゴリ：フォーム
===================================================================================================================== */


/* =====================================================================================================================
モジュール名：テキストエリア
対象カテゴリ：フォーム
===================================================================================================================== */


/* =====================================================================================================================
モジュール名：テキストエリア
対象カテゴリ：フォーム
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：マイアーティストメールフォーム
対象カテゴリ：フォーム
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：チェックボックス
対象カテゴリ：フォーム
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-content-checkbox {
  }
  .m-content-checkbox.is-pcborder {
  }
  .m-content-checkbox.is-pcborder {
  }
  .m-content-checkbox .is-bold {
  }
  .m-content-checkbox.is-pcborder .mlc-list {
  }
  .m-content-checkbox .mlc-list {
  }
  .m-content-checkbox .mlc-list li + li {
  }
  .m-content-checkbox .mlc-list.is-noclick .mlr-checkbox .mfc-icon + span,
  .m-content-checkbox .mlc-list.is-noclick .mlr-checkbox .mfc-icon {
  }
  .m-content-checkbox + .mlr-validate {
    color: #15b2c7;
  }
}

@media all and (max-width: 767.5px) {
  .m-content-checkbox {
  }
  .m-content-checkbox .is-bold {
  }
  .m-content-checkbox .mlc-list {
  }
  .m-content-checkbox .mlc-list > li + li {
  }
  .m-content-checkbox + .mlr-validate {
    color: #15b2c7;
  }
}

/* =====================================================================================================================
モジュール名：モーダル
対象カテゴリ：ALL
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：モーダル(iframe用)
対象カテゴリ：ALL
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：モーダル(iframe用)
対象カテゴリ：ALL
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：視聴モーダル
対象カテゴリ：ALL
===================================================================================================================== */
@media all and (min-width: 767.5px) {
  .m-modal-listening {
  }
  .m-modal-listening .mml-rl-wrap {
  }
  .m-modal-listening .mml-img {
  }
  .m-modal-listening img {
  }
  .m-modal-listening .mml-info {
  }
  .m-modal-listening .mml-title {
  }
  .m-modal-listening .mml-artist {
  }
  .m-modal-listening .mml-inforead {
  }
  .m-modal-listening .mml-indicator {
  }
  .m-modal-listening .mml-btn {
  }
  .m-modal-listening .mml-controller {
  }
  .m-modal-listening .mml-timeline {
  }
  .m-modal-listening .mml-line {
  }
  .m-modal-listening .mml-line::before {
  }
  .m-modal-listening .mml-line > .mml-line-control {
    background-color: #15b2c7;
  }
  .m-modal-listening .mml-time {
  }
  .m-modal-listening .mml-line > span {
    background-color: #15b2c7;
  }
  .m-modal-listening .mml-controller-sub {
  }
  .m-modal-listening .mml-volume {
  }
  .m-modal-listening .mml-reverse {
  }
  .m-modal-listening .mml-reverse:hover {
  }
  .m-modal-listening .mml-volume .mml-volume-seek {
  }
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-current {
  }
  .m-modal-listening .mml-volume .mml-volume-seek::before {
  }
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-off,
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-max {
  }
  .m-modal-listening .mml-read {
  }
  .m-modal-listening .mml-read a {
  }
  .m-modal-listening .mml-more {
  }
}

@media all and (max-width: 767.5px) {
  .m-modal-listening {
  }
  .m-modal-listening .mml-rl-wrap {
  }
  .m-modal-listening .mml-img {
  }
  .m-modal-listening img {
  }
  .m-modal-listening .mml-info {
  }
  .m-modal-listening .mml-title {
  }
  .m-modal-listening .mml-artist {
  }
  .m-modal-listening .mml-inforead {
  }
  .m-modal-listening .mml-indicator {
  }
  .m-modal-listening .mml-btn {
  }
  .m-modal-listening .mml-controller {
  }
  .m-modal-listening .mml-timeline {
  }
  .m-modal-listening .mml-line {
  }
  .m-modal-listening .mml-line::before {
  }
  .m-modal-listening .mml-line > .mml-line-control {
    background-color: #15b2c7;
  }
  .m-modal-listening .mml-time {
  }
  .m-modal-listening .mml-line > span {
    background-color: #15b2c7;
  }
  .m-modal-listening .mml-controller-sub {
  }
  .m-modal-listening .mml-volume {
  }
  .m-modal-listening .mml-reverse {
  }
  .m-modal-listening .mml-reverse:hover {
  }
  .m-modal-listening .mml-volume .mml-volume-seek {
  }
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-current {
  }
  .m-modal-listening .mml-volume .mml-volume-seek::before {
  }
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-off,
  .m-modal-listening .mml-volume .mml-volume-seek .mml-volume-max {
  }
  .m-modal-listening .mml-read {
  }
  .m-modal-listening .mml-read a {
  }
  .m-modal-listening .mml-more {
  }
}

/* =====================================================================================================================
モジュール名：ビデオリンクホバー
対象カテゴリ：ALL
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：モーダル
対象カテゴリ：ALL
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：視聴モーダル
対象カテゴリ：ALL
===================================================================================================================== */

/* =====================================================================================================================
モジュール名：ナビゲーションバナー
対象カテゴリ：トップSP
===================================================================================================================== */
@media all and (max-width: 767.5px) {
  .m-banner-nav {
    background-color: #15b2c7;
  }
  .m-banner-nav > .mbn-icon {
  }
  .m-banner-nav > .mbn-read {
  }
  .m-banner-nav > .mbn-read > .mbn-title,
  .m-banner-nav > .mbn-read > .mbn-text {
  }
  .m-banner-nav > .mbn-read > .mbn-title {
  }
}

/* 色指定 */

@media all and (min-width: 767.5px) {
  a:hover {
    color: #15b2c7;
  }
  a:active {
    color: #15b2c7;
  }
  a:focus {
    color: #15b2c7;
  }
  .m-block-artisttop .mba-en-title {
    color: #15b2c7;
  }
  .m-hed-page > .mhp-en-title, .m-hed-page > .mhp-name-artist > span {
    color: #15b2c7;
  }
  .m-hed2-page:before {
    background-color: #15b2c7;
  }
  .cs-icon-mail {
    background-image: url(/flyingdog/assets/images/sprite.png);
	background-position: -55px -311px;
  }
  a.m-btn-myartist {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  a:hover .cs-icon-mail {
    background-image: url(/flyingdog/assets/images/sprite.png);
    background-position: -82px -311px;
  }
  a.m-link-icon:hover {
    color: #15b2c7;
  }
  .m-news-detail .mnd-read > a:hover {
    color: #15b2c7;
  }
  .m-hed-page > .mhp-name-artist > span {
    color: #15b2c7;
  }
  /*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 {
    border-bottom: 1px solid #15b2c7;
    border-left: 1px solid #15b2c7;
  }
  /*20181030追加--end--*/
  #searchBody .is_pc {
    display: inline;
  }
  #searchBody .is_sp {
    display: none;
  }
}
@media all and (max-width: 767.5px) {
  .m-block-artisttop .mba-en-title {
    color: #15b2c7;
  }
  .m-hed-page > .mhp-en-title, .m-hed-page > .mhp-name-artist > span {
    color: #15b2c7;
  }
  .m-hed2-page:before {
    background-color: #15b2c7;
  }
  .cs-icon-mail {
    background-image: url(/flyingdog/assets/images/sprite.png);
	background-position: -55px -311px;
  }
  a.m-btn-myartist {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  a:hover .cs-icon-mail {
    background-image: url(/flyingdog/assets/images/sprite.png);
    background-position: -82px -311px;
  }
  .m-hed-page > .mhp-name-artist > span {
    color: #15b2c7;
  }
  /*20181030追加--start--*/
  .l-playlistdetail-page .m-btn-link-top:before,
  .l-content-page .m-news-detail + .l-btn-sp .m-btn-link-top:before {
    border-bottom: 1px solid #15b2c7;
    border-left: 1px solid #15b2c7;
  }
  /*20181030追加--end--*/
  #searchBody .is_pc {
    display: none;
  }
  #searchBody .is_sp {
    display: inline;
  }
}
/*追加--start--*/
.result .m-list-song > li a:before {
  border-top: 1px solid #15b2c7;
  border-right: 1px solid #15b2c7;
}
.result .keyword dt:before {
  background-color: #15b2c7;
}
.result .paging > div > div a:hover:before {
  border-top: 1px solid #15b2c7;
  border-right: 1px solid #15b2c7;
}
/*追加--end--*/