@charset "UTF-8";

/*!
Theme Name: 花冠
Description: 花冠用の子テーマ（cocoonベース）
Theme URI: 
Author: 之宏
Author URI: 
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* === 全体の基本フォントサイズと行間調整 === */
body {
  font-size: 14px;
  line-height: 1.6;
}

/* 全体レイアウト修正 */

body.home main#main main > article:last-child{
  margin-bottom: 0;
}

main#main.main {
  padding: 0;
}

.main {
  background-color: transparent;
}

main#main main article {
  background-color: #FFF;
  border-radius: var(--cocoon-basic-border-radius);
  padding: 18px 15px;
}

article.post, article {
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.entry-content {
  padding: 0 3px;
}

.comment-btn, #comment-area, body.single article {
  margin-bottom: 0;
}


/* 花冠発行所（kakanhakkoujo） */
body.post-type-archive-kakanhakkoujo,
body.single-kakanhakkoujo {
  background-color: #DCE4EC;
}

body.single-kakanhakkoujo .navi,
body.post-type-archive-kakanhakkoujo .navi{
  background-color: #455679 !important;
}

body.post-type-archive-kakanhakkoujo .entry-title a, body.post-type-archive-kakanhakkoujo .entry-title, body.body.single-kakanhakkoujo .entry-title a , body.single-kakanhakkoujo .entry-title {
  color: #28498b;
  text-decoration: none;
}

/* 月例句会（getsureikukai） */
body.post-type-archive-getsureikukai,
body.single-getsureikukai {
  background-color: #D9E3D9;
}

body.single-getsureikukai .navi,
body.post-type-archive-getsureikukai .navi {
  background-color: #507945 !important;
}

body.post-type-archive-getsureikukai .entry-title a, body.post-type-archive-getsureikukai .entry-title, body.body.single-getsureikukai .entry-title a , body.single-getsureikukai .entry-title {
  color: #36532d;
  text-decoration: none;
}

/* 自由な投句箱（toukubako） */
body.post-type-archive-toukubako,
body.single-toukubako {
  background-color: #e9e9dc;
}

body.single-toukubako .navi,
body.post-type-archive-toukubako .navi {
  background-color: #8f913b !important;
}

body.post-type-archive-toukubako .entry-title a, body.post-type-archive-toukubako .entry-title, body.body.single-toukubako .entry-title a , body.single-toukubako .entry-title {
  color: #5e5f2d;
  text-decoration: none;
}

/* エッセイと論文（essays） */
body.post-type-archive-essays,
body.single-essays {
  background-color: #e4dee4;
}

body.single-essays .navi,
body.post-type-archive-essays .navi {
  background-color: #754a7a !important;
}

body.post-type-archive-essays .entry-title a, body.post-type-archive-essays .entry-title, body.body.single-essays .entry-title a , body.single-essays .entry-title {
  color: #57355c;
  text-decoration: none;
}


/* 俳句日記（haikunikki） */
body.post-type-archive-haikunikki,
body.single-haikunikki {
  background-color: #e9dcde;
}

body.single-haikunikki .navi,
body.post-type-archive-haikunikki .navi {
  background-color: #ad4a4a !important;
}

body.post-type-archive-haikunikki .entry-title a, body.post-type-archive-haikunikki .entry-title, body.body.single-haikunikki .entry-title a , body.single-haikunikki .entry-title {
  color: #a84141;
  text-decoration: none;
}

body.post-type-archive-kakanhakkoujo .entry-title a:hover,  body.body.single-kakanhakkoujo .entry-title a:hover, body.post-type-archive-getsureikukai .entry-title a:hover, body.body.single-getsureikukai .entry-title a:hover, body.post-type-archive-haikunikki .entry-title a:hover, body.body.single-haikunikki .entry-title a:hover, body.post-type-archive-toukubako .entry-title a:hover, body.body.single-toukubako .entry-title a:hover, body.post-type-archive-essays .entry-title a:hover, body.body.single-essays .entry-title a:hover {
  opacity: 0.7;
}

/* タイトル全体の調整 */
.blog-title {
  text-align: center;
  margin: 25px 0 0px;
}

/* .blog-title {
  text-align: center;
  margin: 20px 0;
  font-family: 'Hiragino Mincho ProN', '游明朝', 'Yu Mincho', serif;
} */

/* 「花冠」部分 */
.site-title-main {
  display: inline-block;
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "Yu Mincho", "MS PMincho", serif;
}

a .site-title-main, .site-title-sub a {
  color: #555;
  text-decoration: none;
}

a:hover .site-title-main, .site-title-sub a:hover {
  color: #757575;
}

 /* 必要に応じて調整 */
.site-title-sub {
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  margin-left: 0.5em;
  color: #555;
  font-family: "Sawarabi Mincho","Hiragino Mincho ProN", "Hiragino Mincho", "Yu Mincho", "MS PMincho", "Noto Serif JP", serif;
}

.site-title-sub-sub {
  font-size: 0.75em;
}

 /* サイトの説明部分 */

 .header-in h1 {
  text-align: left;
  margin-left: 14px;
}

.site-description {
  text-align: left;
  font-size: 0.8em;
  margin: 0 20px 25px 20px;
  color: #777;
}

.site-description span {
  margin-left: 15px;
}

body.home .site-description span {
  margin-left: 0px;
}

header#header {
  background-image: url('bg_img/home.jpg');
  background-position:  right;
  background-size: 45%;
}

body.post-type-archive-kakanhakkoujo header#header, body.single-kakanhakkoujo header#header {
  background-image: url('bg_img/kakanhakkoujo.jpg');
  background-position:  right;
  background-size: 45%;
}

body.post-type-archive-getsureikukai header#header, body.single-getsureikukai header#header {
  background-image: url('bg_img/getsureikukai.jpg');
  background-position:  right;
  background-size: 45%;
}

body.post-type-archive-toukubako header#header, body.single-toukubako header#header {
  background-image: url('bg_img/toukubako.jpg');
  background-position:  right;
  background-size: 45%;
}

body.post-type-archive-essays header#header, body.single-essays header#header {
  background-image: url('bg_img/essays.jpg');
  background-position:  right;
  background-size: 45%;
}

body.post-type-archive-haikunikki header#header, body.single-haikunikki header#header {
  background-image: url('bg_img/haikunikki.jpg');
  background-position:  right;
  background-size: 45%;
}



.main {
  padding: 15px;
}

.section-title {
  font-weight: normal;
  font-size: 22px;
  margin-bottom: 10px;
  margin-left: 3px;
  margin-right: 3px;
  font-family: "Sawarabi Mincho","Hiragino Mincho ProN", "Hiragino Mincho", "Yu Mincho", "MS PMincho", "Noto Serif JP", serif;
}

.section-title span {
  font-family: var(--cocoon-default-font);
  font-size: 0.75em;
  margin-left: 5px;
  margin-bottom: -2px;
}


/* === 記事タイトルのサイズ調整 === */
.entry-title, .archive-title {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 7px;
  margin-top: 0;;
}
.entry-title, .related-entry-card-title, .entry-card-title {
  border-bottom: #8b8b8b 1px solid;
  padding-bottom: 8px;
}

.entry-title a , .entry-title{
  color: #333;
  text-decoration: none;
}

.entry-title a:hover {
  color: #787878;
}

body.home .entry-title {
  font-size: 16px;
}

a:hover {
    color: #b6ad7a;
}

/* === 本文フォントサイズと行間 === */
.entry-content {
  font-size: 16px;
  line-height: 1.6;
}

.entry-content>*, .demo .entry-content p {
  line-height: 1.6;
  margin-bottom: 1.5em!important;
}

/* === メタ情報（投稿日・カテゴリーなど） === */
.post-meta, .post-date, .cat-label {
  font-size: 12px;
}

/* === サイドバーのフォントサイズ === */
#sidebar {
  font-size: 14px;
  line-height: 1.5;
  padding: 10px;
}

/* === コメント部分 === */
.comment-content {
  font-size: 16px;
  line-height: 1.6;
}

/* === 関連記事のタイトル === */
.related-entry-title {
  font-size: 13px;
}

.widget h2 {
  font-size: 1.17em;
}

h2 {
  font-size: 1.17em;
}

body.single article h2, body.page article h2 {
  font-size: 18px;
}

.related-entry-heading, .comment-title, #reply-title {
  font-size: 18px;
}

.sidebar h2, .sidebar h3 {
  margin: 0 0 10px 0;
}

/* === カスタムカレンダー === */
.custom-cpt-calendar {
  font-size: 13px;
}

.sunday {
  color: rgb(209, 68, 68);
}
.saturday {
  color: rgb(82, 89, 184);
}
.empty-day {
  background-color: #fefefe;
  color: transparent;
  border: 1px solid #ccc;
}

.right-thin {
  border-right: 1px solid #eee;
}

.left-thin {
  border-left: 1px solid #eee;
}

/* コメント構成の順序用に、レイアウトを調整 */
.comment-body {
  font-size: 16px;
  padding: 15px !important;  /* お好みで */
  border: 1px solid #ccc;
  /* border-radius: 5px; */
  margin-bottom: 20px;
}
.comment-author {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.comment-metadata {
  font-size: 1em;
  color: #666;
  margin-bottom: 8px;
}

.comment-content {
  line-height: 1.6;
}

.comment-date {
  text-align: right;
  font-size: 0.9em;
  color: #666;
  margin-bottom: 8px;
}

.comment-reply {
  text-align: right;
}


.comment-meta {
  text-align: right;
  font-size: 0.8em;
  margin-top: 10px;
  color: #666;
}

.entry-meta-line {
  text-align: right;
  font-size: 0.8em;
  color: #666;
  margin-bottom: 10px;
}

/* .entry-meta-line a {
  color: #666;
  text-decoration: none;
} */

.entry-meta-line a:hover {
  text-decoration: underline;
}

/* ページナビ */
.pagination {
  margin: 0;
}

.page-numbers {
  width: auto;
  margin-bottom: 7px;
  min-width: 48px!important;
  padding-left: 10px;
  padding-right: 10px;
}

.pagination a {
  background-color: #FFF;
}

.pagination span {
  color: #a7a7a7;
  background-color: #cacaca;
}

.pagination-next {
  margin-bottom: 10px;
}


/* SNSボタン */
.custom-sns-buttons {
  display: flex;
  justify-content: space-between;
  gap: 8px; /* ← ボタン同士の隙間を指定 */
  margin: 15px 0 0;
  width: 100%;
}

body.single .custom-sns-buttons {
  margin-bottom: 15px;
}

.custom-sns-buttons .sns-btn {
  flex: 1;
  min-width: 0; /* ← これが重要！折り返しやはみ出し防止 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 6px; /* ← 横パディング少し減らす */
  font-size: 0.85em; /* ← スマホ向けに少し小さめに */
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.2s ease;
  border-radius: 4px;
  white-space: nowrap; /* ← テキスト折り返し防止 */
  overflow: hidden;
  text-overflow: ellipsis; /* ← はみ出すと「…」に */
}

.custom-sns-buttons .sns-btn:hover {
  opacity: 0.85;
}

.sns-btn.sns-x { background-color: #000; }
.sns-btn.sns-fb { background-color: #3b5998; }
.sns-btn.sns-hatebu { background-color: #00a4de; }
.sns-btn.sns-line { background-color: #00c300; }

.custom-sns-buttons i {
  margin-right: 5px;
  font-size: 1em;
}


/* 前後の記事タイトルへのリンク */

.single-nav-links {
  font-size: 14px;
  display: flex; /* ← フレックスボックスで横並びに */
  justify-content: space-between; /* ← 左右に分ける */
  margin-top: 20px;
  padding: 0 5px;
  flex-wrap: wrap; /* ← スマホ時に縦並び許可 */
  gap: 10px;
}

.single-nav-links a {
  display: block; /* ← blockにすると複数行に自然に折り返しやすい */
  text-decoration: none;
  color: #333;
  padding: 5px;
  max-width: 48%;
  white-space: normal;       /* ← 折り返し許可 */
  overflow: visible;         /* ← はみ出し防止を解除 */
  text-overflow: unset;      /* ← 省略記号を解除 */
  box-sizing: border-box;
}

.single-nav-links a:hover {
  color: #666;
}


.custom-latest-posts {
  list-style: none; /* 黒丸を消す */
  margin: 0;
  padding: 0;
}

.custom-latest-posts li {
  border-bottom: 1px dashed #ccc; /* 点線の区切り */
  padding: 8px 0;
  font-size: 14px;
}


.custom-archive-widget {
    display: flex;
    flex-direction: column;
    gap: 0px;
  }
  .custom-archive-block {
    max-height: 160px;
    overflow-y: auto;
    margin-bottom: 15px;
    border: none;
    padding: 0;
  }
  .custom-archive-title {
    font-weight: bold;
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #cacaca!important;
    font-size: 1.1em;
  }
  .custom-archive-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .custom-archive-list li {
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
  }
  .custom-archive-list li:last-child {
    border-bottom: none;
  }

.custom-category-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-category-list li {
  padding: 2px 0;
  border-bottom: 1px dotted #ccc;
}
.custom-category-list li:last-child {
  border-bottom: none;
}

.footer-bottom-logo .site-name-text {
  font-family: 'Hiragino Mincho ProN', '游明朝体', 'Yu Mincho', 'serif';
  font-size: 30px!important;
}

.search-header {
  margin-top: 10px;
  margin-bottom: 25px;
}

.search-header form {
  margin: 5px 0 0;
}

/* cocoonのadmin-panel非表示 */
#admin-panel {
  display: none !important;
}



/* コメントを投稿するの前に鉛筆アイコン追加 */
.comment-reply-title::before {
  font-family: "Font Awesome 5 Free";
  content: "\f303"; /* 鉛筆アイコン fa-pencil-alt */
  font-weight: 900;
  margin-right: 0.4em;
  color: #555; /* 任意で調整 */
}

textarea#comment, input#email, input#author, input#siteguard_captcha {
  margin-top: 3px;
  font-size: 16px;
  border-radius: 0;
  border: 1px solid #b9b9b9;
  padding: 5px;
  background: #FCFCFC;
}

textarea#comment {
  resize: none;
}

input[type=submit] {
  border: 1px solid #9e9e9e;
  background-color: #f5f8fa;
  color: #333;
  font-size: 16px;
  width: 60%;
  margin: 30px 20% 0!important;
}

textarea#comment:focus, input#email:focus, input#author:focus, input#siteguard_captcha:focus {
  border-radius: 0!important;
}

.comment-form-comment, .comment-form-author, .comment-form .logged-in-as {
  margin-bottom: 15px;
}

.comment-form p {
  margin-bottom: 15px;
}

.comment-form p.comment-form-cookies-consent {
  margin: 5px 5px 25px;
  line-height: 1.1;
}

.comment-reply-title {
  margin-bottom: 10px;
}

.comment-notes #email-notes {
  display: none;
}

.comment-form label {
  font-size: 16px;
  line-height: 1.6;
}

.comment-form p.comment-form-cookies-consent label {
  font-size: 14px;
  line-height: 1;
}

.comment-form .required {
  display: none;
}


/* 項目に必須を指定 */
#commentform label[for="comment"]::after,
#commentform label[for="author"]::after,
#commentform label[for="siteguard_captcha"]::after {
  position: relative;
  content: "必須";
  font-size: 11px;
  background: #db4747;
  display: inline-block;
  color: #fff;
  padding: 3px 5px;
  bottom: 2px;
  margin-left: 5px;
  margin-top: 2px;
}

#commentform label[for="email"]::after {
  position: relative;
  content: "任意";
  font-size: 11px;
  background: #a1a1a1;
  display: inline-block;
  color: #fff;
  padding: 3px 5px;
  bottom: 2px;
  margin-left: 5px;
  margin-top: 2px;
}

#commentform label[for="comment"]::after {
  margin-left: -2px;
}

.comment-form-wrap button[type="button"] {
  font-size: 16px;
  padding: 12px;
  width: 60%;
  margin: 0 20%;
  border: 1px solid #9e9e9e;
}

#cancel-comment-reply-link {
  margin-left: 5px;
}

/* デフォルトの※マークを非表示 */
.required{
  display:none;
}

article .not-found {
  margin-bottom: 10px;
}

/* トップページ */

body.home main#main main section article {
  margin-bottom: 0;
  border-radius: 0;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}

body.home main#main main section article h2 {
  border: none;
}

body.home main#main main section article.kakanhakkoujo .entry-title a, body.home main#main main section article.kakanhakkoujo .entry-title {
  color: #28498b;
}

body.home main#main main section article.getsureikukai .entry-title a, body.home main#main main section article.getsureikukai .entry-title {
  color: #36532d;
}

body.home main#main main section article.toukubako .entry-title a, body.home main#main main section article.toukubako .entry-title {
  color: #5e5f2d;
}

body.home main#main main section article.essays .entry-title a, body.home main#main main section article.essays .entry-title {
  color: #57355c;
}

body.home main#main main section article.haikunikki .entry-title a, body.home main#main main section article.haikunikki .entry-title {
  color: #a84141;
}

body.home main#main main section article .entry-title a:hover {
  opacity: 0.7;
}

body.home main#main main section .section-title {
    display: flex;
    align-items: center;
}

body.home main#main main section .section-title:before,
body.home main#main main section .section-title:after {
    content: "";
    height: 2px;
    flex-grow: 1;
}

body.home main#main main section:nth-child(1) .section-title:before,
body.home main#main main section:nth-child(1) .section-title:after {
    background-color: #455679;
}

body.home main#main main section:nth-child(2) .section-title:before,
body.home main#main main section:nth-child(2) .section-title:after {
    background-color: #507945;
}

body.home main#main main section:nth-child(3) .section-title:before,
body.home main#main main section:nth-child(3) .section-title:after {
    background-color: #8f913b;
}

body.home main#main main section:nth-child(4) .section-title:before,
body.home main#main main section:nth-child(4) .section-title:after {
    background-color: #754a7a;
}

body.home main#main main section:nth-child(5) .section-title:before,
body.home main#main main section:nth-child(5) .section-title:after {
    background-color: #ad4a4a;
}


body.home main#main main section .section-title:before {
    margin-right: 1rem;
}

body.home main#main main section .section-title:after {
    margin-left: 1rem;
}

body.home main#main main section article:first-of-type {
  border-radius: 4px 4px 0 0;
}

body.home main#main main section article:last-of-type {
  border-radius: 0 0 4px 4px;
  margin-bottom: 35px;
  border-bottom: none;
}

body.home main#main main section article .entry-meta-line {
  margin-bottom: -5px;
  font-size: 13px;
}

body.home main#main main section article .entry-meta.comment-meta {
  position: absolute;
  font-size: 13px;
  left: 15px;
  bottom: 13px;
}

body.home main#main main section article .entry-meta.comment-meta a {
  color: #9c9c9c;
  text-decoration: none;
}

body.home main#main main section article .entry-meta.comment-meta a:hover {
  color: #c0c0c0;
}

p.under_construction {
  font-size: 18px;
  margin: 10px;
}

body.home p.under_construction {
  font-size: 16px;
}

/* NEWマーク */
.new-badge {
  display: inline-block;
  background: linear-gradient(to right, #FFA500, #FF4500); /* オレンジ→赤オレンジ */
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  padding: 4px 4px 2px;
  border-radius: 2px;
  margin-right: 5px;
  margin-bottom: 2px;
  vertical-align: middle;
  line-height: 1.2;
}

_::-webkit-full-page-media, _:future, :root .new-badge {
  padding: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .new-badge {
		padding: 4px;
	}
}

.go-to-top-button {
  background: #FFF;
}

#throwsSpamAway {
  font-size: 14px;
}

/* 色指定 */

span.red {
  color: #eb2929;
}

span.green {
  color: #288d1b;
}

span.deep_green {
  color: #00582d;
}

span.blue {
  color: #176dc8;
}

span.navy {
  color: #000080;
}

span.gray {
  color: #919191;
}

span.pink {
  color: #ec70bd;
}

span.orange {
  color: #ff9239;
}

span.yellow {
  color: #e4d54a;
}

span.purple {
  color: #783e7a;
}

span.sky_blue {
  color: #64cdf7;
}

.grecaptcha-badge {
  display : none;
}

.comment_recaptcha {
  color: #aaaaaa;
  font-size: 11px;
  margin-top: 35px;
  line-height: 1.2em;
  text-align: right;
}

.comment_recaptcha a {
  color: #aaaaaa;
  text-decoration: none;
}

h2.wp-block-heading {
  margin-bottom: 0.5em!important
}

.navi-footer-in a:hover {
  background: none;
  color: #9c9c9c;
}

.navi-footer-in a {
  color: #5f5f5f;
  font-size: 12px;
}

.navi-footer-in > .menu-footer li, .navi-footer-in > .menu-footer li:last-child {
  border: none;
}

.footer-bottom.fnm-text-width .menu-footer li a {
  padding: 0;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*スマホのサイドバーメニューを左から右に表示*/
  /* .sidebar-menu-content {
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
    right: auto;
    left: 0;
  } */

  .main, .sidebar, .sidebar-left .main, .sidebar-left .sidebar{
    margin: 0;
    border-radius:0;
  }
  .content {
    margin-top: 0;
  }
  .footer {
    margin-top: 0;
    background-color: #ededed;
    color: #333;
  }
  /* 花冠発行所（kakanhakkoujo） */
  body.post-type-archive-kakanhakkoujo #header-container , body.post-type-archive-kakanhakkoujo .footer, body.single-kakanhakkoujo #header-container, body.single-kakanhakkoujo .footer  {
    background-color: #DCE4EC;
  }

  /* 月例句会（getsureikukai） */
  body.post-type-archive-getsureikukai #header-container , body.post-type-archive-getsureikukai .footer, body.single-getsureikukai #header-container, body.single-getsureikukai .footer {
    background-color: #D9E3D9;
  }

    /* 自由な投句箱（toukubako） */
  body.post-type-archive-toukubako #header-container , body.post-type-archive-toukubako .footer, body.single-toukubako #header-container, body.single-toukubako .footer {
    background-color: #e9e9dc;
  }

    /* エッセイと論文（essays） */
  body.post-type-archive-essays #header-container , body.post-type-archive-essays .footer, body.single-essays #header-container, body.single-essays .footer {
    background-color: #e4dee4;
  }

  /* 俳句日記（haikunikki） */
  body.post-type-archive-haikunikki #header-container , body.post-type-archive-haikunikki .footer, body.single-haikunikki #header-container, body.single-haikunikki .footer {
    background-color: #e9dcde;
  }

  .section-title {
    margin-top: 10px;
    text-align: center;
  }

  /* モバイルフッターメニュー */

  .mobile-footer-menu-buttons {
		background-color: #414141;
	}

  .mobile-footer-menu-buttons .menu-button .menu-button-in span {
		color: #FFF!important;
	}

  #navi-menu-content {
  background-color: #f5f6f7 !important;  /* 背景：白 */
  color: #333 !important;
  width: 80%;
  max-width: 320px;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
  /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
  }

  .menu-drawer {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .menu-drawer li {
    border-bottom: 1px solid #ccc;  /* 区切り線を薄いグレーに調整 */
  }

  .menu-drawer li:last-child {
    border-bottom: none;
  }

  .menu-drawer li a {
    display: block;
    padding: 14px 20px;
    font-size: 21px;
    color: #333 !important;  /* 黒文字 */
    text-decoration: none;
    transition: background 0.3s ease;
  }

  .menu-drawer li a:hover {
    background-color: #f0f0f0;  /* ホバー時：薄いグレー背景 */
    color: #333 !important;
  }

  .navi-menu-close-button {
    color: #333 !important;  /* 閉じるボタンも黒に */
    font-size: 24px;
    padding: 10px;
    text-align: right;
  }

  .widget-sidebar-title {
    font-size: 21px;
    font-weight: normal;
  }
  .sidebar-menu-close-button {
  display: block;
  text-align: right;
  padding: 10px 15px;
  font-size: 24px;
  color: #333 !important;
  }
  
  .custom-latest-posts li {
    font-size: 18px;
  }

  .custom-cpt-calendar {
    font-size: 16px;
  }

  .section-title span {
  margin-bottom: 0;
  }

  header#header {
  background-image: none!important;
  }

  .header-in h1 {
    text-align: center;
    margin-left: 0px;
  }
  .site-description {
    text-align: center;
  }
	
}

/*834px以下*/
@media screen and (max-width: 834px){
   .custom-sns-buttons .sns-btn {
    font-size: 0.6em;
  }

  .site-description span {
    display: inline-block;
  }

  article.post, article {
    margin-bottom: 15px;
  }

  textarea#comment, input#email, input#author, input#siteguard_captcha {
  margin-right: 0%important;
  margin-left: 0%!important;
  }

  .comment-form-wrap button[type="button"] {
  width: 100%;
  margin: 0 ;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  
  .custom-latest-posts li {
    font-size: 16px;
  }

}