body.black{
    color:#fff;
    background: #000;
}

/* header */
body.black #top-head{background: rgba(0,0,0,0.9);}
body.black .nav-menu ul li a{color:#fff;}

/* section */
body.black .about-section{background: rgba(0, 0, 0, 0.85);}
body.black .single-inner{color:#fff;background:#000;}
/* body.black .single-section a:link, .single-section a:visited{color: #66adff;} */

body.black .big-background{
    background:#000;
}

/* セクションタイトル */
body.black h2.about-section-title{color:#fff;}

body.black ul#topics-list li a,body.black ul#topics-list li a:visited,body.black ul#topics-list li a:hover{color:#fff;}

/* 下層 */
body.black.sub .wrapper{background:#000;}
body.black .single-section-title{color:#fff;}
body.black .title04, body.black .title08, body.black .title09, body.black .title03, body.black .title10,
body.black .eyecatch_txt h3{
    color:#fff;
}

body.black .single-section .disco-list a:link h3, body.black .single-section .disco-list a:link h3,
body.black .disco-text{color:#fff;}

body.black .cate_list li a:link, .cate_list li a:visited{color:#fff;}

body.black .red, body.black .s-red{color:#ff6262;}

body.black .mailmaga-form{color:#fff;}

body.black .prof-member, body.black .prof-member .tile-wrap span[class^="prof_name"], .black .prof-text,
body.black .btn, body.black .tile, body.black .modal, body.black .modal .single-section-title
{
    color:#fff;
}
body.black .modal{
    background:#000;
    color:#fff;
}
body.black .modal-close-btn:before, body.black .modal-close-btn:after{
    background:#fff;
}

body.black #member-table tr .member-table-title{color:#000;}

body.black .news-list-detail dt span{color:#fff;}

body.black .wp-pagenavi a:hover, .wp-pagenavi span.current{border-color:#fff;}

@media screen and (max-width: 1024px){
    body.black #nav-toggle{background:#000;}
    body.black #global-nav{background:#000;}
    body.black #global-nav ul li a{color:#fff;}
}


/* アクセントカラー */
body.black .login-menu ul li.fanclub a, body.black .login-menu ul li.login a{background-color: #676767;}
body.black .login-menu ul li.fanclub a:hover, body.black .login-menu ul li.login a:hover{background-color: #676767;}

body.black a.about-section-btn{background: #000;}
body.black .comBtn01, body.black .comBtn02,
body.black .comBtn01 span, body.black .comBtn02 span,
body.black .wpcf7-submit2, body.black .btnstyle3>*,
body.black .log_btn{
    background: #000 !important;
}
body.black .comBtn01 a,body.black .comBtn01 a:link,
body.black .comBtn01 input,body.black .comBtn02 a,
body.black .comBtn02 a:link,body.black .comBtn02 input{
    background-color: #000 !important;
}
body.black .comBtn01 a:hover,
body.black .comBtn01 input:hover,
body.black .comBtn02 a:hover,
body.black .comBtn02 input:hover,
body.black .wpcf7-submit2:hover,
body.black .btnstyle3>*:hover,
body.black .log_btn:hover{
    background-color: #252525!important;
}
body.black input[class="sendButton"],
body.black .mailmagazineForm .sendButton,
body.black .sendButton_in{
    background: #252525; 
}
body.black input[class="sendButton"]:hover,
body.black .mailmagazineForm .sendButton:hover,
body.black .sendButton_in:hover{
    background: #252525; 
}


body.black .single-section-title2 {border-bottom: 1px solid #a20050;}
body.black .small-background-title{color:#a20050;}

body.black #footer, body.black small{background: #252525;}

@media screen and (max-width: 1000px){
    body.black #mobile-head .login, body.black #nav-toggle span {background: #676767;}
    body.black #footer {background-color: #676767;}
}