@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
padding: 0;
max-width: 1600px;
}

.searchandfilter  {
padding: 0;
max-width: 100%;
}

input[type='submit'] {
  -webkit-appearance: none;
  border: 1px solid #ccc;
 	background-color: #991e23;
	color: #ffffff;
	font-size :20px;
}

.appeal-content {
	font-size: 23px;
}
@media screen and (min-width: 834px) {
	.appeal-content {
		font-size: 35px;
	}    
}

/* BEGIN TOHO VISUAL ALIGNMENT 20261024 */
/* Preserve the established presentation with the updated Cocoon theme. */
#header .site-name-text-link { padding-left: 0; padding-right: 0; }
#header .logo-image img,
#appeal img { vertical-align: baseline; }
#appeal .appeal-content { max-width: 800px; padding: 1em; }
#appeal .appeal-message p { margin: 1.2em 0; }

/* Preserve the site's old fluid two-column geometry. */
@media screen and (min-width: 1024px) {
  .body main.main { width: 67%; padding-top: 20px; padding-bottom: 20px; }
  .body div.sidebar { width: 30%; padding: 10px; }
}
@media screen and (min-width: 835px) and (max-width: 1023px) {
  .body main.main { padding-top: 20px; padding-bottom: 20px; }
}
@media screen and (max-width: 834px) {
  .body main.main, .body div.sidebar { padding: 16px; margin: 10px 0; }
}

/* Old generated CSS applied 1.4em both above and below direct content blocks. */
.body .entry-content > * { margin-top: 1.4em; margin-bottom: 1.4em; }
.body .entry-content > .micro-top { margin-bottom: -1.54em; }
.body .entry-content > .micro-balloon { margin-bottom: -1.12em; }
.body .entry-content > .micro-bottom { margin-top: -1.54em; }
.body .entry-content > .micro-bottom.micro-balloon { margin-top: -1.12em; margin-bottom: 1.4em; }
.body .article h2, .body .article h3, .body .article h4,
.body .article h5, .body .article h6 { margin: 2.4em 0 1em; }
.body .article .column-wrap h1, .body .article .column-wrap h2,
.body .article .column-wrap h3, .body .article .column-wrap h4,
.body .article .column-wrap h5, .body .article .column-wrap h6 { margin-top: 0; }
.body .container .column-wrap { gap: 0; }
.body .wp-block-media-text__content > p.has-background {
  padding: 20px 30px;
  margin: 1.2em 0;
}
/* Keep pre-existing gallery markup at its original 16px spacing. */
.body .entry-content > .wp-block-gallery:has(> .blocks-gallery-grid) {
  margin: 0;
  --wp--style--unstable-gallery-gap: 16px;
}
.body .blocks-gallery-grid > .blocks-gallery-item { margin-bottom: 16px; }
@media screen and (max-width: 480px) {
  .body .entry-title, .body .article h2, .body .article h3,
  .body .article h4, .body .article h5, .body .article h6 { margin: 1.2em 0 .8em; }
}
@media screen and (max-width: 599px) {
  .body .container .column-wrap > div { padding: 1em 0; }
}

/* Original table cell spacing; do not alter form controls or FAQ typography. */
.body .article table { margin-bottom: 20px; }
.body .article table th, .body .article table td { padding: 6px; }
@media screen and (max-width: 834px) {
  .body .article table th, .body .article table td { padding: 3px; font-size: .8em; }
}

/* Retain the original wide LINE/RSS follow buttons in the article footer. */
#main .article-footer > .sns-follow > .sns-follow-buttons {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 8px;
}
#main .article-footer > .sns-follow > .sns-follow-buttons > a:is(.line-button, .rss-button) {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  height: 45px;
  margin: 0 0 8px;
  font-size: 30px;
}
/* END TOHO VISUAL ALIGNMENT 20261024 */