:root {
  --accent-color: #373980;
  --dark-color: #182245;
  --primary-color: #f8f9fa;
}

/*links*/
.content a:not([class]),
.content a[class=""],
.footer a:not([class]),
.footer a[class=""],
a:not(.btn).show-details {
  color: var(--accent-color); /* CSS変数の使用例 */
}
.content a:not([class]):hover,
.content a[class=""]:hover,
.footer a:not([class]):hover,
.footer a[class=""]:hover,
#a_hover,
a:not(.btn).show-details:hover,
a.s_link:hover {
  color: var(--accent-color);
}
/*buttons*/
.btn-standard {
  background-color: var(--accent-color);
  color: #fff;
  border-color: var(--accent-color);
}
.btn-standard:hover,
#btn-standard_hover {
  background-color: var(--accent-color);
  color: #fff;
  border-color: var(--accent-color);
}
.btn-alternate {
  background-color: transparent;
  color: var(--accent-color);
  border-color: var(--accent-color);
}
.btn-alternate:hover,
#btn-alternate_hover {
  background-color: var(--accent-color);
  color: #fff;
  border-color: var(--accent-color);
}
/*navigation*/
.navbar-custom {
  background-color: var(--primary-color);
}
.navbar-solid {
  background-color: var(--dark-color) !important;
}
.swoogo-nav .dropdown-menu {
  background-color: var(--primary-color);
}
.swoogo-nav .dropdown-menu > li > a {
  background-color: transparent;
}
.swoogo-nav .dropdown-menu > li > a:hover,
.swoogo-nav .dropdown-menu > li > a:active,
.swoogo-nav .dropdown-menu > li > a:focus {
  color: var(--accent-color);
}

.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > li > a:hover {
  border-color: rgba(0, 123, 255, 0.4); /* RGBA値を直接指定 */
}
.navbar-custom .navbar-nav > .active > a {
  border-color: var(--accent-color) !important;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-custom .navbar-nav > .active > a {
  border-color: var(--accent-color);
}
/*banner*/
.site-background .intro {
  color: var(--accent-color);
}
/*footer*/
.site-footer {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8);
}
.site-footer .social-media-links a {
  color: var(--accent-color);
}

/*main*/
nav.event_nav li {
  background: var(--accent-color);
}
.h2_title {
  border-left: 6px solid var(--accent-color);
  color: var(--accent-color);
}