: ページタイトルを指定 <body> : 表示されるコンテンツを記述 */ /* ==================== 2. セクショニングタグ (Sectioning Elements) ==================== <section> : セクションを定義 <article> : 独立した記事やコンテンツ <nav> : ナビゲーションを定義 <aside> : 補足情報を提供 <footer> : フッター部分を定義 */ /* ==================== 3. HTML5セマンティックタグ ==================== <header> : ヘッダーを定義 <main> : 主要なコンテンツ部分 <figure> : 図やイラストのグループ <figcaption> : 図の説明文 */ /* ==================== 4. 見出し・段落・テキスト (Text Content) ==================== <h1>～<h6> : 見出しレベルを示す <p> : 段落を示す <br> : 改行を挿入 <hr> : 区切り線を挿入 <blockquote> : 引用文を示す <a> : ハイパーリンクを作成 */ /* ==================== 5. フォーマット・インラインタグ (Inline Elements) ==================== <strong> : 重要な強調 (太字) <em> : 強調 (斜体) <b> : 太字 <i> : 斜体 <code> : コードスニペット <small> : 小さいテキスト */ /* ==================== 6. リスト (Lists) ==================== <ul> : 順序なしリスト <ol> : 順序付きリスト <li> : リストの項目 */ /* ==================== 7. 表 (Tables) ==================== <table> : 表全体を囲む <tr> : 表の行を定義 <td> : 表のセルを定義 <th> : 見出しセルを定義 */ .wp-block-table :is(table, thead, tbody, tfoot, td) { border: 3px solid #eee; /* 表の線を薄くする */ padding: 0.8em; } .wp-block-table th { border-color: #eee; background: #eee; } /* ==================== 8. メディア (Media) ==================== <img> : 画像を表示 <video> : 動画を表示 <audio> : 音声を再生 */ .aligncenter { display: block; margin-left: auto; margin-right: auto; /* 画像を中央配置 */ } .alignright { float: right; /* 画像を右寄せ */ } /* ==================== 9. フォーム (Forms) ==================== <form> : フォーム全体を囲む <input> : 入力フィールドを定義 <textarea> : 複数行のテキスト入力 <button> : ボタンを定義 <label> : 入力フィールドのラベル */ /* ==================== 10. メタ情報・SEO (Metadata) ==================== <meta> : メタデータを指定 <link> : 外部リソースを参照 <script> : JavaScriptコードを埋め込む */ /*************************************************************************/ /*************************************************************************/ /*************************************************************************/ /* integlight独自設定 e******************************************/ /*************************************************************************/ /*************************************************************************/ /*************************************************************************/

/*************************************************************************/ /*************************************************************************/ /*************************************************************************/ /* integlight独自設定 s******************************************/ /*************************************************************************/ /*************************************************************************/ /*************************************************************************/ :root { --font-base: clamp(14px, 1.6vw, 16px); --ly-widthPadding: calc(100vw * 0.05); --ly-topMerge: calc(100vw * 0.05); --ly-betweenPadding: calc(100vw * 0.05); --ly-elementTopMargin: calc(100vw * 0.03); --ly-elementTopMarginSmall: calc(100vw * 0.015); --ly-elementPadding: calc(100vw * 0.01); --ly-elementBottomMargin: calc(100vw * 0.015); --ly-content-max-width: calc(800px); } /*******************************/ /* 特殊設定 s */ /*******************************/ html { font-family: Arial, Helvetica, sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; color: #333; font-size: var(--font-base); } /**********フッターの調整をしている*********/ /***************************************/ html, body { height: 100%; margin: 0; } h1, h2, h3, h4, h5, h6 { clear: both; } /*******************************/ /* 基本的なフォントサイズの設定 s */ /*******************************/ body { font-family: Arial, Helvetica, sans-serif; /* フォントファミリの設定 */ font-size: 1rem; /* bodyのフォントサイズは16px相当 */ line-height: 1.8; /* 行間の調整 */ } /* 見出しのフォントサイズ */ h1 { font-size: 2rem; } h2 { font-size: 1.75rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.2rem; } h6 { font-size: 1.1rem; } /* パラグラフやテキストに適用する基本的なサイズ */ p, ul { font-size: 1rem; } a { font-size: 1rem; } /* 小さな文字のためのクラス */ .small-text { font-size: 0.875rem; } /* 大きな文字のためのクラス */ .large-text { font-size: 1.25rem; } button, input, optgroup, select, textarea { font-size: 100%; padding: 10px; } .wp-lightbox-overlay .close-button { right: 16px !important; top: 16px !important; } /*-------------全幅ブロック----------*/ /* .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-colum { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } */ /*******************************/ /* 基本的なフォントサイズの設定 e */ /*******************************/ /*****************************************************/ /*****************************************************/ /*****************************************************/ /* HTMLタグ毎の設定 */ /*****************************************************/ /*****************************************************/ /*****************************************************/ /* ==================== 1. 基本構造タグ (Document Structure) ==================== : HTML文書全体を囲む : メタ情報やタイトル、スタイル、スクリプトを記述 : ページタイトルを指定 <body> : 表示されるコンテンツを記述 */ /* ==================== 2. セクショニングタグ (Sectioning Elements) ==================== <section> : セクションを定義 <article> : 独立した記事やコンテンツ <nav> : ナビゲーションを定義 <aside> : 補足情報を提供 <footer> : フッター部分を定義 */ /* ==================== 3. HTML5セマンティックタグ ==================== <header> : ヘッダーを定義 <main> : 主要なコンテンツ部分 <figure> : 図やイラストのグループ <figcaption> : 図の説明文 */ /* ==================== 4. 見出し・段落・テキスト (Text Content) ==================== <h1>～<h6> : 見出しレベルを示す <p> : 段落を示す <br> : 改行を挿入 <hr> : 区切り線を挿入 <blockquote> : 引用文を示す <a> : ハイパーリンクを作成 */ /* ==================== 5. フォーマット・インラインタグ (Inline Elements) ==================== <strong> : 重要な強調 (太字) <em> : 強調 (斜体) <b> : 太字 <i> : 斜体 <code> : コードスニペット <small> : 小さいテキスト */ /* ==================== 6. リスト (Lists) ==================== <ul> : 順序なしリスト <ol> : 順序付きリスト <li> : リストの項目 */ /* ==================== 7. 表 (Tables) ==================== <table> : 表全体を囲む <tr> : 表の行を定義 <td> : 表のセルを定義 <th> : 見出しセルを定義 */ .wp-block-table :is(table, thead, tbody, tfoot, td) { border: 3px solid #eee; /* 表の線を薄くする */ padding: 0.8em; } .wp-block-table th { border-color: #eee; background: #eee; } /* ==================== 8. メディア (Media) ==================== <img> : 画像を表示 <video> : 動画を表示 <audio> : 音声を再生 */ .aligncenter { display: block; margin-left: auto; margin-right: auto; /* 画像を中央配置 */ } .alignright { float: right; /* 画像を右寄せ */ } /* ==================== 9. フォーム (Forms) ==================== <form> : フォーム全体を囲む <input> : 入力フィールドを定義 <textarea> : 複数行のテキスト入力 <button> : ボタンを定義 <label> : 入力フィールドのラベル */ /* ==================== 10. メタ情報・SEO (Metadata) ==================== <meta> : メタデータを指定 <link> : 外部リソースを参照 <script> : JavaScriptコードを埋め込む */ /*************************************************************************/ /*************************************************************************/ /*************************************************************************/ /* integlight独自設定 e******************************************/ /*************************************************************************/ /*************************************************************************/ /*************************************************************************/