/* user.css */
:root {
  --cassiopeia-color-primary: #8b0000;
  --cassiopeia-color-hover:   #6b0000;
  --cassiopeia-color-link:    #8b0000;
  --link-color:               #8b0000;
  --link-hover-color:         #6b0000;
}

/* ヘッダー全体を白に */
.container-header {
  background-color: #ffffff;
  background-image: none;
  box-shadow: none;
}

.container-nav-full {
  background-color: #8b0000;
  background-image: linear-gradient(135deg, #8b0000 0%, #6b0000 100%);
  width: 100%;
  padding: 0;
}

.container-nav-full .mod-menu {
  --nav-link-padding-y: 1rem;
  max-width: 1320px;
  margin: 0 auto;
  padding-left: 1.5rem;
  display: flex;
  flex-direction: row;
}

.container-nav-full a {
  color: #ffffff;
}

.container-nav-full .nav-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.container-nav-full .mod-menu li {
  display: inline-block;
}

.container-nav-full .mod-menu li a {
  padding-left: 1rem;
  padding-right: 1rem;
}

.container-topbar {
  display: flex;
  justify-content: flex-end;
  max-width: 1320px;
  margin: 0 auto;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
}