/*
  Skin Name: 水色クラフト
  Description: スキン自作
  Skin URI: https://wp-cocoon.com/
  Author: めぇぇ
  Author URI: 
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.2
  Priority: 10
*/
/*以下にスタイルシートを記入してください*/



/*タイトル非表示*/
.logo-text {
	display: none;
}

.author-name a {
	color:#4e3c31;
	text-decoration: none;
}


/* サイドバーh3 水色の線 */
.sidebar h3, .related-entry-heading, .comment-title, .main-widget-label {
  background: transparent;
  padding: 4px 10px;
  border-left: solid 4px #d5eff3;
  letter-spacing: .12em;
  position: relative;
  font-size: 19px;
  color: #666;
}

/* タイトルh1 水色の線 */
.entry-title {
  border-left: solid 4px #d5eff3;
  letter-spacing: 0.08em;
  padding-left: 10px;
}


/* H2黄色ストライプ */
.article h2 {
  position: relative;
background: transparent;
font-size: 20px;
}

.article h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #fff035, #fff035 4px, #fff 4px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #fff035, #fff035 4px, #fff 4px, #fff 8px);
}



/* H3黄色点線 */
.article h3 {
font-size: 18px;
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 3px double #fff035;
}

/* リストがあきすぎ */
.article ul {
margin-bottom: 0.2em;
}


/*--------------------------------- 
タイムライン
--------------------------------*/

.timeline-item-label {
font-size: 16px;
padding-top: 12px;
}

/*--
.timeline-item-content{
border-left: 3px #d5eff3 solid;
}

.timeline-item-label {
width: 85px;
}

.timeline-item:before {
background: #fff035;
left: 80px;
}

.timeline-box {
border: 1px solid #d5eff3;
}
--*/

/*--------------------------------- 
数字リスト 丸番号
--------------------------------*/
 .list-num{
    counter-reset:number; 
    list-style-type: none; 
    padding:0;
    margin:0;
 }
 .list-num li { 
    position: relative;
    margin:1em auto 1em 10px !important;
    padding-left: 2em;
    /* コメント padding-top:0.3em*/ 
 }
 .list-num li:before {
    counter-increment: number;
    content: counter(number);
    background-color: #d5eff3;/* 文字背景色 */
    color: #fff;/*文字色*/
    position: absolute;
    font-weight:bold;
    font-size: 0.8em;
    border-radius: 50%;
    left: 0.3em;
    top:0.5em;
    width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
 } 

@media screen and (max-width: 768px){
 .article ul, .article ol {
     padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}

/*---------------------------------
 ページネーションを丸く
-------------------------------------------------- */
#main .pagination .page-numbers {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff;
  font-size: 17.5px;
  font-weight: bold;
  text-decoration: none;
  line-height: 46px;
  border: unset;
}

#main .pagination .current {
  color: #fff;
  background-color: #d5eff3; /* 背景色 */
}

#main .pagination a:hover {
  background-color: #efefef; /* ホバー時の背景色 */
}




/* クラフト角丸ボックス漫画のサイズはw700px */
.kraft-box1 {
 color: #4e3c31;/*文字色茶色*/
 background-image: url(images/kraftpaper_bg_motusui.jpg);
 border-radius: 10px;/*角の丸み*/
 padding: 12px;
}


/* 案内ボックス_角丸 水色 */
.primary-box {
 color: #6c89a4;
 background-color: #d5eff3;
 border-color: #d5eff3;
 padding: 15px;
 border-radius: 4px;
}


/* サイドバーリスト文字 */
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
 color: #666;
 font-size: 16px;
 padding-left: 14px;
}

#sidebar ul li a {
 color: #666;
 font-size: 16px;
 padding-left: 14px;
}


/* カテゴリリンク文字 */
.a-wrap {
  color: #666;
 font-size: 14px;
}

/* コメントボタン */
#comment-reply-btn {
background-color: #d5eff3;
border: 1px solid #f9f9f9;
color: #27a3bc;
display: block;
font-size: 1.1em;
text-decoration: none;
width: 100%;
text-align: center;
padding: 12px;
display: block;
}

/* SNSシェアボタン-モノクロ */
.sns-buttons a {
 background-color: #d5eff3;
}


/* フッター黄色ストライプ */
#footer {
  background-image: linear-gradient(
    -45deg, 
    #ffffff 25%,
    #fff035 25%, #fff035 50%,
    #ffffff 50%, #ffffff 75%,
    #fff035 75%, #fff035 100%
  );
  background-size: 12px 12px;
}


/* 吹き出し */
.speech-balloon {
 font-size: 0.85em;
}



/*-------------
フォローボタン（記事下）のみ丸くする
--------------*/
.sns-follow-buttons {
  justify-content: space-evenly;
}
.sns-buttons {
  justify-content: space-around;
}
.sns-follow-buttons a {
  font-size: 1.7em;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  opacity: .8;
}
@media screen and (max-width:834px) {
  .ss-bottom .sns-follow-buttons a {
    font-size: 1.3em;
  }
}

/*-------------
エントリーカードのカテゴリ表示
--------------*/

.cat-label {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  font-size: 11px;
  color: #fff;
  background-color: #d5eff3;
  padding: 1px 5px;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* 念の為メモ */
/*
薄いグレーの色 background: #f5f8fa;
 */