/* dronehtml/terms
*/

main.with-menu {
  margin: 0.5em auto;
  display: flex;
/*  width: calc(460px + calc(calc(100vw - 512px) * 820 / 1536));*/
/*  width: 90%;*/
  height: 100vh; /* ビューポート全体の高さ */
/*  border: dashed red 0.5px;*/
}
.menu {
  width: 15%;
/*  background-color: #f2f2f2;*/
  box-sizing: border-box;
  overflow-y: auto; /* 縦方向のスクロールを有効にする */
  overflow-x: hidden;
/*  border: dashed green 0.5px;*/
}
.menu ul {
  list-style-type: none;
  padding: 0.5em;
  margin: 0;
}
.menu li {
  margin-bottom: 0.5em;
}
.menu li li {
  line-height: 1.03;
}
/*.menu a {
  text-decoration: none;
  color: #333;
}
.menu a:hover {color:#3a7;}
*/
.content {
  width: 85%;
  box-sizing: border-box;
  overflow-y: auto; /* 縦方向のスクロールを有効にする */
  overflow-x: hidden;
/*  padding: 1em;*/
/*  border: dashed blue 0.5px;*/
}


/* iPhone縦向き メニューを頭文字のみ右に 2024-10-16 */
/* iPhone縦向き とりあえずメニューを消してみる 2024-10-08 */
@media only screen and (max-width: 430px) and (orientation: portrait) {
  main.with-menu {
    flex-direction: row-reverse;
  }
  .menu {width:8%;}
  .content {width:92%;}
}



.content section {
/*  border: dashed black 0.5px;*/
  margin: 0 auto 1em auto;
  width: 100%;
}
.content article {
/*  border: dashed white 0.5px;*/
  border-top: none;
  border-bottom: solid #666 0.5px;
/*  padding: 1em;*/
/*  padding-top: 0;*/
  width: 100%;
}
.content article img {
  margin: 0.3em auto;
/*  width: 99%;*/
}

/* スムーズなスクロールを有効にする（対応ブラウザのみ） */
.content {
  scroll-behavior: smooth;
}