header {
  width: 100%;
  text-align: center;
}
header .head-text {
  background: #ee8ab5;
  padding: 0.25rem;
  font-weight: 600;
  color: #fafafa;
}
header .site-title {
  padding: 2rem 0;
  border-bottom: 0.5rem solid #eee;
}
header .site-title img {
  width: 60%;
}
.column-container {
  width: 100%;
  padding: 0 1rem;
}
.column-container .byseisakubu {
  font-size: 1rem;
  padding: 1rem 0;
  text-align: center;
  border-bottom: 2px solid #ee8ab5;
}
.column-container .byseisakubu sub {
  font-size: 0.75rem;
}
.column-wrap {
  width: 100%;
}
.column-left {
  width: 100%;
}
.column-right {
  width: 100%;
}
.column-right h3 {
  padding: 0.5rem 0;
  border-bottom: 2px solid #ee8ab5;
}
main {
  padding: 0 0 2rem;
}
/*--------------------------------
Tab btn
--------------------------------*/
.tab-menu {
  width: 100%;
  padding: 1rem 0;
}
.tab-menu > ul {
  display: flex;
  flex-wrap: wrap;
}
.tab-menu > ul li {
  width: 33.333%;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.tab-menu > ul li a {
  display: block;
  font-size: 0.75rem;
  padding: 0.5rem 0;
}
/*--------------------------------
Column inner
--------------------------------*/
.list-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.column-box {
  width: 48%;
  padding: 0 0 0.5rem;
}
.cat-ico {
  font-size: 0.75rem;
  padding: 0 0.25rem;
  color: #fff;
}
.column-image {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 37.5% 0;
  transition: 0.2s ease-in-out;
  will-change: transform;
}
.column-ttl {
  width: 100%;
  height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0.25rem 0 0.5rem;
}
.column-text {
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.75rem;
}
.column-date {
  font-size: 0.75rem;
}
/*--------------------------------
Side
--------------------------------*/
.side-box a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1rem;
  margin-top: 1rem;
  border-bottom: 1px solid #3e3a39;
}
.side-box .column-image {
  width: 49%;
  padding: 18.75% 0;
}
.side-box .column-inner {
  width: 49%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.column-view {
  width: 100%;
  text-align: right;
  margin-top: auto;
  font-size: 0.75rem;
}
/*--------------------------------
Footer
--------------------------------*/
footer {
  width: 100%;
  background: #fafafa;
  padding: 1rem 0;
  border-top: 1px solid #ee8ab5;
}
.f-logo {
  width: 50%;
  margin: 0 auto;
}
.f-link {
  width: 100%;
}
.f-link ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.f-link ul li {
  text-align: center;
  padding: 0.25rem 0.5rem;
}
.f-link ul li a {
  color: #ee8ab5;
  font-size: 0.875rem;
}
.f-link ul li i {
  padding-right: 0.25rem;
}
.copy-right {
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
}
/*--------------------------------
カテゴリナビ
--------------------------------*/
.tab-menu li a {
  color: #fafafa;
  font-weight: 600;
}
.tab-menu li:nth-child(1) {
  background: #ef9a9a;
}
.tab-menu li:nth-child(2) {
  background: #ffcc80;
}
.tab-menu li:nth-child(3) {
  background: #aed581;
}
.tab-menu li:nth-child(4) {
  background: #abdfef;
}
.tab-menu li:nth-child(5) {
  background: #bbceff;
}
.tab-menu li:nth-child(6) {
  background: #bdccd4;
}
.tab-menu li:nth-child(7) {
  background: #ffc0cc;
}
/*--------------------------------
カテゴリアイコン
--------------------------------*/
.cate-ico {
  display: inline-block;
  font-size: 0.75rem;
  padding: 0 0.25rem;
  color: #fff;
  background: #ccc;
}
.cat1 {
  background: #ffcc80;
}
.cat2 {
  background: #aed581;
}
.cat3 {
  background: #abdfef;
}
.cat4 {
  background: #bbceff;
}
.cat5 {
  background: #bdccd4;
}
.cat-single a {
  text-decoration: underline;
  color: #47a2d7;
  margin-right: 0.5rem;
}
/*--------------------------------
検索
--------------------------------*/
.search-wrap {
  width: 100%;
}
.search-form {
  position: relative;
}
.search-form input[type="search"],
.search-form input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 1rem;
  margin: 0;
}
.search-form input[type="search"]:focus,
.search-form input[type="submit"]:focus {
  outline: none;
}
.search-form label {
  display: block;
}
.search-form span {
  display: none;
}
.search-field {
  width: 100%;
  padding: 0.5rem 0.5rem;
  border: 1px solid #ee8ab5;
}
.search-submit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem 0.75rem;
  background: #ee8ab5;
  color: #fafafa;
  border: 1px solid #ee8ab5;
}
/*--------------------------------
アーカイブ
--------------------------------*/
.archive-wrap {
  width: 100%;
  position: relative;
}
.archive-wrap li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #3e3a39;
}
.archive-wrap li:before {
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 0.25rem;
  font-size: 1rem;
}
.archive-wrap label {
  display: none;
}
.archive-wrap select {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background: #fff;
  font-size: 1rem;
  border: 1px solid #c0c0c0;
  border-radius: 0;
  margin-top: 1rem;
  padding: 0.5rem;
  position: relative;
}
#archives-2:after {
  content: "\f107";
  font-family: FontAwesome;
  display: block;
  font-size: 1.25rem;
  line-height: 1.25rem;
  position: absolute;
  bottom: 0.75rem;
  right: 1rem;
}
/*--------------------------------
Pagenation
--------------------------------*/
.wp-pagenavi {
  width: 100%;
  margin: 1rem 0;
  text-align: center;
}
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi a,
.wp-pagenavi span {
  padding: 0.25rem 0.5rem;
  margin: 0 0.25rem;
  border: 1px solid #757575;
  font-size: 0.75rem;
  color: #757575;
}
.wp-pagenavi .current {
  background: #47a2d7;
  padding: 0.25rem 0.5rem;
  border: 1px solid #47a2d7;
  color: #fff;
}
/*--------------------------------
Single
--------------------------------*/
.article-content {
  width: 100%;
}
.article-content img {
  width: 100%;
  height: 100%;
}
.article-img img {
  width: 100%;
  height: 100%;
}
.article-content iframe {
  width: 100%;
}
.article-content h1 {
  font-size: 1.25rem;
}
.article-tag {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.article-tag ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.article-tag li {
  margin: 0.5rem;
}
.article-tag li:nth-child(1) {
  width: 100%;
  font-weight: 600;
  text-align: left;
}
.article-tag li a {
  color: #fff;
  background: #47a2d7;
  padding: 0.25rem 0.5rem;
}
.yarpp-related li a {
  font-weight: 400;
  color: #47a2d7;
  text-decoration: underline;
}
@media screen and (min-width: 801px) {
  header .site-title img {
    width: 40%;
  }
  .column-container {
    width: 100%;
    padding: 0 1rem;
  }
  .column-container .byseisakubu {
    font-size: 1.25rem;
  }
  .column-container .byseisakubu sub {
    font-size: 0.875rem;
    padding-left: 1rem;
  }
  .column-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .column-left {
    width: 70%;
  }
  .column-right {
    width: 30%;
  }
  /*--------------------------------
  PC Tab btn
  --------------------------------*/
  .tab-menu > ul li {
    width: 14.285%;
  }
  .tab-menu > ul li a {
    font-size: 1rem;
  }
  /*--------------------------------
  PC Column inner
  --------------------------------*/
  .list-box {
    justify-content: flex-start;
  }
  .column-box {
    width: 25%;
    padding: 0 1rem 1rem 0;
  }
  .column-box a:hover .column-image {
    margin-top: -0.25rem;
  }
  /*--------------------------------
  PC Single
  --------------------------------*/
  .article-content {
    padding-right: 1rem;
  }
  .article-content h1 {
    font-size: 2rem;
  }
  .article-content img {
    width: auto;
    height: auto;
  }
  .article-img img {
    width: 100%;
    height: 100%;
  }
  .article-content iframe {
    width: 500px;
    height: 315px;
  }
  /*--------------------------------
  PC Footer
  --------------------------------*/
  footer {
    width: 100%;
    padding: 2rem 1rem;
  }
  footer .column-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .f-logo {
    width: 16%;
  }
  .f-link {
    width: 70%;
  }
  .f-link ul {
    width: 100%;
  }
  .f-link ul li {
    width: 33%;
    text-align: left;
  }
  .f-link ul li i {
    display: inline;
    font-size: 1.25rem;
    padding-right: 0.25rem;
  }
  .f-link ul li a {
    color: #333;
    font-size: 1rem;
  }
  .f-link ul li:nth-child(1) {
    border-right: 0;
  }
  .f-link ul li:nth-child(5) {
    border-left: 0;
    border-right: 0;
  }
  .f-peivacy {
    width: auto;
  }
  .copy-right {
    font-size: 1rem;
    margin-top: 1rem;
  }
  /*--------------------------------
  PC 検索
  --------------------------------*/
  .search-field {
    padding: 0.25rem 0.5rem;
  }
  .search-submit {
    padding: 0.25rem 0.5rem;
  }
  /*--------------------------------
  Pagenation
  --------------------------------*/
  .wp-pagenavi {
    margin: 2rem 0;
  }
  .wp-pagenavi a,
  .wp-pagenavi span {
    padding: 0.5rem 0.75rem;
    margin: 0 0.5rem;
    font-size: 1rem;
  }
  .wp-pagenavi .current {
    padding: 0.5rem 0.75rem;
  }
  /*--------------------------------
  Other
  --------------------------------*/
  .br-none {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .column-container {
    width: 1200px;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
  }
}