/*リストチェック*/
.entry-content p {
    margin: 0 0 1.6em;
    line-height: 1.75;
}

 
.entry-content ul.list_check{
padding: 0em 0em 0em 0.5em;
position: relative;
}

.entry-content ul.list_check li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f058"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.2em; /*アイコンのサイズ*/
left: -0.4em; /*左端からのアイコンまで*/
line-height:12px; /*行間*/
color: #1bb4d3; /*アイコンの色*/
}

.my-blue {color: #1bb4d3}


/*こんな方におすすめリスト*/
.entry-content .setlist{
border-bottom:solid 2px #000;
font-weight:bold;/*文字の太さ*/
padding-bottom:8px;
}

.entry-content .setlist:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
padding-right:5px;
}

.entry-content .setlist2{
border:solid 2px #000;
padding:20px 50px 15px;
text-align:center;
}

.entry-content .setlist2 ul li{
text-align:left;
border-bottom:dotted 1px #000;
padding-bottom:5px;
padding-left:1.2em;
font-size:90%;/*文字の大きさ*/
}

.entry-content .setlist2 ul li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome;
content:"\f058"; /*アイコンの種類*/
position: absolute;
font-size: 1em; /*アイコンの大きさ*/
left: 0em; /*アイコンの位置*/
line-height:12px; /*行間*/
color: #5ab9ff; /*アイコンの色*/
}

.entry-content .setlist2 ul{
margin-top:2em;
}


/*目次カスタマイズ*/
@media only screen and (min-width: 767px){

/* 目次の枠線 */
#toc_container{
border-top: solid 8px
#6bb6ff;
background:#f9f9f9 !important;
}

/* 目次タイトルのフォント設定 */
p.toc_title {
font-size:24px;
color:#6bb6ff;
position:relative;
left:-39% !important;
top:10px;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
color:#777;
}

ul.toc_list li a:hover{
color:#f05689;
text-decoration:none;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:16px;
font-weight:normal;
color:#888;
}

.toc_list ul li a:hover {
color:#f05689;
text-decoration:none;
}

span.toc_toggle{
font-size: 14px !important;
}

span.toc_toggle a{
font-size: 14px;
color:#6bb6ff;
}

#toc_container .toc_title::before {
display: inline-block;
color: #fff;
font-family: FontAwesome;
font-size: 20px;
line-height: 50px;
content: "\f0ca";
}

#toc_container .toc_title:before {
display:inline-block; width: 50px;
height: 50px;
border-radius: 50%;
background:#6bb6ff;
margin-right:8px;
}

#toc_container li a{
border-top-width:0px;
line-height:30px;
}
}

@media only screen and (max-width: 766px){

/* 目次の枠線 */
#toc_container{
border-top: solid 8px
#6bb6ff;
background:#f9f9f9 !important;
}

/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:5px;
width: 1.2em;
color:#6bb6ff;
}

/* 目次のタイトル設定 */
p.toc_title {
text-align: center;
font-size:17px;
color:#6bb6ff;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
line-height: 2em;
color:#777;
text-decoration:none;
}

ul.toc_list li a:hover{
color:#6bb6ff;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:14px;
font-weight:normal;
color:#888;
text-decoration:none;
}
}



/*リスト付箋*/
.entry-content ul.list_tag{
padding: 0em 0em 0em 0.5em;
position: relative;
}

.entry-content ul.list_tag li {
  color: black;
  position:relative;
  background: #f1f8ff;/*バーの色*/
  line-height: 1.5;
  padding: 0.5em;
  margin-bottom: 4px;
  border-left : solid 35px #5c9ee7;/*先の色＝アイコン裏の色*/
  list-style-type: none!important;
}

.entry-content ul.list_tag li:before { 
	font-family: FontAwesome;
  content: "\f040";
  position: absolute;
  display: block;
  padding: 0.6em;
  color: white; /*アイコン色*/
  font-weight: normal;/*アイコンは太字にしない*/
  text-align: center;
  left : -35px; /*左端からのアイコンまでの距離*/
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	list-style:none;
	}

/*h3装飾*/
.entry-content h3 {
border-left: none;/* 左の縦線を消す */
position: relative;
border-bottom: solid 3px gray;/* 下線の太さや色 */
padding-left: 1.3em;/*アイコン分のスペース*/
line-height: 20px;/* 行間 */
}
.entry-content h3:before{ 
font-family: "Font Awesome 5 Free";
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*アイコンサイズ*/
left: 0;/*アイコンの位置*/
top: 16px;/*アイコンの位置*/
color: #1bb4d3;/*アイコン色*/
}


/*リスト付箋風*/
.entry-content ul.list_tag2 li{
padding: 0;
position: relative;
}

.entry-content ul.list_tag2 li{
border-left: solid 10px #1bb4d3;/*左側の線*/
background: whitesmoke;/*背景色*/
line-height: 2em;
padding: 0.7em;
}

.entry-content ul.list_tag2 li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
}