@charset "utf-8";


/*
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: none;
}
body:has(.date) #category-wrap li.student-council,
body:has(.date) #category-wrap li.ex-info,
body:has(.date) #category-wrap li.career-guidance,
body:has(.category-high-school) #category-wrap li.student-council,
body:has(.category-high-school) #category-wrap li.ex-info,
body:has(.category-high-school) #category-wrap li.career-guidance,
body:has(.category-junior-highschool) #category-wrap li.student-council,
body:has(.category-junior-highschool) #category-wrap li.ex-info,
body:has(.category-junior-highschool) #category-wrap li.career-guidance,
body:has(.category-topic) #category-wrap li.student-council,
body:has(.category-topic) #category-wrap li.ex-info,
body:has(.category-topic) #category-wrap li.career-guidance,
body:has(.category-school-event) #category-wrap li.student-council,
body:has(.category-school-event) #category-wrap li.ex-info,
body:has(.category-school-event) #category-wrap li.career-guidance,
body:has(.category-club) #category-wrap li.student-council,
body:has(.category-club) #category-wrap li.ex-info,
body:has(.category-club) #category-wrap li.career-guidance,
body:has(.category-covid19) #category-wrap li.student-council,
body:has(.category-covid19) #category-wrap li.ex-info,
body:has(.category-covid19) #category-wrap li.career-guidance,
body:has(.category-others) #category-wrap li.student-council,
body:has(.category-others) #category-wrap li.ex-info,
body:has(.category-others) #category-wrap li.career-guidance {
  display: none;
}
*/

.error-404 .page-content {
  margin: var(--content-margin) auto 0;
}
.error-404 .page-content form input[type="search"] {
  padding: .5em 1em;
  background-color: var(--color-theme-white);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  width: 80%;
  border: 1px solid #ddd;
  border-right: none;
}
.error-404 .page-content form input[type="submit"] {
  margin-left: -6px;
  padding: .5em 1em;
  background-color: var(--color-font-base);
  border: 1px solid var(--color-font-base);
  color: var(--color-theme-white);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.date_archive {
  font-weight: 500;
  font-size: 26px;
  margin-bottom: var(--content-margin);
}

.sec01 {
  padding-bottom: var(--section-padding) !important;
}
.grid {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}
.grid .life-list {
  width: calc(calc(100% - 80px) / 3);
}
.sidebar {
  margin-top: 1em;
}
.grid .life-list .content {
  padding: 20px !important;
}
.side {
  min-width: 240px;
  width: 240px;
  position: sticky;
}
.life-list .heading ul {
  width: 100%;
  margin-top: 10px;
  justify-content: flex-start;
}
.life-list .heading .date {
  width: 100%;
  margin-right: 0;
  font-size: 18px;
}
.life-list {
  position: relative;
}
.life-list > a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}
.life-list .heading {
  justify-content: flex-start;
}
.life-list h3 {
  text-align: left;
  margin: .5em 0 0 !important;
  color: var(--color-font-base) !important;
  border: none !important;
}
.search-widget {
  padding-top: 0 !important;
}
h2.widget-title {
  background-color: var(--color-theme-primary);
  color: var(--color-theme-white);
  padding: 1em;
  font-size: 18px;
  font-weight: 500;
}
.search-widget .search-form {
  margin-bottom: 2em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}
.search-widget label {
  width: 70%;
}
.search-widget input[type="search"] {
  border: 1px solid #eee;
  background-color: #fff;
  padding: .5em;
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  width: 100%;
}
.search-widget input[type="submit"] {
  border: 1px solid var(--color-font-base);
  background-color: var(--color-font-base);
  color: var(--color-theme-white);
  padding: .5em;
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  width: 30%;
}
#yearly_archive_widget-2 > ul {
  background-color: var(--color-theme-white);
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
#yearly_archive_widget-2 > ul > li {
  padding: 0;
}
#yearly_archive_widget-2 > ul > li:not(:first-child) {
  border-top: 1px solid #ddd;
}
#yearly_archive_widget-2 > ul > li ul {
  padding: .5em 1em;
  border-top: 1px solid #eee;
}
#yearly_archive_widget-2 .toggle-year {
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  position: relative;
  padding: .5em 1em;
  transition: var(--transiton);
}
#yearly_archive_widget-2 .toggle-year::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-26px, -8px);
  width: 1px;
  height: 17px;
  background-color: var(--color-font-base);
}
#yearly_archive_widget-2 .toggle-year.open::before {
  transform: translate(-26px, -8px) rotate(90deg);
}
#yearly_archive_widget-2 .toggle-year::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-18px, 0);
  width: 17px;
  height: 1px;
  background-color: var(--color-font-base);
}
#yearly_archive_widget-2 .toggle-year.open::after {
  opacity: 0;
}

.life #category-wrap li {
  width: calc(calc(100% - 32px) / 3);
}
.life #category-wrap li a {
  white-space: nowrap;
}
.crrnt_student #category-wrap li {
  width: calc(calc(100% - 32px) / 3);
}
.crrnt_student #category-wrap li a {
  white-space: nowrap;
}

@media screen and (max-width: 1420px) {
  .grid {
    gap: 20px;
  }
  .grid .life-list {
    width: calc(calc(100% - 40px) / 3);
  }
}
@media screen and (max-width: 1240px) {
  .archive-wrap {
    flex-direction: column;
  }
  .side {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .life-list h3 {
    padding: 0;
  }
}

@media screen and (max-width: 600px) {
  .life #category-wrap {
    gap: 10px;
  }
  .crrnt_student #category-wrap li {
    width: calc(calc(100% - 10px) / 2);
  }
  .life #category-wrap li {
    width: calc(calc(100% - 10px) / 2);
  }
  .grid {
    flex-direction: column;
  }
  .grid .life-list {
    width: 100%;
  }
  .error-404 .page-content {
    background-color: transparent;
    padding: 0;
  }
  #wrapper {
    top: 0 !important;
  }
}