/*
*************************************************
index.css
版数：11.1版
作成日：2025/12/30
作成者：エンジニアリングサービス
更新日：2026/01/21
更新者：エンジニアリングサービス
概要：共通部品
*************************************************
*/
/************************************************/
/*スマホ用メディアクエリここから*/
 @media only screen and (min-width: 375px) {
  body {
   text-align:center;
   color:dimgray;
   }

  p{
   margin: 5px auto;
   text-align:center;
  }

  p{
   font-size:16px;
   width:280px;
   text-align: left ;
   display: inline-block;
  }

  box1{
   margin-left:280px;
  }

  h1,h2,h3,h4,h5,h6,h7{
   margin: 5px auto;
   text-align:center;
   display: block;
 }

  h1,h2,h3,h4,h5,h6,h7{
   font-size:16px;
   width:350px;
   text-align: left;
   display: inline-block;
  }

  /*画像の構成*/
  img{
   width:220px;
   height:100px;
  }

  /*更新履歴のデザイン*/
  rireki{
   width:99%;
   border-bottom: 1px dashed #990033;
  }

  box{
   top:0px;
   left:0px;
   padding-bottom:10px;
  }

  headerSearchText{
   line-height:30px;
   padding-left:10px;
   padding-right:28px;
  }

  headerImage{
   width:20px;
   position:absolute;
   top:10px;
   left:180px;
  }

  /*検索窓の設定*/
  box1{
   margin-left:360px;
  }

  details{
   font-size:16px;
   justify-content:center;
   width: 360px; /* または固定値（例: 360px） */
   margin: 0 auto; /* 上下0、左右自動で中央揃え */ /*絶対必要なので、削除厳禁*/
   text-align:left;
  }

  /* 画面拡大、縮小固定 修正厳禁 */
  #wrapper{
   display: flex;
   justify-content: center;
  }
  /* 画面拡大、縮小固定 修正厳禁ここまで */

  /*サンプルコードを記述する際の全体設定*/
  .code-block{
   width: 360px; /* または固定値（例: 360px） */
   margin: 0 auto; /* 上下0、左右自動で中央揃え */ /*絶対必要なので、削除厳禁*/
   text-align:left;
  }

  ol{
   width:360px;
  }

  li{
   width:360px;
  }

  footer{
   text-align:center;
   color:dimgray;
   font-size:16px;
  }
/*サンプルコードを記述する際の全体設定ここまで*/
/*スマホ用メディアクエリここまで*/
}
/************************************************/
/************************************************/
  /*PC版の設定*/
  body{
   text-align:center;
   color:dimgray;
  }

  p{
   margin: 5px auto;
   text-align:center;
   display: block;
  }

  p{
   font-size:13px;
   width:650px;
   text-align: left;
   display: inline-block;
  }

  /*タイトルの構成*/
  h1,h2,h3,h4,h5,h6,h7{
   margin: 5px auto;
   text-align:center;
   display: block;
  }

  h1,h2,h3,h4,h5,h6,h7{
   font-size:15px;
   width:650px;
   text-align: left;
   display: inline-block;
  }

  /*画像の構成*/
  img{
   width:220px; 
   height:100px;
  }

  /*更新履歴のデザイン*/
  rireki{
   width:99%; 
   border-bottom: 1px dashed #990033;
  }

  box{
   top:0px;
   left:0px;
   padding-bottom:10px;
  }

  headerSearchText{
   line-height:30px;
   padding-left:10px;
   padding-right:28px;
  }

  headerImage{
   width:20px;
   position:absolute;
   top:10px;
   left:180px;
  }

  /*検索窓の設定*/
  box1{
   margin-left:550px;
  }

  details{
   font-size:13px;
   justify-content:center;
   width: 650px; /* または固定値（例: 640px） */
   margin: 0 auto; /* 上下0、左右自動で中央揃え */ /*絶対必要なので、削除厳禁*/
   text-align:left;
  }

  /* 画面拡大、縮小固定 修正厳禁 */
  #wrapper{
   display: flex;
   justify-content: center;
  }
  /* 画面拡大、縮小固定 修正厳禁ここまで */

  footer{
  /*オレンジからグレーに修正*/
   color:dimgray;
   font-size:14px;
   text-align:center;
  }

  /*サンプルコードを記述する際の全体設定*/
  .code-block{
   width: 650px; /* または固定値（例: 640px） */
   margin: 0 auto; /* 上下0、左右自動で中央揃え */ /*絶対必要なので、削除厳禁*/
   text-align:left;
  }

  ol{
   width:550px;
  }

  li{
   width:550px;
  }
/*サンプルコードを記述する際の全体設定ここまで*/
/*PC版の設定ここまで
/************************************************/