@charset "UTF-8";
/***********************
*
* top black
*
****************************************/
.top-search .search-box {
  background-color: #000000;
}
.top-search .search-club {
  border-color: #5388c7;
}
.top-search .search-club .top-search-h2 {
  color: #e9f1fa;
}
.top-search .search-event .top-search-h2 {
  color: #e1ffee;
}
.top-search .search-event .search-event-btn {
  color: #ffffff;
}
.top-search .search-event .search-event-btn:hover {
  background-color: #ffffff;
}
.top-search .top-search-input {
  border: solid 3px #ffffff;
}
.top-search .top-search-submit {
  background-color: #3f3f3f;
  border: solid 2px #ffffff;
}

.top-information .top-information-contents {
  background-color: #3f3f3f;
}
.top-information .information-contents-item {
  border-bottom: dashed 1px #ffffff;
}
.top-information .information-title {
  color: #ffffff;
}
.top-information .information-title:hover {
  color: #5388c7;
}

.top-news .top-news-contents {
  background-color: #3f3f3f;
}
.top-news .tab-switch-item {
  background-color: #3f3f3f;
  color: #ffffff;
}
.top-news .tab-switch-item:hover {
  background-color: #e9f1fa;
  color: #3f3f3f;
}
.top-news .tab-switch-item.active {
  color: #ffffff;
  background-color: #5388c7;
}
.top-news .news-contents-item {
  border-bottom: dashed 1px #ffffff;
}
.top-news .news-day {
  color: #ffffff;
}
.top-news .news-category {
  color: #ffffff;
}
.top-news .news-category.category01 {
  background-color: #e65a85;
}
.top-news .news-category.category02 {
  background-color: #5388c7;
}
.top-news .news-category.category03 {
  background-color: #fabe32;
}
.top-news .news-category.category04 {
  background-color: #5bb482;
}
.top-news .news-category.category05 {
  background-color: #6cafd2;
}
.top-news .news-title {
  color: #ffffff;
}
.top-news .news-title:hover {
  color: #5388c7;
}

.top-activityReport--item--inner {
  color: #ffffff;
}

.top-club--item--inner {
  color: #ffffff;
}

.top-tournament {
  background-color: #3f3f3f;
}
.top-tournament--item--inner {
  color: #ffffff;
}
.top-tournament--item--inner .time {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.top-event--item--inner {
  color: #ffffff;
}
.top-event--item--inner .time {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.top-column {
  background-color: #3f3f3f;
}
.top-column--item--inner {
  color: #ffffff;
}

.top-common-hl-type2 {
  color: #ffffff;
}
.top-common-hl-type2 small {
  color: #ffffff;
}
.top-common-hl-type2 small::before {
  background-color: #5388c7;
}

.top-link-item a {
  border: solid 1px #707070;
}

/*SNSのアイコンに白枠をつける*/
.sns .top-link-item a {
  display: block;
  width: auto;
  height: auto;
  overflow: hidden;
  border: none;
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
}