/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
#page-top {
    bottom: 100px;
}
 .lkc-thumbnail {
  padding-right: 5px;
 }
#toc_container {
    margin: 0 auto;
}
/*ブルー箇条書き*/
.box_point_blue {
    position: relative;
    padding: .5rem .5rem 1rem;
    background: #f2fafc;
    margin: 2rem 0;
    border: solid 3px #65c2e9;
    border-radius: .5rem;
}
.box-title:before {
    font-size: 1.4rem;
    margin-right: .4rem;
    display: inline-block;
    color: #65c2e9;
    font-weight: normal;
    text-align: center;
    font-family: FontAwesome;
    content: "\f05d";
}
.box_point_blue .box-title {
    color: #65c2e9;
    font-size: 1.25rem;
    font-weight: bold;
    border-bottom: dotted 3px #65c2e9;
    margin-bottom: .8rem;
    text-indent: -.8rem;
    line-height: 1.4;
	padding: 0 1rem .5rem 2rem;
}
.box_point_blue:after {
    position: absolute;
    content: "";
    right: -3px;
    top: -3px;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color: #65c2e9 #fff #65c2e9;
    box-shadow: -1px 1px 1px rgb(0 0 0 / 15%);
}
.box_point_blue ol {
    margin: .5rem 1.2rem;
    padding: 0;
}
blockquote .ol-circle ol, .sng-box .ol-circle ol, .memo .ol-circle ol, .alert .ol-circle ol {
    padding-left: 0;
}
.ol-circle li {
    position: relative;
    padding: .5em 0 .5em 34px;
    line-height: 1.5em;
}
.ol-circle ol {
    list-style-type: none !important;
    counter-reset: number;
}
.ol-circle li:before {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #5c9ee7;
    color: white;
    font-family: "Quicksand",sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    content: counter(number);
    counter-increment: number;
}
.entry-content .sng-box a[href^="#"]:before {
    margin: 0 3px 0 0;
font-family: "FontAwesome";    content: "\f0ab";
    font-weight: bold;
}
/*オレンジ箇条書き*/

.box_point_02 {
    position: relative;
    padding: .5rem 1.1rem 0.7rem;
    background: #fff9e5;
    margin: 2rem 0;
    border: solid 3px #f7931e;
    border-radius: .5rem;
}
.box_point_02 .box-title {
    color: #f7931e;
    font-size: 1.25rem;
    font-weight: bold;
    border-bottom: dotted 3px #f7931e;
    padding: 0 1rem .5rem 2rem;
    text-indent: -.9rem;
    line-height: 1.4;
}
.box_point_02 .box-title:before {
    font-size: 1.4rem;
    margin-right: .4rem;
    display: inline-block;
    color: #f7931e;
    font-weight: normal;
    text-align: center;
    font-family: FontAwesome;
    content: "\f05d";
}
.box_point_02:after {
    position: absolute;
    content: "";
    right: -3px;
    top: -3px;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color: #f7931e #fff #f7931e;
    box-shadow: -1px 1px 1px rgb(0 0 0 / 15%);
}
.box_point_02 ul {
		margin: .5rem 1.2rem;
    padding: 0;
    padding-inline-start: 0px!important;
}
.box_point_02 ul li {
    list-style-type: none;
		/*text-indent:-1.5rem;*/
		/*padding: 5px 0;*/
		position: relative;
    padding: .5em 0 .5em 27px;
    line-height: 1.5em;
}

.box_point_02 ul li:before {
    font-size: .8rem;
    font-family: FontAwesome;
    content: "●";
    color: #f7931e;
    margin-right: .4rem;
    position: absolute;
    display: inline-block;
    left: 0;
    width: 25px;
    height: 25px;
}
/*目次*/
#toc_container {
    background: #fff !important;
    border-radius: 2px;
    color: #666;
    font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    overflow: hidden;
    letter-spacing: 1px;
    position: relative;
    padding: 0;
    margin-bottom: 40px;
    width: 100% !important;
}
#toc_container:before {
    position: absolute;
    content: "";
    border: 4px solid #e1eff4;
    width: 100%;
    height: 100%;
    max-width: 100%;
    box-sizing: border-box;
	border-color: #2a363f!important;
   opacity: 0.15;
 }
#toc_container .toc_title {
    text-align: center;
    position: relative;
    line-height: 2rem;
	    margin-bottom: 10px;
    margin-top: 45px;
    font-size: 1.65rem;
}
#toc_container .toc_list > li {
     list-style-type: decimal !important;
    position: relative;
    margin-left: 6px;
    padding-left: 20px!important;
    margin-bottom: 5px;
    padding-bottom: 4px!important;
    line-height: 1.35rem;
	padding: 0em 0px 0em 25px;
}
#toc_container .toc_list > li > a {
    text-decoration: none !important;
    font-size: 0.95rem;
    line-height: 1.35rem;
}
#toc_container .toc_list {
    padding: 0 70px;
    padding-bottom: 40px;
}
#toc_container .toc_toggle {
    font-size: 1rem;
}
#toc_container .toc_list > li > ul > li {
    margin-bottom: 5px;
list-style-type: disc;
}
#toc_container .toc_list > li > ul > li > ul > li{
    margin-bottom: 5px;
list-style-type: circle;
}


#toc_container  ul > li > a{
	text-decoration:none!important;
	 font-size: 0.95rem;
}

#toc_container  ul > li > a:hover {
	text-decoration:underline!important;
}
#toc_container ul ul{
 padding-inline-start: 20px;
 margin-left:0;
	    margin-top: 5px;
}
#drawernav a:hover, .post-list-title, #prev-next p, #toc_container .toc_list li a {
    color: #555555!important;
	display: block;
	font-weight:normal;
}
#toc_container .toc_list > li > ul > li a {
    line-height: 1.25rem;
    font-size: 0.85rem;
}
#toc_container  ul > li::marker {
font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}

@media screen and (max-width: 500px){
.box_point_02 ul li {
    padding-left: 1.8em!important;
}
 #toc_container .toc_list {
  padding: 0 40px;
  padding-bottom: 10px;
 }
 #toc_container .toc_list > li {
    padding-left: 10px!important;
 }	
}
.widget_new_entries a:hover, 
.widget_new_popular a:hover, 
.widget_popular_ranking a:hover, 
.wpp-list a:hover, 
.entry-read a:hover, 
.entry .post-meta a:hover, 
.related-entry-read a:hover, 
.entry a:hover, 
.related-entry-title a:hover, 
.navigation a:hover, 
#footer a:hover, 
.article-list 
.entry-title a:hover, 
.blog-card-title a:hover {
    color: #555!important;
}
.entry-snippet a {
    margin: 0 0 5px 0!important;
    line-height: 150%!important;
    color: #555!important;
    font-weight: normal!important;
}
/*Twitter埋め込みセンターリング*/
iframe.twitter-tweet{
    max-width: none!important;;
}

.twitter-tweet{
    margin: 0 auto!important;
}