@charset "UTF-8";

/*!
Theme Name: Cocoon like note
Template:   cocoon-master
Version:    1.0.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 投稿ページでヘッダ非表示 */
.single #header-container {
display: none;
}

/* フォント */
.ff-yu-gothic {
	font-family: YakuHanJPs,Segoe UI,Arial,メイリオ,Meiryo,sans-serif;
}

.article h1{
min-height: 1em;
margin-top: 72px;
margin-bottom: 18px;
font-size: 32px;
font-weight: 700;
line-height: 1.5;
color: #222;
letter-spacing: .04em;
}


.article h2 {
font-size:1.75rem;
margin-top: 54px;
margin-bottom: -18px;
font-weight: 700;
font-feature-settings: "palt" 1;
line-height: 2.25rem;
letter-spacing: .04em;

display: block;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
unicode-bidi: isolate;

background-color : transparent ;
padding: 0;
border:0;
}

.article h3 {
margin-top: 36px;
font-size:1.25rem;
padding: 0;
border:0;
}



.eye-catch {
margin-bottom: .6em;
}

.author-box {
font-size: 12px;
}

.circle-image img {
width:80px;
height:80px;
}

.author-thumb {
    margin: 0;
}

.author-box .author-name a {
    text-decoration: none;
    color: #222;
}

.author-box{
border:none;
border-bottom: 1px solid #ccc;

}

.toc{
font-size: 14px;
    padding: 16px;
    margin: 36px 0;
    background-color: #f7f9f9;
    border:none;
}

.toc a{
    display: block;
    color: #787c7b;
    text-decoration: none!important;
}

.toc-title{
    font-size: 14px;
    padding-left: 16px;
    margin: 0;
    font-weight: 700;
    color: #787c7b;
    text-align:left;
}
.toc li{
    padding: 8px 0;
    font-size: 14px;

    border-top: 1px solid #e6e6e6;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(230, 230, 230);

}




.content {
    margin-top: 0px;
}

.entry-date.date.published, .fa-clock-o, .fa-history {
	display: none;
}


.avatarimg img {
float:left;
width:32px;
height:32px;
border-radius: 50%;
}

.avatar{
font-size: 12px;
}
.avatarname{
margin-top:15px;
margin-left:40px;

}


.post-date, .post-update, .date-tags {
text-align:left;
color: #a8abb1;
font-size: 12px;
margin:0;
padding:0 !important;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
.article h1{
padding: 0;
margin: 0;
}

main.main{
padding: 0;
margin: 0;
}


}

/*480px以下*/
@media screen and (max-width: 480px){
.article h1{
font-size: 24px;
    margin: 16px;
}

.avatarname{
margin-left:16px;
}
.entry-content {
margin: 16px;
}


}