@charset "UTF-8";
/*!
Theme Name: hajimedenki-gunma
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hajimedenki-gunma
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

hajimedenki-gunma is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.contents-blog {
  display: flex;
  max-width: 1200px;
  width: calc(100% - 80px);
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .contents-blog {
    width: 100%;
  }
}
.contents-blog--left {
  width: 280px;
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  .contents-blog--left {
    width: 100%;
    order: 2;
    margin-top: 60px;
    margin-right: 0;
  }
}
.contents-blog--right {
  width: calc(100% - 330px);
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .contents-blog--right {
    width: 100%;
    order: 1;
  }
}
.contents-blog--right.single-post {
  display: block;
}

.blog-post {
  width: 48%;
  margin-right: 4%;
  background: #f9f9f9;
  border: 1px solid #f9f9f9;
}
.blog-post:nth-of-type(2n) {
  margin-right: 0;
}
.blog-post img {
  display: block;
  width: 100%;
  height: auto;
}
.blog-post a {
  color: #333;
  text-decoration: none;
  transition: 0.2s;
}
.blog-post a:hover img {
  transform: scale(1.05);
  transition: 0.2s;
}

.blog-thumbnail {
  overflow: hidden;
}

.blog-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 5px 0;
  font-size: 14px;
  color: #666;
  padding: 0 10px;
}
@media screen and (max-width: 480px) {
  .blog-meta {
    display: block;
  }
}
.blog-meta .blog-date {
  font-size: 12px;
}

.post-category {
  min-width: 110px;
  text-align: center;
  line-height: 1;
  border-radius: 1.5rem;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.1px;
  border: 1px solid #00913a;
  display: inline-block;
  background: #fff;
  color: #00913a;
}

.blog-post-title {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 10px 10px 10px;
  line-height: 1.4;
  margin: 0;
}

.search-form {
  display: flex;
  align-items: center;
}
.search-form input.search-field {
  width: calc(100% - 5px);
  border-color: #00913a;
  height: 60px;
}
.search-form input.search-submit {
  width: 60px;
  padding: 20px 5px;
  background: #00913a;
  color: #fff;
  cursor: pointer;
  border-color: #00913a;
  height: 60px;
}

.widget {
  margin-bottom: 30px;
}
.widget h2.widget-title {
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid #00913a;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.widget-area ul {
  list-style: none;
  padding-left: 0;
}
.widget-area li {
  border-bottom: 1px solid #f5f5f5;
}
.widget-area li a {
  display: block;
  padding: 10px;
  color: #333;
  text-decoration: none;
  position: relative;
  padding-right: 12px;
  transition: 0.2s;
}
.widget-area li a::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #00913a;
  font-size: 12px;
  font-weight: 900;
  transition: 0.2s;
}
.widget-area li a:hover {
  background: #f9f9f9;
}
.widget-area li a:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.wp-pagenavi {
  margin-top: 60px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wp-pagenavi span.current {
  color: #00913a;
  border-color: #00913a !important;
}

.wp-pagenavi a,
.wp-pagenavi span {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  text-decoration: none;
}

.blog-single-title {
  font-size: 28px;
  padding-bottom: 40px;
  border-bottom: 1px solid #00913a;
  margin-bottom: 20px;
  font-weight: 400;
}
.blog-single img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 40px auto;
}

.single-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 5px 0;
  font-size: 14px;
  color: #666;
  padding: 0 10px;
}
.single-meta .single-date {
  font-size: 12px;
}

.single-category {
  min-width: 110px;
  text-align: center;
  line-height: 1;
  border-radius: 1.5rem;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.1px;
  border: 1px solid #00913a;
  display: inline-block;
  background: #fff;
  color: #00913a;
}

.blog-single-content p {
  margin-bottom: 16px;
}
.blog-single-content h2 {
  font-size: 24px;
  margin: 40px 0 20px 0;
  border-bottom: 1px solid #00913a;
  font-weight: 400;
}
.blog-single-content h3 {
  font-size: 18px;
  margin: 30px 0 15px 0;
  font-weight: 400;
  padding-left: 10px;
  border-left: 4px solid #00913a;
}
.blog-single-content h4 {
  font-size: 16px;
  margin: 20px 0 10px 0;
  font-weight: 700;
  color: #00913a;
}
.blog-single-content h5 {
  font-size: 14px;
  margin: 15px 0 8px 0;
  font-weight: 700;
}
.blog-single-content ul {
  margin-bottom: 16px;
  padding-left: 20px;
  list-style: disc;
}

#toc_container {
  margin: 0 auto;
  background: #f9f9f9;
  border: 1px solid #aaa;
  padding: 10px;
  margin-bottom: 1em;
  width: 100% !important;
  max-width: 700px;
  display: table;
  font-size: 95%;
}

#toc_container li,
#toc_container ul {
  margin: 0;
  padding: 0;
}

#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
  background: 0 0;
  list-style-type: none;
  list-style: none;
}

#toc_container.have_bullets li {
  padding-left: 12px;
}

#toc_container ul ul {
  margin-left: 1.5em;
}

#toc_container.toc_light_blue {
  background: #edf6ff;
}

#toc_container.toc_white {
  background: #fff;
}

#toc_container.toc_black {
  background: #000;
}

#toc_container.toc_transparent {
  background: none transparent;
}

#toc_container p.toc_title {
  text-align: center;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

#toc_container.toc_black p.toc_title {
  color: #aaa;
}

#toc_container span.toc_toggle {
  font-weight: 400;
  font-size: 90%;
}

#toc_container p.toc_title + ul.toc_list {
  margin-top: 1em;
}

.toc_wrap_left {
  float: left;
  margin-right: 10px;
}

.toc_wrap_right {
  float: right;
  margin-left: 10px;
}

#toc_container a {
  text-decoration: none;
  text-shadow: none;
}

#toc_container a:hover {
  text-decoration: underline;
}

.toc_sitemap_posts_letter {
  font-size: 1.5em;
  font-style: italic;
}

#toc_container a {
  color: #333;
}
#toc_container a:hover {
  color: #00913a;
}

/* 投稿ナビ全体 */
.post-navigation {
  margin: 40px 0;
  padding: 15px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* nav-links を flex にして左右配置 */
.post-navigation .nav-links {
  display: flex;
}

/* 前へリンク */
.post-navigation .nav-previous {
  margin-right: auto;
  /* 左寄せ */
}

/* 次へリンク */
.post-navigation .nav-next {
  margin-left: auto;
  /* 右寄せ */
}

/* リンク共通 */
.post-navigation a {
  display: inline-block;
  padding: 12px 16px;
  color: #333;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.5;
  transition: all 0.25s ease;
}

/* hover エフェクト */
.post-navigation a:hover {
  background-color: #f5f5f5;
}

/* サブタイトル */
.post-navigation .nav-subtitle {
  display: block;
  font-size: 12px;
  color: #666;
  margin-bottom: 4px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* タイトル */
.post-navigation .nav-title {
  font-size: 16px;
  font-weight: 600;
}

/* スマホ対応：縦並び */
@media (max-width: 600px) {
  .post-navigation .nav-links {
    flex-direction: column;
    gap: 8px;
  }
  .post-navigation .nav-previous,
  .post-navigation .nav-next {
    margin: 0;
  }
}
.page404 {
  display: inline-block;
  margin-top: 30px;
  color: #00913a;
}/*# sourceMappingURL=style.css.map */