/* Theme Name: Twenty Eleven Child Template: twentyeleven Description: Twenty Eleven の子テーマです。 Author: Overload Machinery Version: 1.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Tags: responsive, custom, child-theme Text Domain: twentyeleven-child */ /* ======= PC表示用(メイン幅拡張+サイドバー縮小) ======= */ @media screen and (min-width: 1024px) { /* コンテンツエリア全体の最大幅調整 */ .one-column #page, .two-column-right #page, .two-column-left #page { max-width: 1280px; margin: 0 auto; } /* メインコンテンツ拡張(記事など) */ #primary, #content { width: 70%; float: left; margin-right: 3%; } /* サイドバー縮小 */ #secondary { width: 27%; float: right; } /* 本文とサイドバーの間隔 */ #main { display: flex; gap: 2%; } } /* ====== モバイル表示(768px以下)に最適化 ====== */ @media screen and (max-width: 768px) { body { font-size: 16px; line-height: 1.6; } #site-title { margin-right: 0; padding: 0.5em 0; text-align: center; } #branding img { width: 100%; height: auto; } #branding #searchform { position: static; text-align: center; margin-top: 1em; } #primary, #content, #secondary, .singular #primary, .singular #content { float: none !important; margin: 0 !important; width: 100% !important; } #secondary { display: none !important; } #content, .entry-content { width: 90% !important; margin: 0 auto !important; float: none !important; box-sizing: border-box !important; padding-left: 0 !important; padding-right: 0 !important; } #content-custom, .entry-header, .entry-footer, .entry-meta, .comments-area, .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0 5% !important; max-width: 90% !important; width: auto !important; box-sizing: border-box !important; } .entry-content p, .entry-content p a, .entry-content strong, .entry-content em, .entry-content span, .entry-content br { display: block; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; box-sizing: border-box; word-break: break-word; overflow-wrap: break-word; } .entry-content { padding: 0; margin: 0 auto; width: 100%; max-width: 100%; } .entry-footer { margin-left: 0; margin-right: 0; padding: 0; width: 100%; max-width: 100%; } .entry-content strong, .entry-content em { display: inline !important; margin: 0 !important; padding: 0 !important; } }