/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * 20251114_独自CSS: スプレッドシートのiframeを綺麗に表示するためのCSS
 */
.spread-sheet {
  position: relative;
  width: 100%;
  /* padding-bottom: 56.25%; /* アスペクト比固定は一旦解除し、iframeの高さで調整 */
  height: auto; /* iframeのコンテンツに合わせて高さを自動調整 */
  overflow-x: auto; /* 横スクロールを可能にする */
  overflow-y: hidden; /* 縦方向のスクロールは表示しない (iframe内で処理されるはず) */
  -webkit-overflow-scrolling: touch; /* iOSでのスクロールをスムーズにする */
  margin: 0 auto; /* 中央寄せ */
  max-width: 100%; /* 念のため親要素からはみ出さないように */
}

.spread-sheet iframe {
  /* position: absolute; /* 親要素が overflow-x: auto の場合、iframe の absolute は相性が悪いことがあります */
  top: 0;
  left: 0;
  display: block; /* iframeをブロック要素として扱い、min-widthが機能するように */
  width: 100%; /* 親要素の幅いっぱいに */
/*   height: 600px; /* ここを調整してください。スプレッドシートのコンテンツに合わせた固定高さ */ */
  /* または、height: auto; と min-height を組み合わせて、コンテンツ量で高さが変わるように */
	height: auto;
	min-height: 1200px; /* スプレッドシートの最低限の高さ */
  
  border: 0; /* デフォルトの枠線を削除 */

  /* スプレッドシートのコンテンツが小さくなりすぎないように最小幅を設定 */
/*   min-width: 600px; /* これがスマートフォンでの横スクロールを発生させる核 */ */
  /* スプレッドシートの列数や内容に合わせて調整してください (例: 800px, 1000px など) */

  /* iframe自体を中央に配置するが、親の overflow-x: auto が優先される */
  margin: 0 auto;
}

/* 任意のメディアクエリ: スマートフォン向けに最小幅を調整 */
@media (max-width: 768px) {
  .spread-sheet iframe {
/*     min-width: 500px; /* スマートフォンではより小さな最小幅を許容 */ */
    /*height: 600px; /* スマホで表示する際の推奨高さ (コンテンツに応じて調整) */
  }
}

.hidden {
	display:none
}

.main-spread-sheet iframe {
  /* position: absolute; /* 親要素が overflow-x: auto の場合、iframe の absolute は相性が悪いことがあります */
  top: 0;
  left: 0;
  display: block; /* iframeをブロック要素として扱い、min-widthが機能するように */
  width: 100%; /* 親要素の幅いっぱいに */
/*   height: 600px; /* ここを調整してください。スプレッドシートのコンテンツに合わせた固定高さ */ */
  /* または、height: auto; と min-height を組み合わせて、コンテンツ量で高さが変わるように */
	height: auto;
	min-height: 600px; /* スプレッドシートの最低限の高さ */
  
  border: 0; /* デフォルトの枠線を削除 */

  /* スプレッドシートのコンテンツが小さくなりすぎないように最小幅を設定 */
/*   min-width: 600px; /* これがスマートフォンでの横スクロールを発生させる核 */ */
  /* スプレッドシートの列数や内容に合わせて調整してください (例: 800px, 1000px など) */

  /* iframe自体を中央に配置するが、親の overflow-x: auto が優先される */
  margin: 0 auto;
}

.hidden {
	display:none

}