/* ひし形のナンバーリング*/
.dNumY{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.3em;
  /*枠線はあとで指定 border: dashed 1px gray;*/
}
.dNumY li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 7px 40px;
  padding-left: 10px;
  color:black;
  font-size:100%;
}
 .dNumY li:before{
  position: absolute;
  top: 0;
  left: -35px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height:30px;
   z-index:1;
}
 .dNumY li:before{
  counter-increment: number;
  content: counter(number,decimal);
}
.dNumY li:after{
  content:"";
  position: absolute;
  top: 3px;
  left: -32px;
  width: 25px;
  height: 25px;
  background: #F6A38B;
  color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 四角のナンバーリング */
.sNumB, .sNumP, .sNumG, .sNumY, .sAlpB, .sAlpP, .sAlpG, .sAlpY, .salpB, .salpP, .salpG, .salpY, .sRomB, .sRomP, .sRomG, .sRomY, .sromB, .sromP, .sromG, .sromY {  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.3em;
  margin: .5em 0 0 .5em 0;
}

.sNumB li, .sNumP li, .sNumG li, .sNumY li, .sAlpB li, .sAlpP li, .sAlpG li, .sAlpY li, .salpB li, .salpP li, .salpG li, .salpY li, .sRomB li, .sRomP li, .sRomG li, .sRomY li, .sromB li, .sromP li, .sromG li, .sromY li{
  position: relative;
  line-height: 1.4em;
  font-size:110%!important;
  color:black;
  padding: 0.5em 0.2em 0.2em 35px;
}
.sNumB li:before, .sNumP li:before, .sNumG li:before, .sNumY li:before, .sAlpB li:before, .sAlpP li:before, .sAlpG li:before, .sAlpY li:before, .salpB li:before, .salpP li:before, .salpG li:before, .salpY li:before, .sRomB li:before, .sRomP li:before, .sRomG li:before, .sRomY li:before, .sromB li:before, .sromP li:before, .sromG li:before, .sromY li:before{
  position: absolute;
  display:inline-block;
  margin-left:0px;
  margin-right:7px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;

  top:17px;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 100%;

  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sNumB li:after, .sNumP li:after, .sNumG li:after, .sNumY li:after, .sAlpB li:after, .sAlpP li:after, .sAlpG li:after, .sAlpY li:after, .salpB li:after, .salpP li:after, .salpG li:after, .salpY li:after, .sRomB li:after, .sRomP li:after, .sRomG li:after, .sRomY li:after, .sromB li:after, .sromP li:after, .sromG li:after, .sromY li:after{
  /* 親のafter要素を継承しないための設定*/
  width:0px;
  height:0px;
}
ol.sNumB li:before, ol.sNumP li:before, ol.sNumG li:before, ol.sNumY li:before{
  counter-increment: number;
  content: counter(number,decimal);
}
ol.sRomB li:before, ol.sRomP li:before, ol.sRomG li:before, ol.sRomY li:before{
  counter-increment: number;
  content: counter(number,upper-roman);
}
ol.sromB li:before, ol.sromP li:before, ol.sromG li:before, ol.sromY li:before{
  counter-increment: number;
  content: counter(number,lower-roman);
}

ol.sAlpB li:before, ol.sAlpP li:before, ol.sAlpG li:before, ol.sAlpY li:before{
  counter-increment: number;
  content: counter(number,upper-alpha);
}
ol.salpB li:before, ol.salpP li:before, ol.salpG li:before, ol.salpY li:before{
  counter-increment: number;
  content: counter(number,lower-alpha);
}
.sNumB, .sAlpB {
 /*border: dashed 1px #5c9ee7;*/
}
.sNumP, .sAlpP {
 /*border: dashed 1px mediumvioletred;*/
}
.sNumG, .sAlpG{
/* border: dashed 1px teal;*/
}
.sNumY, .sAlpY {
 /*border: dashed 1px dark#f89174;*/
}

.sNumB li:before, .sAlpB li:before, .salpB li:before, .sRomB li:before, .sromB li:before{
  background: #5c9ee7;
}
.sNumP li:before, .sAlpP li:before, .salpP li:before, .sRomP li:before, .sromP li:before{
  background: mediumvioletred;
}
.sNumG li:before, .sAlpG li:before, .salpG li:before, .sRomG li:before, .sromG li:before{
  background: teal;
}
.sNumY li:before, .sAlpY li:before, .salpY li:before, .sRomY li:before, .sromY li:before{
  background: #f89174;
}

/* マルのナンバーリング */
.cNumB, .cNumP, .cNumG, .cNumY, .cAlpB, .cAlpP, .cAlpG, .cAlpY, .calpB, .calpP, .calpG, .calpY, .cRomB, .cRomP, .cRomG, .cRomY, .cromB, .cromP, .cromG, .cromY{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  margin:0.5em 0 .5em 10px;
  /*padding: 0.5em 1em 0.5em 2.3em;*/
  /*position:relative;*/
}
.cNumB{
  /*border: solid 2px #5c9ee7;*/
}
.cNumP{
  /*border: solid 2px mediumvioletred;*/
}
.cNumG{
  /*border: solid 2px #21a3ac;*/
}
.cNumY{
  /*border: solid 2px #f89174;*/
}
.cNumB li, .cNumP li, .cNumG li, .cNumY li, .cAlpB li, .cAlpP li, .cAlpG li, .cAlpY li, .calpB li, .calpP li, .calpG li, .calpY li, .cRomB li, .cRomP li, .cRomG li, .cRomY li, .cromB li, .cromP li, .cromG li, .cromY li{
  position: relative;
  line-height: 1.2em;
  /*margin 0 0.2em 0;*/
  font-size:100%!important;
  color:black;
  padding: 0.5em 0.2em 0.2em 5px;

}
.cNumB li{
  /*border-bottom: dashed 1px #5c9ee7;*/
}
.cNumP li{
  /*border-bottom: dashed 1px mediumvioletred;*/
}
.cNumG li{
  /*border-bottom: dashed 1px #21a3ac;*/
}
.cNumY li{
  /*border-bottom: dashed 1px #f89174;*/
}

ol.cNumB li:before, ol.cNumP li:before, ol.cNumG li:before, ol.cNumY li:before, ol.cAlpB li:before, ol.cAlpP li:before, ol.cAlpG li:before, ol.cAlpY li:before, ol.calpB li:before, ol.calpP li:before, ol.calpG li:before, ol.calpY li:before, ol.cRomB li:before, ol.cRomP li:before, ol.cRomG li:before, ol.cRomY li:before, ol.cromB li:before, ol.cromP li:before, ol.cromG li:before, ol.cromY li:before{
  /*
  c（白丸）
  cjk-ideographic（漢数字）
  decimal（算用数字 。olデフォルト値）
  decimal-leading-zero（先頭に0をつけた算用数字で、01, 02, 03, 等）
  georgian（グルジア数字）
  hebrew（ヘブライ数字）
  hiragana（ひらがな – あいうえお順）
  hiragana-iroha（ひらがな – いろは順）
  inherit listStyleType（プロパティの値は親要素から継承することを指定する）
  katakana（カタカナ – アイウエオ順）
  katakana-iroha（カタカナ – イロハ順）
  lower-alpha（小文字のアルファベットで、a, b, c, d, e 等）
  lower-greek（小文字のギリシャ文字）
  lower-latin（小文字のアルファベットで、a, b, c, d, e 等）
  lower-roman（T小文字のローマ数字で、i, ii, iii, iv, v 等）
  upper-alpha（大文字のアルファベットで、A, B, C, D, E 等）
  upper-latin（大文字のアルファベットで、A, B, C, D, E 等）
  upper-roman（大文字のローマ数字で、I, II, III, IV, V 等）
  */
  /*数字のデザイン変える*/
  position: absolute;
  display:inline-block;
  margin-left:-25px;
  margin-right:7px;
  color: white;
  border-radius: 50%;
  left: -10px;
  width: 25px;
  height: 25px;
  line-height: 20px;
  text-align:center;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 100%;
  /*以下 上下中央寄せのため*/
  /*top: 50%;*/
  top:20px;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
ol.cNumB li:after, ol.cNumP li:after, ol.cNumG li:after, ol.cNumY li:after, ol.cAlpB li:after, ol.cAlpP li:after, ol.cAlpG li:after, ol.cAlpY li:after, ol.calpB li:after, ol.calpP li:after, ol.calpG li:after, ol.calpY li:after, ol.cRomB li:after, ol.cRomP li:after, ol.cRomG li:after, ol.cRomY li:after, ol.cromB li:after, ol.cromP li:after, ol.cromG li:after, ol.cromY li:after{
  /* 親のafter要素を継承しないための設定*/
  width:0px;
  height:0px;
}
ol.cNumB li:before, ol.cNumP li:before, ol.cNumG li:before, ol.cNumY li:before{
  counter-increment: number;
  content: counter(number,decimal);
}
ol.cRomB li:before, ol.cRomP li:before, ol.cRomG li:before, ol.cRomY li:before{
  counter-increment: number;
  content: counter(number,upper-roman);
}
ol.cromB li:before, ol.cromP li:before, ol.cromG li:before, ol.cromY li:before{
  counter-increment: number;
  content: counter(number,lower-roman);
}

ol.cAlpB li:before, ol.cAlpP li:before, ol.cAlpG li:before, ol.cAlpY li:before{
  counter-increment: number;
  content: counter(number,upper-alpha);
}
ol.calpB li:before, ol.calpP li:before, ol.calpG li:before, ol.calpY li:before{
  counter-increment: number;
  content: counter(number,lower-alpha);
}

ol.cNumB li:last-of-type, ol.cNumP li:last-of-type, ol.cNumG li:last-of-type, ol.cNumY li:last-of-type{
  /*border-bottom: none;*/ /*最後のliの線だけ消す*/
}
ol.cNumB li:before, ol.cAlpB li:before, ol.calpB li:before, ol.cRomB li:before, ol.cromB li:before{
  background: #5c9ee7;
}
ol.cNumP li:before, ol.cAlpP li:before, ol.calpP li:before, ol.cRomP li:before, ol.cromP li:before{
  background: mediumvioletred;
}
ol.cNumG li:before, ol.cAlpG li:before, ol.calpG li:before, ol.cRomG li:before, ol.cromG li:before{
  background: #21a3ac;
}
ol.cNumY li:before, ol.cAlpY li:before, ol.calpY li:before, ol.cRomY li:before, ol.cromY li:before{
  background: #f89174; 
}
ul.hand {
  padding: 0.3em 0.8em;
  margin:0.5em 0 .5em 10px;
}
ul.hand li {
  position: relative;
  line-height: 1.2em;
  list-style-type: none!important; /*数字を一旦消す*/
  /*margin 0 0.2em 0;*/
  font-size:100%!important;
  padding: 0.5em 0.2em 0.2em 5px;

}
ul.hand li:before {
  position: absolute;
  top:20px;
  margin-left:-25px;
  margin-right:7px;
  width:30px;
  height:30px;
  font-family: "Font Awesome 5 Free";
  content: "\f0a4";
  font-weight:900;
  left : -10px; /*左端からのアイコンまで*/
  color: #21a3ac; /*アイコン色*/
  background:#fdfdf7;
  background-size:  contain;
}
ul.hand li:after {
  width:0px;
  height:0px;
}
ul.stitchB, ol.stitchB, ul.stitchP, ol.stitchP, ul.stitchG, ol.stitchG, ul.stitchY, ol.stitchY {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  color: #000000;/*文字色*/
  padding: 0.5em 0.5em 0.5em 1em;
}
ul.stitchB, ol.stitchB {
  border: dashed 2px #668ad8;/*破線 太さ 色*/
  background: #f1f8ff; /*背景色*/
}
ul.stitchP, ol.stitchP {
  border: dashed 2px #ff55aa;/*破線 太さ 色*/
  background: #fdf7fa; /*背景色*/
}
ul.stitchG, ol.stitchG {
  border: dashed 2px #408000;/*破線 太さ 色*/
  background: #f4fced; /*背景色*/
}
ul.stitchY, ol.stitchY {
  border: dashed 2px #ff8000;/*破線 太さ 色*/
  background: #fffff4; /*背景色*/
}
ul.stitchB li, ol.stitchB li, ul.stitchP li, ol.stitchP li, ul.stitchG li, ol.stitchG li, ul.stitchY li, ol.stitchY li{
  line-height: 1.5;
  margin-left: 0.5em;
  padding-left: 1em;
  text-indent:-1em;
  font-size:94%!important;
  /*font-weight:bold;*/
  list-style-type: none!important;/*ポチ消す*/
}

ul.stitchB li:before, ul.stitchP li:before, ul.stitchG li:before, ul.stitchY li:before{
  /* 以下数字をつける */
  position: absolute;
  /*vertical-align:-13px;*/ /* numberingを下げる*/
  /*数字のデザイン変える*/
  display:none!important;
  margin-left:0px;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下上下中央寄せのため*/
  top:17px;
  margin-right:7px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}




ul.kioku{
  margin:0.5em 0 0.5em 0px;
}
ul.kioku li {
 list-style-type: none!important; /*数字を一旦消す*/
  position: relative;
  padding 0;
  margin: 0 10px 0;
  padding-left: 4em;
  text-indent:-4.7em;
  line-height: 1.2em;
  font-size:100%!important;
  color:black;


}

ul.kioku li:before {
  position:relative;
  top:10px;
  left:0px;
  text-align:right;
  /*display:inline-block;*/
  background: #008099;
  color: white;
  /*font-weight:bold;*/
  content: "記憶方法";
  width: 70px;
  height: 20px;
  padding-bottom:7px;
  padding-right:7px;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-size:90%;
  counter-increment:number 0; /* number カウンタの増加数をセット */
}