/* <system section="theme" selected="skull"> */
@import url("https://codomisu.sakura.ne.jp/minimalism/old.css");
/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */


/* 目次設定 */
.entry-content .table-of-contents {
    position: relative;
    color:#444444;/* 文字色 */
    background: #fafafa;/* 背景色 */
    border: 1px solid #ddd;/* 線の色 */
    padding: 40px 40px 10px 0px;/* 目次内の余白 */
    width: 90%!important;
    margin: 0 auto ;
    box-sizing: border-box;
    border-radius: 5px;/* 目次の角を丸く */
}

.entry-content .table-of-contents::before {
   content: "【目次】";
	 position: absolute;
	 display: block;
	 text-align: center;
	 top: 15px;
	 left: 50%;
	 margin-left: -3em;
	 font-size: 20px;
	 font-weight: 700;
	 z-index: 2;
}
.entry-content .table-of-contents li {
    list-style: none;/* リストの黒丸を非表示 */
}

.entry-content .table-of-contents li a {
    display: block;
    text-decoration: none;
    margin-top: 20px;
    font-weight: bold;
    font-size:120%;/* 大見出しの文字サイズ */
    color:#555;/* 大見出しの文字色 */
    border-bottom: 2px solid #999999;/* 大見出しの下線 */
}

.entry-content .table-of-contents ul a {
    display: block;
    text-decoration: none;
    color: #666;/* 中見出しの文字色 */
    border-bottom: 1px dotted #ccc;/* 中見出しの下線 */
}


/* 目次のボタンデザイン */
.show-area{
    position: relative;
    display: inline-block;  
    font-weight: bold;
    padding: 0.25em 0.5em;/
    text-decoration: none;
    color: #00BCD4;/* 文字色 */
    border: 1px solid #ddd;/* 線 */
    background:#fafafa;/* 背景色 */
    border-radius: 5px;/* ボタンの角を丸く */
}

/* 既存見出しのリセット */
.entry-content h3,
.entry-content h3:before,
.entry-content h3:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
}

/* 既存見出しのリセット */
.entry-content h4,
.entry-content h4:before,
.entry-content h4:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
}

/* 既存見出しのリセット */
.entry-content h5,
.entry-content h5:before,
.entry-content h5:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
}

.entry-content h3{
    color: #fff;
    background:#003366 ;
    padding: 15px 15px;
    }

.entry-content h4 {
color: #444444;
padding-bottom: .5em;
border-bottom: 2px solid #003366;
}

/*日付を消す*/.date {
display: none;
}




/*書かれてからの日付消す*/
.entry-footer-time {
display: none;
}




p.marksky{
  background: linear-gradient(transparent 60%, #87cefa 60%);
}





/* l吹き出しのCSS　*/
.entry-content .l-fuki{
position: relative;
width: 80%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 20px;
border-radius: 6px;
border: 2px solid #00DD00;
background-color: #00DD00;
z-index: 1;
}
.entry-content .l-fuki {
margin: 20px 20% 40px 0;
}
.entry-content .l-fuki::before {
position: absolute;
content: "";
top: 16px;
width: 10px;
height: 10px;
border-right: 2px solid #00DD00;
border-bottom: 2px solid #00DD00;
background-color: #00DD00;
z-index: 2;
}
.entry-content .l-fuki::before {
right: -7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.entry-content .l-fuki::after {
position: absolute;
content: "";
width: 80px;
height: 80px;
top: -10px;
border: 3px solid #fff;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.entry-content .l-fuki::after {
right: -110px;
}

@media screen and (max-width: 380px) {
.entry-content .l-fuki, {
width: 70%
}
.entry-content .l-fuki {
margin-right: 30%;
}
}

@media screen and (max-width: 478px) {
.entry-content .l-fuki::after,{
width: 60px;
height: 60px;
}
.entry-content .l-fuki::after {
right: -84px;
}
}





/* r吹き出し */
.entry-content .r-fuki {
position: relative;
width: 80%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 20px;
border-radius: 6px;
background-color: #DDDDDD;
z-index: 1;
}

.entry-content .r-fuki {
margin: 20px 0 40px 19%;
}

.entry-content .r-fuki::before {
position: absolute;
content: "";
top: 16px;
width: 10px;
height: 10px;
border-right: 2px solid #DDDDDD;
border-bottom: 2px solid #DDDDDD;
background-color: #DDDDDD;
z-index: 2;
}

.entry-content .r-fuki::before {
left: -7px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.entry-content .r-fuki::after {
position: absolute;
content: "";
width: 80px;
height: 80px;
top: -10px;
border-radius: 10px;
border: 1px solid #fff;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

.entry-content .r-fuki::after {
left: -110px;
}

@media screen and (max-width: 620px) {
.entry-content .r-fuki {
width: 70%
}
.entry-content .r-fuki {
margin-left: 30%;
}
}

@media screen and (max-width: 478px) {
.entry-content .r-fuki::after {
width: 60px;
height: 60px;
}
.entry-content .r-fuki::after {
left: -84px;
}
}

.kyouryu::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/siro01/20181226/20181226221207_120.jpg);}
.usagi::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/siro01/20181226/20181226221203_120.jpg);}



.tytle:none;

