@charset "utf-8";

#wpadminbar {
  display: none !important;
}

body :has(#wpadminbar) {
  margin-top: -31px;
}

body:has(.date) .life-list:has(.student-council),
body:has(.date) .life-list:has(.ex-info),
body:has(.date) .life-list:has(.career-guidance),
body:has(.category-high-school) .life-list:has(.student-council),
body:has(.category-high-school) .life-list:has(.ex-info),
body:has(.category-high-school) .life-list:has(.career-guidance),
body:has(.category-junior-highschool) .life-list:has(.student-council),
body:has(.category-junior-highschool) .life-list:has(.ex-info),
body:has(.category-junior-highschool) .life-list:has(.career-guidance),
body:has(.category-topic) .life-list:has(.student-council),
body:has(.category-topic) .life-list:has(.ex-info),
body:has(.category-topic) .life-list:has(.career-guidance),
body:has(.category-school-event) .life-list:has(.student-council),
body:has(.category-school-event) .life-list:has(.ex-info),
body:has(.category-school-event) .life-list:has(.career-guidance),
body:has(.category-club) .life-list:has(.student-council),
body:has(.category-club) .life-list:has(.ex-info),
body:has(.category-club) .life-list:has(.career-guidance),
body:has(.category-covid19) .life-list:has(.student-council),
body:has(.category-covid19) .life-list:has(.ex-info),
body:has(.category-covid19) .life-list:has(.career-guidance),
body:has(.category-others) .life-list:has(.student-council),
body:has(.category-others) .life-list:has(.ex-info),
body:has(.category-others) .life-list:has(.career-guidance){
  display:inline-block;
}

.login-section .button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  cursor: pointer;
  margin-top: 2em;
  padding: 1em;
  background: var(--color-font-base);
  color: var(--color-theme-white);
  line-height: 1;
  transition: var(--transition);
  min-height: 64px;
  min-width: 300px;
}
.login-section .button:hover {
  opacity: .5;
}

.login-message {
  text-align: center;
}

.login {
  display: block;
  margin-left: 50%;
  margin-top: var(--content-margin);
  transform: translateX(-50%);
  background-color: var(--color-theme-white);
  border: 1px solid #eee;
  border-radius: var(--border-radius);
  padding: 2em;
  width: fit-content;
}
.login form {
  display: block;
}

.login input[type="text"],
.login input[type="password"] {
  background-color: #f6f6f6;
  padding: 1em;
  font-size: 16px;
  width: 100%;
  border: 1px solid #eee;
  border-radius: var(--border-radius);
}
.login dt:not(:first-of-type) {
  margin-top: 10px;
}
.login dd {
  margin-top: 10px;
}

#sec01.login-section {
  padding: calc(var(--section-padding) + 150px) 0 var(--section-padding) !important;
}


@media only screen and (max-width: 1240px) {
  #sec01.login-section {
    padding: var(--section-padding) 0 !important;
  }
}

@media only screen and (max-width: 600px) {
  #sec01.login-section {
  padding: calc(var(--section-padding) + 110px) 0 var(--section-padding) !important;
  }
}