/*
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_list option {
  background: #444;
}

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

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

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

a.btn_modoru span {
	border: none !important;
}

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

.wpcf7 .submit_button {
  background: none !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}

.wpcf7 .submit_button:hover {
  background: var(--link_color) !important;
  border: 1px solid var(--link_color) !important;
}

.wp-pagenavi a {
  border: 1px solid #fff !important;
  background: none !important;
  color: #fff !important;
}

.wp-pagenavi a:hover {
  border: 1px solid var(--link_color) !important;
  background: var(--link_color) !important;
  color: #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: #222 !important;
  border: 2px solid #fff !important;
}

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

#pagetop a:hover {
  background: var(--link_color) !important;
  border: 2px solid var(--link_color) !important;
}

#pagetop a:hover span::before {
  color: #141414 !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(--link_color) !important;
}

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

/* footer */

#footer_wrap {
  background-color: #222 !important;
}
#sns_wrap .sns_icon li a .icon::before {
  color: #fff;
}
#sns_wrap .sns_icon li a:hover .icon::before {
	opacity: 0.6;
	transition: 0.3s;
}

#copyright_wrap #copyright small {
  color: #fff !important;
}

/* TOP */

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

.heading_top {
  color: #fff !important;
}

a.btn_more {
  background: none !important;
}

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

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

#top_catch_area .catch_part .catch_inner_cont {
  background: #141414 !important;
}
@media screen and (max-width: 1024px) {
  #top_catch_area .catch_part .catch_inner_cont {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 20px 50px 0px !important;
  }
}

@media screen and (min-width: 1025px) {
  #top_catch_area .catch_part .catch_inner_cont {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 30px 70px 0px !important;
  }
}

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

#top_discography_area .top_disco_caption {
  background: rgba(0, 0, 0, 0.8) !important;
  color: #fff !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(--link_color) !important; /* リンクカラーに合わせて変更 */
}

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

/* VIDEO */

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


.list_cont a:hover .icon::before {
	opacity: 0.8;
	transition: 0.3s;
}

/* DISCO */

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

#disco_box .texts_cont .heading03::before {
  background-color: #fff !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;
}

/* TOPICS */

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

.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: 0.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;
}

/* GOODS */
.goods_box .list_cont a .pic_cont {
  border: 1px solid #333 !important;
}

/* WORKS */
.works_box .list_cont a .pic_cont {
  border: 1px solid #333 !important;
}

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

/* top_video */

.top_video {
    background: #000;
}
