@charset "UTF-8";
/*------------------------------
  Preloader
------------------------------*/
#loader-bg {
  background: #eee;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  display: table;
  z-index: 1100;
}

#loader {
  display: table-cell;
  vertical-align: middle;
}

/*------------------------------
  Typography
------------------------------*/
h1, h2, h3, h4, h5 {
  font-weight: 700;
  color: #333;
}

/*-- 縦書き --*/
.text-vertical {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-align: left;
  display: inline-block;
  margin: 0;
}

.text-nowrap {
  white-space: nowrap;
}

/*------------------------------
  Header Navigation
------------------------------*/
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #51bcda;
}

/*
.nav-down {
  position: fixed;
  top: 0;
  transition: top 0.5s ease-in-out;
  width: 100%;
}

.nav-up {
  top: -80px;
  transition: top 0.5s ease-in-out;
}
*/
/*------------------------------
  Page Header
------------------------------*/
.page-header .page-title,
.page-header .page-category {
  color: #222;
  text-shadow: #fff 0 0 20px;
}

.page-header-top .page-title {
  letter-spacing: .2rem;
}

.page-header .filter::after {
  background-color: rgba(255, 255, 255, 0.2);
}

.headimage-description {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 2px 10px;
  margin: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

/*------------------------------
  Card
------------------------------*/
.card h3 a {
  font-weight: 700;
}

.card h6, .card .btn {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
}

.card.card-blog .card-image {
  padding: 20px 0;
}

/*------------------------------
  Image
------------------------------*/
.img-description {
  padding-top: 5px;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 0.875rem;
}

/*------------------------------
  Section
------------------------------*/
.section-banner,
.section-pagenation {
  background-color: #F3F2EE;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-banner img {
  width: 100%;
  max-width: 240px;
  display: inline-block;
}

.tanka-tanka {
  margin-bottom: 40px;
}

/*------------------------------
  Pagenation
------------------------------*/
ul.pagination {
  margin-bottom: 0;
}

/*------------------------------
  Footer
------------------------------*/
.footer nav > ul a:not(.btn),
.footer .copyright {
  font-family: 'Noto Serif JP', serif;
}
/*# sourceMappingURL=style.css.map */