@charset "UTF-8";
/* ------------------------------------------------------
	Body
------------------------------------------------------ */
body.toppage {
  background: #7E00BF;
  color: #000;
}
body.toppage a {
  color: #FFF;
}
body.toppage a:hover {
  /* color: #FFF; */
}

.sp.top-main-area .vmenu-wrap {
  background: #7E00BF;
}

body {
  background: #FFF;
  color: #000;
}
body a {
  color: #000;
}
body a:hover {
  color: #333333;
}

/*カテゴリアイコン*/
.detail .category-icon {
  background: #7E00BF;
  color: #FFF;
}

/*a.category-icon:hover {
  color: #FFF;
  background-color: #7C0D05;
}
/*カテゴリインフォアイコンStyleB*/
.info-category li{
  background: #FFFFFF !important;
  color: #000 !important;
}
.info-category li.current {
  background: #000 !important;
  color: #FFF !important;
}*/

/* ------------------------------------------------------
ボタン
------------------------------------------------------ */
.btn-default {
  color: #FFF;
  background: #000;
}
.btn-default:hover {
  background: #000;
  color: #FFF;
}

.btn-default2 {
  background: #000;
  color: #FFF !important;
  font-weight: 700;
}

.btn-default2:hover {
  background: #333;
  opacity: .9 !important;
  color: #FFF !important;
  font-weight: 700;
}

.btn-regist.regist {
  background: #000000;
  /* color: #FFF; */
}
.btn-regist.regist:hover {
  background: #333333;
  /* color: #FFF; */
}

.btn-regist:hover {
  background: #941303;
  /* color: #FFF; */
}

.btn-regist{
  background: #E11900;
  /* color: #FFF; */
}

.btn-proceed {
  background: #980808;
  color: #FFF;
}
.btn-proceed:hover {
  background: #980a1d;
  color: #FFF;
}

/* ------------------------------------------------------
フォーム
------------------------------------------------------ */
form input.submit {
  background-color: #000000;
  color: #FFF;
}

form input.submit:hover {
  background-color: #333333;
  color: #FFF;
}

.btn-regist2-pc {
    height: 44px;
    width: 170px;
    margin-top: 15px;
    text-align: center;
    background: #B1B1B1;
    color: #FFF;
    border: 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
    transition: .1s opacity 0s;
}

.btn-regist2-pc:hover {
  background: #999999
}

/* ------------------------------------------------------
ヘッダー
------------------------------------------------------ */
.header-fixed-bk, .header {
  color: #FFF;
  background: #4C0D72;
}

.header {
  /*会員情報エリア*/
}
.header .header-fixed {
  background: #000;
}
.header .info-member {
  color: #FFF;
}
.header .info-member.has-alert {
  background: #CC0000 !important;
  color: #FFF !important;
}
.header .info-member.has-alert .userinfo {
  color: #FFF;
  background: #7E00BF;
}
.header .userinfo {
  background: #7E00BF;
}
.header .userinfo > div.info .edit-menu a {
  color: #FFF;
}
.header .global-menu > ul > li a {
  background-color: #7E00BF;
  color: #FFF;
}
.header .global-menu > ul > li a.current, .header .global-menu > ul > li a:hover {
  background-color: #4C0D72;
  opacity: 1.0;
}
/*サブメニュー*/
.sub-menu a{
  opacity : 1.0;
  color: #FFF;
  background: #000;
  /*border: 1px solid #7C0D05;*/
}
.sub-menu a:hover{
  opacity : 0.8 !important;
}
@media (min-width: 992px) {
  .header .global-menu ul.sub-menu li a {
    background: #4C0D72;
    color: #FFF;
  }
  .header .global-menu ul.sub-menu li a:hover {
    background: #7E00BF;
    color: #FFF;
  }
}
.info-member .userinfo > div a.btn-edit.focus, .info-member .userinfo > div .edit-menu {
  background-color: #4C0D72;
}

@media (min-width: 768px) {
  .digital-card a:hover, a.btn-edit:hover {
  background-color: #4C0D72;
  }
}
/* ------------------------------------------------------
コンテンツタイトル
------------------------------------------------------ */
.page-title {
  background: #7E00BF;
  color: #FFF;
}
.page-title a {
  color: #FFF;
}
.page-title a:hover {
  color: #FFF;
}

/* ------------------------------------------------------
リスト・詳細・ページネーション
------------------------------------------------------ */
[class^="pagination"] {
  background: #7E00BF;
}

[class^="pagination1-"] ul li a, [class^="pagination2-"] ul li a {
  color: #000000;
}

[class^="pagination"] ul li a:hover, [class^="pagination"] ul li:hover {
  background-color: #FF007F;
  color: #FFF;
}

[class^="pagination"] ul li a:hover, [class^="pagination"] ul li:hover, [class^="pagination"] li.current, [class^="pagination"] li.current a {
  background-color: #000000;
  color: #FFF;
}

[class^="pagination"] li.current a {
  color: #FFF;
}

/*お知らせ詳細*/
.info-detail {
  background: #FFF;
}
.info-detail article h2 {
  border-bottom: 2px solid #000;
}
.info-detail article .content a {
  color: #000;
}
.info-detail article .content a:hover {
  color: #941303;
}

/*その他背景色*/
.c-bk {
  background: #FFF;
}
.c-bk a {
  color: #e11900;
}
.c-bk a:hover {
  color: #941303;
}

/* ------------------------------------------------------
共通フッター
------------------------------------------------------ */
.footer {
  background: #FFF;
}
.footer .footer-menu h3 {
  color: #555555;
  border-bottom: 1px solid #555555;
}
.footer .footer-menu > div a {
  color: #000;
}
.footer .footer-menu > div a:hover {
  color: #000;
  text-decoration :underline;
}

.pageup {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
}
.pageup:hover {
  background: rgba(0, 0, 0, 0.9);
}

/* ------------------------------------------------------
会員トップ
------------------------------------------------------ */
op-main-area .vmenu-wrap .arrow {
  background: #AA1350;
  color: #FFF;
}

.vmenu li a {
    color: #FFF;
    /* font-weight: bold; */
}
.pc.top-main-area {
  background: #7E00BF;
}

/*重要なお知らせ*/
.top-important-info {
  background: #7E00BF;
}

.top-important .important-title {
  background: #FFF;
}
.top-important .important-title h3 {
  color: #000;
}
.top-important .important-title a {
  background: #000;
  color: #FFF;
}
.top-important .important-title a:hover {
  background: #333333;
}
.top-important .important-list {
  background: #FFF;
}
.top-important .important-list > div a {
  border-bottom: 1px solid #666666;
}
.top-important .important-list > div span.i-tag {
  background: #CC0000;
  color: #FFF;
}
.top-important .important-list > div span.date {
  color: #666666;
}
.top-important .important-list > div span.text {
  color: #000;
}

/**/
.top-info-banner {
  background: transparent;
}

.top-info-banner2 {
  background: transparent;
}

.top-info-list ul.info-category li {
  background: #FFF;
  color: #000;
}
.top-info-list ul.info-category li.current {
  color: #FFF;
  background: #000;
}

.flick-info div.top-info-list-detail .detail-wrap {
  background: #FFF;
}
.flick-info div.top-info-list-detail div.detail a {
  display: block;
  overflow: hidden;
  *zoom: 1;
  border-bottom: 1px solid #666666;
}
.flick-info div.top-info-list-detail div.detail span.date {
  color: #666666;
}
.flick-info div.top-info-list-detail div.detail span.text {
  color: #000;
}

/*スペシャルバナー*/
.special-banner {
  background: transparent;
}

/*トップページ(メインバナーエリア)*/
.main-banner {
  background: #7E00BF;
}

/*トップページ(サブバナーエリア)*/
.sub-banner {
  background: #7E00BF;
}

.info-member .userinfo>div .digital-card a {
    background-color: #000;    
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .0);
}

.info-member .userinfo>div .digital-card a:hover {
    background-color: #333333;    
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .0);
}


/* ------------------------------------------------------
会員トップ：更新期限モーダル
------------------------------------------------------ */
.update-alert {
  background: #FFF;
}
.update-alert .proceed p:first-child {
  background: #CC0000;
  color: #FFF;
}
.update-alert .proceed a.modal-close {
  color: #666666;
}
.update-alert .proceed > div > div {
  color: #666666;
}

form .error-txt  ul li, form .error-txt  ul li a {
    color: #FFFF26 !important;
}

.form-wrap .error-txt ul li, .form-wrap .error-txt ul li a{
    color: #CC0000 !important;
}

form .col-md-7 .error-txt ul  li {
    color: #CC0000 !important;
}
/* ------------------------------------------------------
非会員トップ
------------------------------------------------------ */
.user-login {
  background: #7E00BF;}
.user-login h3 {
  color: #FFF;
}
.user-login .login form .input-wrap a {
  color: #FFF;
}
.user-login .regist-link {
  color: #FFF;
}
.user-login .regist-link a {
  color: #FFF;
}

.about-contents {
  background: #FFF;
}
.about-contents h2 {
  color: #000
}
.about-contents h3 {
  color: #000000;
}
.about-contents .info-list {
  background: #f2f2f2;
}

.about-contents .info-list .list-loop {
  background: #FFF;
}

.membership {
  background: #f2f2f2;
}
.membership .fee .regist-fee, .membership .fee .membership-fee {
  background: #FFF;
}
.membership .fee .regist-fee p.price, .membership .fee .membership-fee p.price {
  color: #7E00BF;
}

/*
	下層ページ
*/
.c-h3 {
  background-color: #F2F2F2;
}

.c-h4 {
  background-color: #f2f2f2;
}

.btn-normal {
  background-color: #000 !important;
}

.btn-submit, .invite-friends dt {
  background-color: #444444 !important;
}

.btn-disabled {
  background-color: #505865 !important;
}

.btn-cancel {
  background-color: #FFFFFF !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.btn-cancel, form input.btn-cancel {
    color: #000 !important;
}

form input.btn-change {
  background-color: #000 !important;
  color: #FFFFFF !important;
}

.btn-alert {
  background-color: #ce0000 !important;
}

.form-wrap {
  background-color: #f2f2f2;
}

.c-h3, .login-box h3, .invite-friends p strong, .form-wrap h4 {
  color: #222;
  border-color: #3f4cb1;
}

.c-h4 {
  color: #222;
}

p a, li a, dl a, .faq-list a, .accordion-box a {
  color: #3f4cb1;
}

p.lead, p .lead {
  color: #3f4cb1;
}

.invite-friends dd strong {
  color: #276de2;
}

.contents-tab {
  background: #7E00BF !important;
}

.contents-tab li {
  color: #FFF !important;
  background: #D4D2F3;
}

.contents-tab li a{
  color: #000;
  /* background: #D4D2F3; */
}

.contents-tab li p {
  color: #000;
}

.contents-tab li:hover {
  background: #A58FF3;
}

.contents-tab li:hover a {
  color: #000 !important;
}

.contents-tab li:hover a {
  color: #FFF;
}
.contents-tab p, .contents-tab a {
  color: #000;
}

.contents-tab2 {
  /*background: transparent;*/
}

.contents-tab2 li {
  /*background: #3f4cb1;
  cursor: pointer;*/
}
.contents-tab2 li.current {
  /*background: #fff;*/
}
.contents-tab2 li.current:hover {
  /*background: #FFF;*/

}

.contents-tab2 li p {
  /*color: #FFF;*/
}

.step li.fst, .step li.current {
  color: #000000;
}

.step li.current {
  background-color: #D4D2F3;
}

.category-color {
 /*background: #00A5ED;
 color: #FFF;*/
}

.info-list .info-list-article>a:hover, .info-list .info-list-article>div:hover {
 color: #e11900;
}
.mypage-info table th{
  background-color: #000;
}
.category-icon {
 background: #000000;
}
/*記事内のリンクのみ設定*/
[id*="dispArticleContents"] a , p a , .faq-list a, .accordion-box a {
  color: #e11900;
  text-decoration :underline;
}
[id*="dispArticleContents"] a:hover , p a:hover , .faq-list a:hover, .accordion-box a:hover {
  color: #941303;
  text-decoration :underline;
}

/*ログイン画面-LPボタン*/
.btn-color-lp {
  background-color: #7e00bf !important;
  color: #ffffff !important;
}

/*ログイン画面-入会ボタン*/
.btn-color-reg {
  background-color: #ff9999 !important;
  color: #ffffff !important;
}

/* ------------------------------------------------------
アーティスト連携
------------------------------------------------------ */
/* トップページのタブの下の線 */
.tabs-border {
    background: #D4D2F3;
    height: 4px;
}
/* 選択されていないタブ（トップページ） */
.tabs ul li {
    background: #FFFFFF;
    margin-right: 0;
}
.tabs ul li a {
    border: 2px solid #D4D2F3;
    color: #000000 !important;
}
.tabs ul li a:hover {
    /*border: 2px solid #ffada5;
    background: #ffada5;*/
}
/* 選択されているタブ（トップページ） */
.tabs ul li.current_tab {
    background: #D4D2F3;
}
.tabs ul li.current_tab a {
    border: 2px solid #D4D2F3;
    color: #000000 !important;
}
.tabs ul li.current_tab a:hover {
    border: 2px solid #D4D2F3;
    background: #D4D2F3;
}


/* トップページのエラー文言 */
#tab_content001 p.noArticle {
    color: #000000;
}
#tab_content002 p.noArticle {
    color: #000000;
}
#tab_content003 p.noArticle {
    color: #000000;
}
#tab_content001 p.cisError {
    color: #000000;
}
#tab_content002 p.cisError {
    color: #000000;
}
#tab_content003 p.cisError {
    color: #000000;
}