@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイル
************************************/

/*ヘッダーのテキストサイズ*/
.header-container-in.hlt-top-menu .site-name-text {
  font-size: 30px;
  white-space: nowrap;
}

/* 本文のH2-H6 */
.entry-content h2{
color: #000000;
font-size: 16px;
background-color: #ffffff;
margin-top: 60px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 5px;
padding-bottom: 10px;
border-left: solid 10px #000000;
border-right: solid 1px #000000;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
border-radius: 0;
}
.entry-content h3{
color: #000000;
font-size: 16px;
background-color: #ffffff;
padding-top:10px;
padding-left:5px;
padding-bottom:10px;
border-left: solid 10px #000000;
border-right: solid 1px #000000;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
border-radius: 0;
}
.entry-content h4{
color: #000000;
font-size: 16px;
background-color: #ffffff;
padding-top:10px;
padding-left:5px;
padding-bottom:10px;
border-left: solid 10px #000000;
border-right: solid 1px #000000;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
border-radius: 0;
}
.entry-content h5{
color: #000000;
font-size: 16px;
background-color: #ffffff;
padding-top:10px;
padding-left:5px;
padding-bottom:10px;
border-left: solid 10px #000000;
border-right: solid 1px #000000;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
border-radius: 0;
}
.entry-content h6{
color: #000000;
font-size: 16px;
background-color: #ffffff;
padding-top:10px;
padding-left:5px;
padding-bottom:10px;
border-left: solid 10px #000000;
border-right: solid 1px #000000;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
border-radius: 0;
}

/*サイドバークリップ色変更*/
.sidebar h2::before,
.sidebar h3::before {
	position: absolute;
	content: "";
	top: -15px;
	right: 10px;
	height: 45px;
	width: 12px;
	/*クリップの色*/
	border: 3px solid #808080;
	border-radius: 12px;
	box-shadow: 1px 1px 2px #c0c0c0;
	transform: rotate(10deg);
	z-index: 1;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  #header .site-name-text {
    font-size: 25px;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  #header .site-name-text {
    font-size: 25px;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  #header .site-name-text {
    font-size: 25px;
  }
}

/************************************
** 日付関係のスタイル
** 20250226 本文前のスペース確保
************************************/
.entry-date {
  margin-left: 3px;
}

.date-tags {
  line-height: 0.8;
  text-align: right;
  margin-bottom: 3em;
}

.post-date,
.post-update,
.post-author,
.amp-back {
  margin-right: 8px;
}

/************************************
** 20251007 固定ページの投稿日、更新日、投稿者名を非表示にする
************************************/
.page .date-tags,
.page .author-info {
    display: none;
}

/************************************
** 20251011 画像枠
************************************/
.waku {
	border: 1px solid #000;
}