/*
Theme Name: zousanrecords PRO child
Description: WordPressテーマ「zousanrecords PRO」の子テーマです。
Template: zousanrecordspro
Author: Hiroshi Ota
Author URI: https://wp.zousanrecords.com/
Version: 2.2.3
*/

/*--------------------------
 背景→黒、文字→白
 ---------------------------*/

 body {
	background-color: #141414 !important;
	color: #fff !important;
}

.area {
	background: #141414 !important;
}

ul.archive_ul {
    border-color: #333 !important;
}

ul.archive_ul li.archive_li {
    border-color: #333 !important;
}

.heading01,
.heading02,
.heading03,
.heading04,
.heading05 {
	color: #fff !important;
}

.select_part .select_wrap select option {
	background: #444 !important;
}

a.button span {
	border: 1px solid #fff !important;
	background: #141414 !important;
	color: #fff !important;
}

a.button span i::before,
a.button.btn_modoru span i::before{
	color: #fff !important;
}

a.button:hover span {
	background: #fff !important;
	color: #141414 !important;
	border: 1px solid #fff !important;
}

a.button:hover span i::before {
	color: #141414 !important;
}

a.button:hover span i::before {
	color: #fff !important;
}

a.button.btn_modoru:hover span {	
  border: none !important;
	background: inherit !important;
	color: #fff !important;
}

.wpcf7 .submit_button:hover {
	border: 1px solid #fff !important;
}

.texts ol > li::after, ol.text > li::after {
    color: #fff !important;
}

.texts ol > li,
ol.text > li {
    color: #fff !important;
}

#pagetop a  {
	background: #141414 !important;
}

#pagetop a span::before {
	color: #fff ;
}

#pagetop a:hover  {
	background: #666 !important;
}

.entry_cont h2,
.entry_cont h3,
.entry_cont h4,
.entry_cont h5 {
	color: #fff !important;
}

.entry_cont img {
  border: 1px solid #333 !important;
}

form .input_select_wrap::before {
  color: #333 !important;
}

table,
table tr,
table th,
table td {
	border-color: #666 !important; 
}

table th {
	background: #333 !important;
}

table td {
	background: #141414 !important;
}

@media screen and (max-width: 1024px) {
    #gnav_wrap #gnav, #header #gnav {
        background: rgba(0, 0, 0, 0.9) !important;
    }
}

/* header */

#header_wrap {
/*	background-color: #141414 !important; */
	border-bottom: 1px solid #333 !important;
}

#header #gnav ul li a span {
	color: #fff !important;
}

#gnav .sub-menu li a {
  background-color: rgba(0,0,0,0.8) !important;
}

#header #gnav ul li a:hover span,
#header #gnav ul li a.current span {
	color: var(--main_color) !important; /* リンクカラーに合わせて変更 */
}

@media screen and (max-width: 1024px) {
	#header #gnav_btn span {
		background-color: #fff !important;
	}
}

/* TOP */

.heading_top {
	color: #fff !important;
}

#backgroundcolor .top_area:nth-child(2n) {
  background: #1a1a1a !important;
}

a.btn_more span,
a.btn_more span i::before{
    color: #fff !important;	
}

color: #141414 !important;
}

#top_importantnews_area .top_importantnews_part {
  border: 5px solid #666 !important;
}

#top_discography_area .top_disco_cont img {
	border-color: #333 !important;
}

#top_members_area .members_box .members_cont img {
  border: 1px solid #333 !important;
}

/* LIVE */

#live_box .live_date p {
	 color: #fff !important;
}

#live_box .live_cont .live_place, #live_box .live_cont p.live_place {
    color: #fff !important;
}

#live_box .live_cont .live_place, #live_box .live_cont .live_place a {
    color: #fff !important;
}

#live_box .live_cont .live_place, #live_box .live_cont .live_place a:hover {
    color: var(--main_color) !important; /* リンクカラーに合わせて変更 */
}

#live_box .live_cont .img_ul .live_img {
	border: 1px solid #333 !important;
}

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

	#live_box ul.live_ul li.live_li {
		border-left: none !important;
	}
}

 @media screen and (min-width: 1025px) {
	
	#live_box .live_cont {
		border-left: none !important;
	} 
}

/* VIDEO */

#video_box .list_cont .object_fit img {
    border: 1px solid #333 !important;
}

/* DISCO */

#disco_box .image_cont img {
	border: 1px solid #333 !important;
}

#disco_box .texts_cont .heading03::before {
	background-color:  var(--main_color) !important;
}

#disco_box .disco_part .texts_cont .product_date {
    color: #ddd !important;
}

#disco_box .disco_part .texts_cont .disco_streaming ul.icon_ul li a .icon::before {
	color: #fff !important;
}

#disco_box .disco_part .texts_cont .disco_streaming ul.icon_ul li a:hover .icon::before {
	color: var(--link_color) !important;
}

/* TOPICS */

.topics_box .list_cont a .topics_pic img {
	border: 1px solid #333 !important;
}

/* MEMBERS */

.members_box .list_cont .members_cont {
	border: 1px solid #333 !important;
}

.members_box .members_caption {
	background-color: rgba(0,0,0,0.75) !important;
	color: #fff !important;
}

#members_single_contents .members_box .texts_cont .members_sns ul.icon_ul li i::before {
    color: #fff !important;
}

#members_single_contents .members_box .texts_cont .members_sns ul.icon_ul li a:hover i::before {
    color: rgba(255,255,255,0.8);
	transition: .3s;
}

#members_single_contents .members_box .texts_cont .heading03::before {
    background-color: #666 !important;
}

/* NEWS */

#single_news_box > .heading02 {
	border-bottom: 1px solid #fff !important;
}

/*--------------------------
 背景→黒、文字→白 ここまで
 ---------------------------*/

/*--------------------------
 メインカラーの変更
 ---------------------------*/
:root {
  --main_color: #DDC37D;
}

/* heading */ 

.heading01 {
	color: var(--main_color) !important;
}

/* top */
.heading_top {
	color: var(--main_color) !important;
}

/* button */

a.button span {
	border: 1px solid var(--main_color) !important;
}

a.button span,
a.button span i::before{
	color: var(--main_color) !important;
}

a.button:hover span{
	background-color: #333 !important;
	border: 1px solid var(--main_color) !important;
	color: var(--main_color) !important;
}

a.button:hover i.icon::before{
	color: var(--main_color) !important;
}

/* pagetop */

#pagetop a {
	border-color: var(--main_color) !important;
}

#pagetop a span::before {
    color: var(--main_color) !important;
}

#pagetop a:hover {
	background-color: #333 !important;
}

#pagetop a:hover span::before {
	color: var(--main_color) !important;
}

/* pager */

.wp-pagenavi span.current {
    border: 1px solid var(--main_color) !important;
	background: var(--main_color) !important;
	color: #333 !important;
	
}

.wp-pagenavi a.page {
    border: 1px solid var(--main_color) !important;
}

.wp-pagenavi a.page:hover,
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover {
	color: #333 !important;
	background: var(--main_color) !important;
    border: 1px solid var(--main_color) !important;
}

/* form */

.wpcf7 .submit_button {
	background: #141414 !important;
	border: 1px solid var(--main_color) !important;	
	color: var(--main_color) !important;
}

.wpcf7 .submit_button:hover {
	border: 1px solid var(--main_color) !important;	
	color: var(--main_color) !important;
	background: #333 !important;
}

/* footer */

#footer_wrap {
	background: #111 !important;
}

#sns_wrap .sns_icon li .icon::before {
    color: var(--main_color) !important;
}

#sns_wrap .sns_icon a:hover {	
	opacity: 0.7;
}

#copyright_wrap #copyright small {
    color: var(--main_color) !important;
}


/*--------------------------
 その他
 ---------------------------*/

/* headerを透過 */

#header_wrap {
	background-color: rgba(20,20,20,0.8) !important;
}

@media screen and (min-width: 1025px) {

	#promo_wrap {
		margin-top: -120px;
	}

	#promo_wrap ul.promo_slider .object_fit::before {
		padding-top: 100vh !important;
	}
	
}

/* top_video */

.top_video {
	height: 100vh !important;
}

.top_video video {
	min-height:100vh !important;
}