/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

 #wrapper {
    overflow-x: hidden;
    width: 95%;
    margin-left: 30px;
    padding-right: 10px;
 }

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -12rem;/*defo -15rem(「#sidebar-wrapper .list-group」と同じ数値にしないといけない。)*/
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
	width: 12rem;
  padding: 0.5rem 0.1rem 0rem 0.5rem;/* 上右下左 defo 0.875rem 1.25rem */
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 12rem;/*defo 15rem(「#sidebar-wrapper」と同じ-数値にしないといけない。)*/
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }
  #wrapper.toggled #sidebar-wrapper {
    margin-left: -12rem;/*defo 15rem*/
  }
}

/*-------------------- ここからecho追加 --------------------*/
html{ scroll-behavior: smooth;/*なめらかにスクロールする*/
}
h1{
  font-size: 24pt;
  font-weight: bold;
  margin: 0em 1.0em 0em 0em;/*上右下左*/
}
h2{
	font-size: 22pt;
  font-weight: bold;
  border-color: #808080;
}
h2 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
	font-size: 22pt;
  font-weight: bold;
  border-bottom-style: double;
  border-color: #808080;
}
h3 {
	font-size: 20pt;
	font-weight: bold;
  margin: 0.1em 1.0em 0.1em 1.0em;/*上右下左*/
}

h3 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
	font-size: 20pt;
  border-bottom-style: double;
  font-weight: bold;
  border-color: #808080;
}
h4 {
	font-size: 1.2em;
  font-weight: bold;
  margin: 0.1em 1.0em 0.1em 1.0em;/*上右下左*/
}
h4.sidebar {
	font-size: 12pt;
  font-weight: bold;
  margin: 0.1em 1.0em 0.1em 1.0em;/*上右下左*/
}
h4 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
	font-size: 1.2em;
  font-weight: bold;
  border-bottom-style: double;
  border-color: #808080;
}
h5 {
	font-size: 1.1em;
  font-weight: bold;
  margin: 0.1em 1.0em 0.1em 1.0em;/*上右下左*/
}

h5 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
	font-size: 1.1em;
  font-weight: bold;
   border-bottom-style: double;
  border-color: #808080;
}
h6 {
	font-size: 1.0em;
  margin: 0.1em 1.0em 1.0em 1.0em;/*上右下左*/
}

h6 span {/* spanでくくるとボーダーラインが文字数と同じ長さになる */ 
  border-bottom-style: double;
  border-color: #808080;
}
.nav-itemlist {
	font-size: 12pt;
	font-style: normal;
	padding: 0 0 0 0.2em;/*上右下左*/
  margin: 0em 0.2em 0em 0.2em;/*上右下左*/
  border-left-style: outset;
  border-bottom-style: solid;
  border-color: #808080;
}
.card{
  margin: 0.5em 0.5em 1.0em 0em;/*上右下左*/
}
.card-list{
  margin: 0.2em 0.1em 0.2em 0.1em;/*上右下左*/
}
  p{
    margin: 1em 1.0em 0.1em 1.0em;/*上右下左*/
  }
.fst-italic{font-family: "MS PGothic";
font-style: italic;
}
.ita{/*フォントitalic(数式に使用*/
font-style: italic;
}
.ind1{/*インデント1*/
margin-left: 1em;/*indent-1emとすると、全体が左へ寄ってしまうので右へ1emマージンを取る */
text-indent: -1em;
}
.ind2{/*インデントx*/
margin-left: 2em;/*indent-xemとすると、全体が左へ寄ってしまうので右へxemマージンを取る */
text-indent: -2em;
}
pre{font: monospace;
font-family: sans-serif;
font-size: 1.0em;
line-height: 1.8em;/*行間*/
}
.center{/* <span class="center">textやimg</span> テキストやimgがセンターになる　*/ 
  display: block;
  text-align: center;
  margin: 5px;
}
/*---------- フォント ----------*/
span.nomal{
	font-weight: normal;
	}
/*---------- 色 ----------*/
span.red{
	color: #FF0000;
	}
span.blue{
	color: #0000FF;
	}
span.maroon{
	color: #800000;
	}
span.yero{
	color: #ffff00;
	}
span.yb{
	color: #ffff00;
	font-weight: bold;
	}
span.glay{
	color: #c0c0c0;
	}
span.why{
	color: #fff;
	}
span.kuro{
	color: #000;
	}