/* Enter Your Custom CSS Here */

/*細い蛍光ペン赤下線*/
.kasenakahoso{
background:linear-gradient(transparent 75%, #ffadad 75%);
font-weight:bold; 
}
/* 細いマーカー線・青 */
.kasenaohoso{
 background: linear-gradient(transparent 75%, #c1e0ff 75%);
font-weight: bold; 
}
/* 細いマーカー線・黄色 */
.kasenyellowhoso{
background:linear-gradient(transparent 75%, #fff799 75%);
font-weight:bold; 
}
/* 細いマーカー線・緑 */
.kasengreenhoso{
background:linear-gradient(transparent 75%, #b2ffb2 75%);
font-weight:bold; 
}
/* 細いマーカー線・ピンク */
.kasenpinkhoso{
background:linear-gradient(transparent 75%, #ffc1e0 75%);
font-weight:bold; 
}

/*蛍光ペン黄色下線*/
.kasenyellow {
  background: linear-gradient(transparent 60%, #ff0 0%);
}

/*蛍光ペン水色下線*/
.kasenblue {
  background: linear-gradient(transparent 60%, #e0ffff 0%);
}

/*蛍光ペンピンク下線*/
.kasenpink {
  background: linear-gradient(transparent 60%, #fff0f5 0%);
}

/* 見出し */
.pr1{
 height: 50px;margin:0px 0px 0px 0px;padding:15px 0px 0px 75px;
 font-size:19px;font-weight:bold;color:#222222;background-repeat: no-repeat;
 background-image:url("http://www.tlcenter.org/wp-content/uploads/2014/10/lankingbana4.jpg");
 }

/*関連記事本イラスト*/
.pr2{
height: 30px;font-size: 18px;font-weight:bold;
 background:url("http://www.tlcenter.org/wp-content/uploads/2015/12/book001.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
  padding: 20px 0px 0px 70px;
  color: #333333;
  text-align: left;
  margin: 35px 0px 13px 0px;
 }

.pr3{
height: 30px; width: 620px; margin:0px 0px 0px 0px;padding:4px 0px 0px 15px;
 font-size:18px;font-weight:bold;color:#444444;background-repeat: no-repeat;
 background-image:url("http://www.tlcenter.org/wp-content/uploads/2014/10/rankingorange.png");
 }

/*引用符風*/
div.block{
overflow: auto;
margin: 0 10px 1.4em 10px;
padding: 15px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #f7f7f7;
color: #444;
} 

/*鉛筆と紙バックグランド設定*/
.enpitutokami{
  font-size:large;
  font-weight:bold;
  background:url("http://www.tlcenter.org/wp-content/uploads/2015/06/icon_1r_48.png");
  background-repeat: no-repeat;
  background-position:left center;
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 10px 50px;
  height:48px;
}

/*緑の星バックグランド設定*/
.greenstar{
  font-size:large;
  font-weight:bold;
  background:url("http://www.tlcenter.org/wp-content/uploads/2015/06/icon_3g_48.png");
  background-repeat: no-repeat;
  background-position:left center;
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 10px 50px;
  height:48px;
}

/*オレンジ矢印バックグランド設定*/
.orangearrow{
  font-size:large;
  font-weight:bold;
  background:url("http://www.tlcenter.org/wp-content/uploads/2014/09/arrow_orange.gif");
  background-repeat: no-repeat;
  background-position:left center;
  padding: 0px 0px 0px 26px;
  margin: 30px 5px 0px 10px;
}

/* 恐竜見出し620ｘ70 */
h4.midasi{
 height: 45px;font-size: 22px;font-weight:bold;
 background:url("http://www.tlcenter.org/wp-content/uploads/2015/02/8b28272a48d6c8528721d78c6b5f9057.png");
  background-repeat: no-repeat;
  padding: 33px 0px 0px 85px;
  text-align: left;
  margin: 30px 0px 0px 0px;
}

/*ザウルス見出し*/
h4.zaurus{
 height: 30px;font-size: 24px;font-weight:bold;
 background:url("http://www.tlcenter.org/wp-content/uploads/2015/12/13b4caac9b7d1d644143c74ca03f313c.png");
  background-repeat: no-repeat;
  background-size:56px 70px;
  padding: 43px 0px 0px 77px;
  color: #4682b4;
  text-align: left;
  margin: 20px 0px 20px 0px;
  border-bottom: 2px dotted #696969;
}

/*ザウルス見出し2文字サイズ20px*/
h4.zaurus2{
 height: 30px;font-size: 20px;font-weight:bold;
 background:url("http://www.tlcenter.org/wp-content/uploads/2015/12/13b4caac9b7d1d644143c74ca03f313c.png");
  background-repeat: no-repeat;
  background-size:56px 70px;
  padding: 43px 0px 0px 77px;
  color: #4682b4;
  text-align: left;
  margin: 20px 0px 20px 0px;
  border-bottom: 2px dotted #696969;
}


/*角丸見出し*/
h4.kadomaru {
	padding: .5em .75em;
	background-color: #e0ffe0;
	border-radius: 6px;
}

/*2重線見出し*/
h4.daburu{
	padding: .5em .75em;
	background-color: #ffffff;
	border: 3px double #3cb371;
}

/* メガホンのイラスト　*/
.megahon{
  height: 34px;
  background:url("http://www.tlcenter.org/wp-content/uploads/2015/02/bd931d8d8fc2f983b5fb9d531ac096ad.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  margin : 0px 0px 20px 0px;
  padding: 8px 0px 4px 60px;
  font-size: 17px; font-weight: bold;
}

/* お金アイコンのイラスト */
.okane{
  height: 48px;
  background: url("http://www.tlcenter.org/wp-content/uploads/2015/02/icon_2y_48.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 17px 0px 0px 20px;
  font-size: 24px; font-weight: bold;
}

/* 緑色点線枠*/
div.border-dotted{
  margin : 30px 0px 30px 0px;
  padding : 20px 10px 0px 8px;
  line-height : 1.8 ;
  border : dotted 2.3px #008000 ; 
  border-radius:10px;
}

/* 水色点線枠*/
div.border-dottedblue{
  margin : 30px 0px 30px 0px;
  padding : 15px 10px 15px 8px;
  line-height : 1.8 ;
  border : dotted 2.3px #0CF ; 
  border-radius:10px;
}

/* 指さしアイコン*/
.icon{
  height: 30px;
  background:url(http://xn--bdkd2e6d5508angxav9kb7j3pl.com/wp-content/uploads/2017/01/スマホ操作-タップの無料アイコン素材-3.png) no-repeat;
  margin : 0px 0px 0px 0px;
  padding: 10px 0px 0px 32px;
  font-size: 16px;
  font-weight: bold;
}  

/* 指さし　赤*/
.iconred{
  height: 30px;
  background:url("http://www.tlcenter.org/wp-content/uploads/2014/10/指ポイントイラスト.png") no-repeat;
  margin : 10px 10px 0px 0px;
  padding: 5px 0px 0px 40px;
  font-size: 16px;
  font-weight: bold;
}  


/*蛍光ペンピンク*/
.keikopink {
  font-size:large;
  font-weight:bold;
  background: linear-gradient(transparent 5%, #ff99ff 0%);
}

/*左揃えの中央揃え*/
.left-center {
height: 100px;
text-align: center;
}
.left-center p {
display: inline-block;
text-align: left;
}

/*上下中央揃え*/
.box2{
	height: 100px;
	display: flex;
	align-items: center;
}

/*リスト　デザイン*/
.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
.list7 li {
	position: relative;
}
.list7 li::after,
.list7 li::before {
	display: block;
	content: '';
	position: absolute;
}
.list7 li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.list7 li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*装飾BOX*/
.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

/*装飾BOX*/
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: whitesmoke;
    border-left: solid 10px #66cdaa;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

/*装飾BOX*/
.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

/*装飾BOX*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 15px 0px 0px 0px; 
    padding: 0;
}

/*小さいBOX1*/
.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
    display: inline-block;
}
.box14 p {
    font-weight: bold;
}

/*小さいBOX2*/
.box15{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #ffd6d7;
    box-shadow: 0px 0px 0px 10px #ffd6d7;
    border: dashed 2px white;
    display: inline-block;
}
.box15 p {
    font-weight: bold;
}
/*目次BOX*/
.box5 {
    padding: 0.5em 1em;
    margin: 0px;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 18px 0px 0px 0px; 
    padding: 0;
}

/*リストデザイン*/
.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 15px !important;
}
.list1 li {
	position: relative;
}
.list1 li::after {
	top: .35em;
	left: 30px;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.list1 li:before {
 display: block;
 content: "";
 width: 30px;
 height: 30px;
 position: absolute;
 left: -35px;
 top: -2px;
 right: 25px;
 background: url(http://www.tlcenter.org/wp-content/uploads/2018/02/3f5e20df1e9bafea6853afc53d75ea27.png) no-repeat 0 0;
 background-size: 30px 30px;//画像のサイズをテキストサイズに合わせる
}