/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 1 version
*/

body,div,p {
  color: #404040;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
}

img {
  display: inline;
}

h1,h2,h3,h4,h5 {
  margin: 0;
  padding: 0;
}

button {
  border-color: transparent;
  background: transparent;
  cursor: pointer;
}

a {
  color: #0079B3;
  text-decoration: none;
}

a:visited {
  color: #9B51E0;
}

body {
  background: url('../img/body__background-dot.png') fixed;
}

.wrapper {
  max-width: 1060px;
  margin: 0 auto;
  background-color: #FFFFFF;
}

.header {
  margin: 0 auto;
  max-width: 1060px;
  padding: 30px 20px 0;
  background: url('../img/header__background-image.png') right top/412px no-repeat;
}

.site-logo__link {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.site-logo__link__img {
  width: auto;
  max-width: 32px;
}

.site-logo__link__text {
  color: #0079B3;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 26px;
  font-weight: normal;
  margin-left: 20px;
}

.hamburger {
  display: none;
}

.menu {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-item {
  font-family: 'Kosugi Maru', sans-serif;
  flex: 1 0 20%;
  padding: 20px 0 30px;
}

.menu-item a {
  color: #409BC6;
  border-right: solid 1px #409BC6;
  display: block;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
}

.menu-item:last-of-type a {
  border-right: none;
}

#metaslider-id-66.metaslider {
  margin: 0 auto 60px;
  max-width: 1060px;
}

#metaslider-id-66.metaslider .flexslider {
  margin-bottom: 0;
}

.event {
  margin: 0 auto;
  max-width: 1060px;
  margin-bottom: 30px;
  padding: 0 20px;
}

.h2--event {
  color: #F67504;
  margin: 0 0 15px;
  padding: 0 10px;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 26px;
  font-weight: normal;
}

.event-table__header {
  background-color: #F8BF6B;
  border: solid 1px #F67504;
  display: flex;
  flex-flow: row wrap;
}

.event-table__header__category {
  flex: 1 0 15%;
  padding: 10px 0;
  text-align: center;
}

.event-table__header__title {
  flex: 1 0 45%;
  padding: 10px 0;
  text-align: center;
}

.event-table__header__date {
  flex: 1 0 25%;
  padding: 10px 0;
  text-align: center;
}

.event-table__header__status {
  flex: 1 0 15%;
  padding: 10px 0;
  text-align: center;
}

.event-table__row {
  border-bottom: dashed 1px #F67504;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.event-table__col--category {
  flex: 1 0 15%;
  padding: 30px;
}

.event-table__col--title {
  flex: 1 0 50%;
  padding: 20px;
}

.event-table__col--title__link {
  text-decoration: underline;
}

.event-table__col--date {
  flex: 1 0 20%;
}

.event-table__col--status {
  flex: 1 0 15%;
  text-align: center;
}

.event-table__col--category__color {
  display: block;
  padding: 20px 0;
  text-align: center;
}

.event-table__col--category__color.tag-event {
  background-color: #BAE2FC;
}

.event-table__col--category__color.tag-lecture {
  background-color: #E4C2F8;
}

.event-table__col--category__color.tag-festival {
  background-color: #FBC6D1;
}

.event-table__col--category__color.tag-others {
  background-color: #FBD6A1;
}

.before {
  color: #66AAFF;
}

.open {
  color: #E94F6E;
}

.reception {
  color: #E94F6E;
}

.closed {
  color: #CAA7E3;
}

.end {
  color: #707070;
}

.jump-list {
  text-align: center;
}

.jump-list__link {
  display: inline-block;
  padding: 30px;
  position: relative;
}

.jump-list__link::after {
  content: '';
  background: url('../img/arrow--doubled--right.png') right center/15px no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
  height: 14px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.news {
  margin: 0 auto 20px;
  max-width: 1060px;
  padding: 0 20px;
  margin-bottom: 60px;
}

.h2--news {
  background-color: #0079B3;
  color: #fff;
  display: inline-block;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 20px;
  font-weight: normal;
  padding: 10px 25px;
}

.news-table {
  border-top: solid 1px #0079B3;
}

.news-table__row {
  border-bottom: solid 1px #E0E0E0;
  display: flex;
  flex-flow: row wrap;
}

.news-table__col__date {
  flex: 1 0 20%;
  padding: 20px 30px;
}

.news-table__col__title {
  flex: 1 0 80%;
  padding: 20px;
}

.news-table__col__title__link {
  text-decoration: underline;
}

.news-date {
  display: block;
  text-align: right;
}

.home .wp-block-columns {
  flex-flow: row wrap!important;
  justify-content: space-between;
  gap: 0;
  margin: 0 auto 60px;
  max-width: 1100px;
  padding: 0 20px;
}

.home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
  flex: 0 1 calc(25% - 15px);
  margin-right: 15px;
}

.home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:last-of-type {
  margin-right: 0;
}

.footer__menu {
  margin: 0 auto;
  padding: 0;
  max-width: 1100px;
  background-color: #0079B3;
}

.footer__inner {
  margin: 0 auto;
  padding: 0;
  max-width: 1100px;
  display: flex;
  flex-flow: row wrap;
}

.footer__menu__list {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0 20px;
}

.footer__menu__list__item {
  margin-right: 10px;
}

.footer__menu__list__item:last-of-type {
  margin-right: 0;
}

.footer__menu__list__link,
.footer__menu__list__link:active,
.footer__menu__list__link:hover,
.footer__menu__list__link:visited {
  color: #fff;
}

.footer__menu__list__link {
  display: inline-block;
  font-size: 14px;
  padding: 10px;
}

.footer__address {
  align-items: center;
  display: flex;
  flex: 0 0 60%;
  padding: 30px;
}

.footer__address__text {
  font-size: 14px;
  line-height: 200%;
  margin: 0;
}

.footer__copyright {
  flex: 0 0 40%;
  padding: 20px;
  text-align: right;
}

.footer__character {
  margin: 0;
}

.footer__character__img {
  width: 241px;
}

.footer__copyright__text {
  color: #0079B3;
  font-size: 12px;
}

.breadcrumb {
  margin: 10px 0 40px;
}

.breadcrumb span[property="itemListElement"] {
  margin: 0 10px;
}

.breadcrumb span[property="itemListElement"]:first-of-type {
  margin-left: 0;
}

.breadcrumb span[property="itemListElement"]:last-of-type {
  margin-right: 0;
}

.h2--list-page {
  border-bottom: solid 1px #0079B3;
  color: #0079B3;
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 40px;
  padding: 10px 0;
}

.archive .header,
.page-template .header,
.single .header {
  border-bottom: solid 1px #E0E0E0;
}

.archive .main,
.page-template .main,
.single .main {
  padding: 10px 20px;
}

.wp-pagenavi {
  margin-bottom: 60px;
}

.archive .news-table {
  border: none;
  margin: -10px 0 40px;
}

.archive .news-table__row {
  border: none;
}

.h3--list-page {
  border-bottom: solid 1px #0079B3;
  color: #0079B3;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
  padding: 10px 0;
}

.description h3 {
  background-color: #0079B3;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 60px;
  padding: 10px 20px;
}

.description p {
  padding: 0 30px;
  margin-bottom: 60px;
}

.pdf-list {
  border-top: solid 1px #0079B3;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pdf-list__item {
  flex: 0 1 calc(25% - 75px*3/4);
  margin-right: 75px;
}

.pdf-list__item:nth-of-type(4n) {
  margin-right: 0;
}

.pdf-detail {
  margin: 60px 0;
}

.pdf-detail__image {
  margin-bottom: 20px;
}

.pdf-detail__title {
  margin: 10px 0;
}

.pdf-detail__date {
  margin: 0;
}

.wp-pagenavi {
  text-align: center;
  font-size: 14px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
}

.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi a:active,
.wp-pagenavi a:hover,
.wp-pagenavi a:visited {
  color: #444;
}

.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi span.current {
  border: 1px solid #707070;
  margin: 0 8px 0 0;
}

.wp-pagenavi a:last-of-type {
  margin-right: 0;
}

.wp-pagenavi .pages {
  padding: 15px 30px;
}

.wp-pagenavi a,
.wp-pagenavi .current {
  padding: 15px 20px;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
  padding: 15px 10px;
}

.pagenavi--single {
  margin-bottom: 10px;
  text-align: center;
}

.pagenavi--single a[rel="prev"] {
  margin-right: 30px;
  padding-left: 20px;
  position: relative;
  text-decoration: underline;
}

.pagenavi--single a[rel="prev"]::before {
  content: '<<';
  position: absolute;
  top: 0;
  left: 0;
}

.pagenavi--single a[rel="next"] {
  margin-left: 30px;
  padding-right: 20px;
  position: relative;
  text-decoration: underline;
}

.pagenavi--single a[rel="next"]::before {
  content: '>>';
  position: absolute;
  top: 0;
  right: 0;
}

.archive .year-list {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0 0 40px;
  padding: 0 10px;
}

.archive .year-list__item {
  padding: 10px 20px;
  text-align: center;
}

.archive .year-list__item__link {
  text-decoration: underline;
}

.archive .event-table {
  margin-bottom: 60px;
}

.single .article-body {
  padding: 0 40px 40px;
}

.single .articleBlock {
  margin-bottom: 50px;
}

@media screen and (max-width: 1099px) {

  .header {
    margin-bottom: 0;
    background: none;
    background-color: #fff;
    border-bottom: solid 1px #E0E0E0;
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .site-logo {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  .site-logo__link {
    padding: 10px 0 10px 10px;
    flex: 0 1 calc(100% - 60px);
  }

  .site-logo__link__text {
    font-size: 16px;
    margin-left: 10px;
    flex: 1 1 50%;
  }

  .hamburger {
    border: none;
    display: block;
    width: 60px;
    height: 80px;
    position: relative;
  }
  
  .hamburger_bar {
    display: block;
    width: 50%;
    height:4px;
    position: absolute;
    left: 50%;
    background: #0079B3;
  }

  .hamburger_bar:nth-child(1) {
    top: 50%;
    -webkit-transform: translate(-50%) rotate(45deg);
            transform: translate(-50%) rotate(45deg);
  }

  .hamburger_bar:nth-child(2) {
    -webkit-transform: translate(-50%) rotate(-45deg);
            transform: translate(-50%) rotate(-45deg);
  }

  .hamburger_bar:nth-child(3) {
    display: none;
  }

  .hamburger.close .hamburger_bar:nth-child(1) {
    top: 28px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  
  .hamburger.close .hamburger_bar:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
  }
  
  .hamburger.close .hamburger_bar:nth-child(3) {
    display: block;
    bottom: 28px;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }

  .hamburger-menu {
    display: none;
  }

  .menu {
    background-color: #fff;
    border-top: solid 1px #409BC6;
    display: block;
    width: 100%;
    z-index: 1;
  }

  .menu-item {
    padding: 0;
    border-bottom: solid 1px #409BC6;
  }

  .menu-item a {
    border-right: none;
    display: block;
    font-size: 16px;
    padding: 20px 0;
  }

  .breadcrumb {
    display: none;
  }

  span[property="itemListElement"] {
    margin: 0 10px;
  }

  span[property="itemListElement"]:first-of-type {
    margin-left: 0x;
  }

  span[property="itemListElement"]:last-of-type {
    margin-right: 0x;
  }

  .h2--list-page {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .h3--list-page {
    font-size: 18px;
  }

  .event {
    padding: 0 10px;
  }

  .h2--event {
    font-size: 20px;
    margin-bottom: 10px;
    padding: 0;
  }

  .news {
    margin-bottom: 20px;
    padding: 0 10px;
  }

  .h2--news {
    font-size: 16px;
  }

  .event-table__col--category {
    padding: 20px 10px;
  }

  .news-table__col__date {
    flex: 0 1 35%;
    padding: 20px 5px 20px 10px;
    font-size: 14px;
  }

  .news-table__col__title {
    flex: 0 1 65%;
    padding: 20px 10px;
    font-size: 14px;
  }

  .wp-pagenavi {
    margin-bottom: 40px;
  }

  .jump-list__link {
    padding: 20px 30px;
  }

  .footer__inner {
    display: block;
    padding: 20px 30px;
  }

  .footer__menu__list {
      padding: 10px 20px;
  }

  .footer__menu__list__item {
    flex: 1 0 100%;
  }

  .footer__menu__list__link {
      font-size: 12px;
  }

  .footer__address {
    margin-bottom: 20px;
    padding: 0;
  }

  .footer__character {
      margin-bottom: 20px;
  }

  .footer__copyright {
      text-align: center;
      padding: 0;
  }

  .footer__copyright__text {
      font-size: 10px;
      margin-bottom: 20px;
  }

  #metaslider-id-66.metaslider {
    margin-bottom: 40px;
  }

  .home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex: 1 0 calc(50% - 15px)!important;
  }

  .home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-of-type(2n+1) {
    text-align: right;
  }

  .home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-of-type(2n) {
    margin-right: 0;
  }

  .archive .main,
  .page-template .main,
  .single .main  {
    padding: 10px;
  }

  .archive .news-table {
    margin-bottom: 20px;
  }

  .archive .year-list {
    padding: 0;
  }

  .archive .year-list__item {
    padding: 5px 10px;
  }

  .single .article-body {
    padding: 0 20px 40px;
  }

}

@media screen and (max-width: 779px) {

  .event-table__header__category,
  .event-table__header__title {
    padding: 5px 0;
  }

  .event-table__row {
    padding: 10px;
  }

  .event-table__header__date,
  .event-table__header__status {
    display: none;
  }

  .event-table__header__category,
  .event-table__col--category {
    flex: 1 0 25%;
  }

  .event-table__col--category {
    padding: 10px 0 0;
  }

  .event-table__header__title,
  .event-table__col--title {
    flex: 1 0 75%;
  }

  .event-table__col--date {
    flex: 1 1 80%;
    font-size: 14px;
    padding: 10px 0;
  }

  .event-table__col--status  {
    flex: 1 0 20%;
    font-size: 14px;
    text-align: right;
    padding: 10px 0;
  }

  .description h3 {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .description p {
    margin-bottom: 30px;
    padding: 0;
  }

  .pdf-list {
    padding-top: 40px;
  }

  .pdf-list__item {
    flex: 0 1 calc(50% - 75px/2);
    margin-right: 75px;
  }

  .pdf-list__item:nth-of-type(2n) {
    margin-right: 0;
  }

  .pdf-detail {
    font-size: 14px;
    margin: 0 0 40px;
  }

  .pdf-detail__image {
    margin-bottom: 10px;
  }
  
  .pdf-detail__title {
    margin: 5px 0;
  }

  .pagenavi--single {
    margin-bottom: 0;
  }

  .wp-pagenavi {
    font-size: 12px;
  }

  .wp-pagenavi a,
  .wp-pagenavi span,
  .wp-pagenavi span.current {
      margin-right: 3px;
  }

  .wp-pagenavi .pages {
      padding: 6px 4px;
  }

  .wp-pagenavi a,
  .wp-pagenavi .current {
      padding: 6px 10px;
  }

  .wp-pagenavi .first,
  .wp-pagenavi .last {
      padding: 6px 2px;
  }

  .home .wp-block-columns {
    margin: 0 auto 40px;
    width: 245px;
  }

  .home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex: 1 0 100%!important;
    margin-right: 0;
  }

  .home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-of-type(2n) {
    margin-right: 0;
  }

  .home .wp-block-column:last-of-type .wp-block-image {
    margin: 0;
  }

  .single .articleBlock {
    margin-bottom: 30px;
  }

  .single .article-body {
    padding: 0 0 30px;
  }

}