@charset "UTF-8";
/*
 * Copyright (c) 2006-2014 LeARU Inc
 */
/*
【注意】
このスタイルシートは書き換え禁止です。
変更する場合はstyle.cssにオーバーライドしてください。
*/

/*文字装飾
---------------------------------------------------------------------------*/
/*見出し*/

/*文字揃え*/
.r{text-align:var(--right)} /*右揃え*/
.l{text-align:var(--left)} /*左揃え*/
.c{text-align:var(--center)} /*中央揃え*/

/*ストロングカラー（強調色）*/
.st1{color: var(--st1)} 
.st2{color: var(--st2)} 
.st3{color: var(--st3)}

/*太字*/
.bo{font-weight: 600;} /*デフォルトは600*/
/*下線*/
.ud  {border-bottom: solid 1px;}
/*下線（点線）*/
.ud1  {border-bottom: dotted 2px;}
/*縁（黒）*/
.ol-black {
  display        : inline-block;
  text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000;    
}
/*縁（白）*/
.ol-white {
  display        : inline-block;
  text-shadow    : 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;    
}
/*縁（黒ぼかし）*/
.ol-shadow-b{
  display     : inline-block;
  text-shadow:  2px  2px 5px #777 ,
               -2px  2px 5px #777 ,
                2px -2px 5px #777 ,
               -2px -2px 5px #777;
}
/*縁（白ぼかし）*/
.ol-shadow-w{
  display     : inline-block;
  text-shadow:  2px  2px 5px #fff ,
               -2px  2px 5px #fff ,
                2px -2px 5px #fff ,
               -2px -2px 5px #fff;
}

/*フォントサイズ
---------------------------------------------------------------------------*/
.fs7 {
font-size: 0.7rem;
}
.fs8 {
font-size: 0.8rem;
}
.fs9 {
font-size: 0.9rem;
}
.fs10 {
font-size: 1rem;
}
.fs11 {
font-size: 1.1rem;
}
.fs12 {
font-size: 1.2rem;
}
.fs13 {
font-size: 1.3rem;
}
.fs14 {
font-size: 1.4rem;
}
.fs15 {
font-size: 1.5rem;
}
.fs16 {
font-size: 1.6rem;
}
.fs17 {
font-size: 1.7rem;
}
.fs18 {
font-size: 1.8rem;
}
.fs19 {
font-size: 1.9rem;
}
.fs20 {
font-size: 2rem;
}
.fs21 {
font-size: 2.1rem;
}
.fs22 {
font-size: 2.2rem;
}
.fs23 {
font-size: 2.3rem;
}
.fs24 {
font-size: 2.4rem;
}
.fs25 {
font-size: 2.5rem;
}
.fs26 {
font-size: 2.6rem;
}
.fs27 {
font-size: 2.7rem;
}
.fs28 {
font-size: 2.8rem;
}
.fs29 {
font-size: 2.9rem;
}
.fs30 {
font-size: 3rem;
}
.fs32 {
font-size: 3.2rem;
}
.fs34 {
font-size: 3.4rem;
}
.fs36 {
font-size: 3.6rem;
}
.fs38 {
font-size: 3.8rem;
}
.fs40 {
font-size: 4rem;
}
.fs42 {
font-size: 4.2rem;
}
.fs44 {
font-size: 4.4rem;
}
.fs46 {
font-size: 4.6rem;
}
.fs48 {
font-size: 4.8rem;
}
.fs50 {
font-size: 5rem;
}
.fs55 {
font-size: 5.5rem;
}
.fs60 {
font-size: 6rem;
}
.fs70 {
font-size: 7rem;
}
.fs80 {
font-size: 8rem;
}

/*行間の設定
---------------------------------------------------------------------------*/
.tlh100{
	line-height: 1;
}
.tlh110{
	line-height: 1.1;
}
.tlh120{
	line-height: 1.2;
}
.tlh130{
	line-height: 1.3;
}
.tlh140{
	line-height: 1.4;
}
.tlh150{
	line-height: 1.5;
}
.tlh160{
	line-height: 1.6;
}
.tlh170{
	line-height: 1.7;
}
.tlh180{
	line-height: 1.8;
}
.tlh190{
	line-height: 1.9;
}
.tlh200{
	line-height: 2.0;
}
.tlh210{
	line-height: 2.1;
}
.tlh220{
	line-height: 2.2;
}
.tlh230{
	line-height: 2.3;
}
.tlh240{
	line-height: 2.4;
}
.tlh250{
	line-height: 2.5;
}
.tlh260{
	line-height: 2.6;
}
.tlh270{
	line-height: 2.7;
}
.tlh280{
	line-height: 2.8;
}
.tlh290{
	line-height: 2.9;
}
/*蛍光ペンの設定
---------------------------------------------------------------------------*/

/*蛍光ペン(黄色)*/
.mk-yellow  { 
background-image: linear-gradient(transparent 50%, rgb(252,238,33) 50%);
}
/*アニメーション蛍光ペン（黄色・太）*/
.mk-yellow1 {
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,237,148) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,237,148) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,237,148) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(255,237,148) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(255,237,148) 50%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
}
.mk-yellow1.start {
background-position: -100% .5em;
}
/*アニメーション蛍光ペン（黄色・細）*/
.mk-yellow2 {
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(252,238,33) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(252,238,33) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(252,238,33) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(252,238,33) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(252,238,33) 50%);
background-repeat: repeat-x;
background-size: 200% .3em;
background-position: 0 .9em;
transition: all 2s ease;
}
.mk-yellow2.start {
background-position: -100% .9em;
}
/*蛍光ペン(ピンク)*/
.mk-pink  { 
background-image: linear-gradient(transparent 50%, rgb(250,212,213) 50%);
}
/*アニメーション蛍光ペン（ピンク・太）*/
.mk-pink1 {
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
}
.mk-pink1.start {
background-position: -100% .5em;
}
/*アニメーション蛍光ペン（ピンク・細）*/
.mk-pink2 {
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(250,212,213) 50%);
background-repeat: repeat-x;
background-size: 200% .3em;
background-position: 0 .9em;
transition: all 2s ease;
}
.mk-pink2.start {
background-position: -100% .9em;
}
/*蛍光ペン(青)*/
.mk-blue  { 
background-image: linear-gradient(transparent 50%, rgb(202,227,248) 50%);
}
/*アニメーション蛍光ペン（ピンク・太）*/
.mk-blue1 {
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(202,227,248) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(202,227,248)) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(202,227,248) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(202,227,248) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(202,227,248) 50%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
}
.mk-blue1.start {
background-position: -100% .5em;
}
/*アニメーション蛍光ペン（ピンク・細）*/
.mk-blue2 {
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(202,227,248) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(202,227,248)) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(202,227,248) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(202,227,248) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(202,227,248) 50%);
background-repeat: repeat-x;
background-size: 200% .3em;
background-position: 0 .9em;
transition: all 2s ease;
}
.mk-blue2.start {
background-position: -100% .9em;
}

/*チェックリスト
---------------------------------------------------------------------------*/
.list1 ul,.list2 ul,.list3 ul,.list4 ul,.list5 ul,.list6 ul,.list7 ul,.list8 ul,.list9 ul,.list10 ul,.list11 ul,.list12 ul,.list13 ul,.list14 ul,.list15 ul,.list16 ul,.list17 ul,.list18 ul,.list19 ul,.list20 ul {
  padding: 0em 1em 0em 1.3em;
  position: relative;
}
.list1 ul li,.list2 ul li,.list3 ul li,.list4 ul li,.list5 ul li,.list6 ul li,.list7 ul li,.list8 ul li,.list9 ul li,.list10 ul li,.list11 ul li,.list12 ul li,.list13 ul li,.list14 ul li,.list15 ul li,.list16 ul li,.list17 ul li,.list18 ul li,.list19 ul li,.list20 ul li {
  line-height: 1.5;
  padding: 0.25em 0;
  list-style-type: none!important;
}
/*チェック（赤）*/
.list1 ul li:before {
  font-family: FontAwesome;
  content: "\f046";
  position: absolute;
  left : 0em; 
  color: var(--list1-color,#cb360d); 
}
/*チェック（緑）*/
.list2 ul li:before {
  font-family: FontAwesome;
  content: "\f046";
  position: absolute;
  left : 0em; 
  color: var(--list2-color,#3d9435); 
}
/*チェック枠なし（赤）*/
.list3 ul li:before {
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 0em; 
  color: var(--list3-color,#cb360d); 
}
/*チェック枠なし（緑）*/
.list4 ul li:before {
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 0em; 
  color: var(--list4-color,#3d9435); 
}
/*チェック丸（赤）*/
.list5 ul li:before {
  font-family: FontAwesome;
  content: "\f058";
  position: absolute;
  left : 0em; 
  color: var(--list5-color,#cb360d); 
}
/*チェック丸（緑）*/
.list6 ul li:before {
  font-family: FontAwesome;
  content: "\f058";
  position: absolute;
  left : 0em; 
  color: var(--list6-color,#3d9435); 
}
/*注意マーク丸（赤）*/
.list7 ul li:before {
  font-family: FontAwesome;
  content: "\f06a";
  position: absolute;
  left : 0em; 
  color: var(--list7-color,#cb360d); 
}
/*注意マーク丸（黄色）*/
.list8 ul li:before {
  font-family: FontAwesome;
  content: "\f06a";
  position: absolute;
  left : 0em; 
  color: var(--list8-color,#e1aa13); 
}
/*注意マーク三角（赤）*/
.list9 ul li:before {
  font-family: FontAwesome;
  content: "\f071";
  position: absolute;
  left : 0em; 
  color: var(--list9-color,#cb360d); 
}
/*注意マーク三角（黄色）*/
.list10 ul li:before {
  font-family: FontAwesome;
  content: "\f071";
  position: absolute;
  left : 0em; 
  color: var(--list10-color,#e1aa13); 
}
/*クエスチョン（赤）*/
.list11 ul li:before {
  font-family: FontAwesome;
  content: "\f059";
  position: absolute;
  left : 0em; 
  color: var(--list11-color,#cb360d); 
}
/*クエスチョン（緑）*/
.list12 ul li:before {
  font-family: FontAwesome;
  content: "\f059";
  position: absolute;
  left : 0em; 
  color: var(--list12-color,#3d9435); 
}
/*矢印枠なし（赤）*/
.list13 ul li:before {
  font-family: FontAwesome;
  content: "\f061";
  position: absolute;
  left : 0em; 
  color: var(--list13-color,#cb360d); 
}
/*矢印枠なし（緑）*/
.list14 ul li:before {
  font-family: FontAwesome;
  content: "\f061";
  position: absolute;
  left : 0em; 
  color: var(--list14-color,#3d9435); 
}
/*矢印丸（赤）*/
.list15 ul li:before {
  font-family: FontAwesome;
  content: "\f0a9";
  position: absolute;
  left : 0em; 
  color: var(--list15-color,#cb360d); 
}
/*矢印丸（緑）*/
.list16 ul li:before {
  font-family: FontAwesome;
  content: "\f0a9";
  position: absolute;
  left : 0em; 
  color: var(--list16-color,#3d9435); 
}
/*矢印二重（赤）*/
.list17 ul li:before {
  font-family: FontAwesome;
  content: "\f101";
  position: absolute;
  left : 0em; 
  color: var(--list17-color,#cb360d); 
}
/*矢印二重（緑）*/
.list18 ul li:before {
  font-family: FontAwesome;
  content: "\f101";
  position: absolute;
  left : 0em; 
  color: var(--list18-color,#3d9435); 
}
/*バツマーク（赤）*/
.list19 ul li:before {
  font-family: FontAwesome;
  content: "\f057";
  position: absolute;
  left : 0em; 
  color: var(--list19-color,#cb360d); 
}

/*メモ（緑）*/
.list20 ul li:before {
  font-family: FontAwesome;
  content: "\f040";
  position: absolute;
  left : 0em; 
  color: var(--list20-color,#3d9435); 
}