<!--

/*ページ設定*/

/* cssリセット*/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  font-size : 62.5%; /* 単位remの為に10pxに設定（16ｘ62.5=10）*/
  scroll-behavior: smooth; /* スムーズスクロール（ページトップに戻るボタン用）*/
  overflow-x: hidden;
}

body{
  width: 100%;
  color: #000000; /*文字色（ブラック）*/
  background-color: #ffffff; /*背景色（ホワイト）*/
  margin: 0 auto; /* 中央配置(ウィンドウ幅に対して）　*/
  padding: 0 5px;
  font-family: “メイリオ”,”Hiragino Kaku Gothic Pro”,Meiryo,”ヒラギノ角ゴ Pro W3″,”ＭＳ Ｐゴシック”,”MS UI Gothic”,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size : 1.3em;  /* 13px（=9.75pt)に設定*/
  line-height : 1.5;    /* 行高 単位指定なしはfont-sizeに対する割合になる */
  /*サイドバナー設定*/
  background-image:url(https://www.daiko2001.co.jp/data/design/back-980.gif);
  background-repeat:repeat-y;
  background-position:top center;
  background-attachment:fixed;
  overflow-x: hidden;
}

/*フォントについて
「font-size: XXrem; 」はタグの継承に左右されず常にhtmlのfont-sizeを参照する為、サイズの統一が容易。
10px＝1.0remのため計算が楽。12pxにしたい場合は1.2rem、20pxなら2.0rem
*/


/*ページ構成*/

/*ヘッダー＆メインとサイドメニュー＆フッター*/
#header , #content-box , #footer{
  width: 100%;
  max-width: 960px;  /* 幅 */
  margin: 0 auto; /* 中央配置　*/
}
/*メインとサイドメニュー*/
#content-box {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
}
/*サイドメニュー*/
#leftmenu {
  width: 182px;
  background-color: #ffffff;
}
/*メイン*/
#main{
  width: calc(100% - 182px);
  max-width: 760px;
  text-align: left;
  padding: 0 1.0rem;
}
/*フッター*/
#footer{
  font-size: 1.3rem;
}

@media screen and (max-width: 599px) {
#header , #content-box , #footer{
  max-width: 599px;  /* 幅 */
  position: relative;
}
/*メインとサイドメニュー*/
#content-box {   
  flex-direction: column;
}
/*サイドメニュー*/
#leftmenu {
  order: 2;
  width: 100%;
}
/*メイン*/
#main{
  order: 1;
  width: 100%;
  padding: 0 0 2.0rem 0;
  overflow-x: auto;
}
-->