/*
Theme Name: genken
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

@charset "UTF-8";

* {
  box-sizing: border-box;
} /*全ての要素をborder-boxにするーーコンテンツ、border、paddingの合計がwidthと解釈される*/

html {
  font-size: 100%;
}
/*設定した文字サイズを正しく反映*/

body {
  background-color: white;
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
}

a {
  cursor: pointer;
}

main {
  margin: auto;
}

h1.back-blue {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: white;
  height: 140px;
  background-color: #336b94;
  line-height: 140px; /*見出し垂直方向のセンタリング*/
  margin-top: 0;
}

h2.c-art-cate {
  font-size: 24px;
  font-weight: bold;
  margin-top: 100px;
  text-align: center;
}

h3.new-article {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.column-article-wrap {
  width: 72.63%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.column-article-archive {
  width: 100%;
  display: flex;
  margin-top: 50px;
}

.management-forum-wrap {
  width: 80%;
}

.recent-post {
  margin-bottom: 50px;
}

.management-forum {
  border: 3px solid #4070bf;
  padding: 10px 20px;
  text-align: justify;
}

.management-forum h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 5px !important;
}

.management-forum-content p {
  margin-top: 0px !important;
  margin-bottom: 5px !important;
  line-height: 1.2;
}

.w-name-time {
  display: flex;
  color: #aaaaaa;
}

#text {
  font-size: 20px;
  color: #aaaaaa;
} /*カテゴリー名*/

p.small-gray {
  color: #aaaaaa;
}

p.small-gray-time {
  margin-left: 50px;
  color: #aaaaaa;
}

.aside-area {
  display: flex;
  flex-direction: column;
  width: 20%;
  margin-left: 85px;
}

.aside-content-search {
  margin-top: -65px;
  margin-bottom: 20px; /* 要素間のスペースを調整 */
}

p.aside-area-search {
  text-align: center;
  font-size: 24px;
}

.archive-month-wrap {
  margin-top: 100px;
}

.archive-month-wrap h4,
.category-links h4 {
  font-size: 20px;
  font-weight: bold;
}

.category-links h4 {
  margin-left: 0px;
}

#post-search{
  position: relative;/*虫メガネボタンの配置基準*/
  font-size: 20px;
} 

.post-searchfield {
  height: 50px;
  box-sizing: border-box;
  width: 90%;
  border: 1px solid rgb(34, 33, 33);
  border-radius: 4px;
  background: transparent;
}

#post-submit{
  position: absolute; /*post-searchfieldの右端に重ねる*/
  bottom: 5px;
  right: -5px;
  background: url('g3/image/musimegane.png') no-repeat;
  background-size: contain; 
  width: 4rem; /* ボタンの幅*/
  border: none; /* ボーダーなし*/
  cursor: pointer; /* カーソルをポインターに変更*/
}

ul.archive-list,
ul.category-list {
  padding-left: 0px;
  font-size: 16px;
}

.category-links {
  margin-top: 100px;
}

/* .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}

ul.page-numbers {
  display: flex;
  border: none;
}

.nav-links li {
  margin: 0 5px; 
}

ul.page-numbers li {
  background-color: white;
  border: 1px solid #cccccc;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 6px 12px;
}

ul.page-numbers :hover {
  color: white;
  border: 1px solid #1c74bf;
  background-color: #1c74bf;
} */

/*====================メディアクエリーcss=======*/

@media (max-width: 678px) {
  h1.back-blue {
    font-size: 20px;
    height: 80px;
    line-height: 80px; /*見出し垂直方向のセンタリング*/
  }

  h2.c-art-cate {
    font-size: 18px;
    margin-top: 50px;
  }

  h3.new-article {
    font-size: 18px;
    margin-top: 30px;
  }

  .column-article-wrap {
    width: 82.4%;
    margin-top: 30px;
  }

  .column-article-wrap h2 {
    font-size: 18px;
    margin-left: 0;
  }

  .column-article-archive {
    display: block;
    width: 100%;
    margin-top: 30px;
  }

  .management-forum-wrap {
    width: 100%;
  }

  .management-forum {
    padding: 20px;
  }

  .management-forum h3 {
    font-size: 18px;
  }

  .management-forum-content p {
    font-size: 15px;
  }

  .w-name-time {
    display: block;
  }

  p.small-gray,
  p.small-gray-time {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

  .pc_only {
    display: none;
  }

  .aside-area {
    width: 100%;
    margin-left: 0px;
    text-align: center;
  }

  .aside-content {
    margin-top: 30px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .archive-month-wrap {
    margin-top: 0;
  }

  .archive-month-wrap h3,
  .category-links h3 {
    font-size: 18px;
    font-weight: 700;
  }

  ul.archive-list,
  ul.category-list {
    font-size: 15px;
  }

  .page-numbers {
    font-size: 14px;
  }

  .category-links {
    margin-top: 40px;
  }

  /* ul.page-numbers {
    padding-left: 0px;
  }

  ul.page-numbers li {
    font-size: 16px;
  } */
}