@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
*/

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

/* ★テキスト★ */
/* 見出しのデザインリセット */
/* H2 */
.entry-content h2{
	border:none;
	background:none;
	padding: 0;
}

/* H3 */
.entry-content h3{
	border:none;
	background:none;
	padding: 0;
}

/* 見出し書式上書き */
/* H2 */
.entry-content h2 {
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #333333;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #6b8e6c;/*左線*/
}

/* H3 */
.entry-content h3 {
  	color: #333333;/*文字色*/
  	/*線の種類（点線）2px 線色*/
	border-bottom: dashed 2px #8c9a6e;
	padding-bottom: 3px;
}

/* カスタマイズテキストカラー追加 */
.cocoon-custom-text-1{
	color: #de4816;
}
.cocoon-custom-text-2{
	color: #6B8E6C;
}

/* ★白抜きボックス(めくれた紙風/memo)★ */
.blank-box.memo {
	border: none;
    margin: 0 auto 2em; /* 外側の余白（上下と中央配置） */
    padding: 2em; /* 内側余白 */
    background-color: #f2f3f4; /* 背景色（薄いグレー） */
    position: relative; /* 相対位置指定 */
}

.blank-box.memo::after {
    position: absolute; /* 絶対位置指定 */
    content: ''; /* 擬似要素にコンテンツを表示しない */
    right: 0px; /* 右端に配置 */
    top: 0px; /* 上端に配置 */
    border-width: 0 25px 25px 0; /* めくれた部分の形状 */
    border-style: solid; /* 線の種類 */
    border-color: #ccc #fff #ccc; /* 線の色 */
    box-shadow: -1px 1px 1px rgb(0 0 0 / .15); /* めくれた部分に影をつける */
}

/* pタグの余白 */
.blank-box.memo p {
    margin: 0;
}

/* ★リスト（枠ありチェックマーク/check）★ */
.check{
   list-style: none;
 　padding:0 ;
　 margin:0 ;
}
.check li { 
   position: relative;
   margin:0.5em 0 !important;
   padding-left: 25px;
}
.check li:before {
   font-family: FontAwesome;
   content: "\f058"; /*アイコン*/
   color:  #d6ce68; /* 色 */
   position: absolute;
   left:0;
}

/* ★サイドバー★ */
div.sidebar {
	padding: 20px;
	background:transparent;
	font-size: 14px;	
}

.sidebar h3 {
	color: #6B8E6C;/*文字色*/
	background:transparent; /* Cocoon親テーマCSSリセットのため */
	padding: 8px 0px;
	border-bottom: 2px #6B8E6C dotted; /* ドット下線追加 */
	letter-spacing: 0.2em; /* 字間を広げる */
}

/* ★サイドバー（プロフィール）★ */
/* プロフィール全体 */
.nwa .author-box {
	border: none;
	padding: 0 20px;
}

/* アイコン */
.nwa .author-box .author-thumb{
	width: 110px;
}

/* 下側 */
.nwa .author-box .author-content {
	padding: 1em 0;
}

/* 名前 */
.author-box .author-name {
	margin-bottom: 1em;
}
.author-box .author-content .author-name a{
	color: #333333; /* リンク色にしない */
	font-size: 1.2em;
	font-weight: normal; /* 太字にしない */
	text-decoration: none; /* 下線をなくす */
	letter-spacing: 0.2em; /* 字間を広く */
}

/* プロフィール文 */
.author-description{
	margin-bottom: 16px;
}
.author-description p{
	margin: 0 0 0.5em 0;
	text-align: left;
	line-height: 1.5;
}

/* SNSボタン */
.author-follows{
	padding: 15px 0;
	background-color: #8C9A6E;
}
.author-follows::before{
	content: 'Follow Me';
	color: #fff;
	letter-spacing: 0.2em; /* 字間を広く */
}
.author-box .sns-follow-buttons a.follow-button{
	width: 40px;
	height: 40px;
	margin: 6px 10px 2px 2px;
	border-radius: 20px;
	color: #fff;
	border-color: #fff;
	font-size: 24px;
	line-height: 1.6;
}
.author-box a.follow-button span::before {
	font-size: 22px;
}

/* SNSボタン マウスオーバーしたとき */
.author-box .sns-follow-buttons a.follow-button:hover{
	background-color: transparent;
	opacity: 0.6; /* 薄く */
	transform: scale(1.1); /* 1.1倍の大きさに */
}

/* feedlyとrss非表示 */
.author-box .feedly-button, .author-box .rss-button {
    display: none!important;
}

/* Contactボタン */
.profilepage-link {
    text-align: center;
    margin-bottom: 20px;
}
#main .profilepage-link {
    text-align: left;
}
.profilepage-link a {
    display: inline-block;
    font-size: 1em;
	font-weight: bold;
    text-decoration: none;
    color: #fff; /*ボタンの文字色*/
    background: #d6ce68; /*ボタンの背景色*/
	margin-top: 20px;
    padding: .5em 2em;
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.2);
    transition: .3s ease-in-out;
}
.profilepage-link a:hover {
    color: #fff;
    box-shadow: 0 10px 12px -3px rgba(0,0,0,.24);
}
@media screen and (max-width: 480px){
#main .profilepage-link {
    text-align: center;
}
.profilepage-link a {
    font-size: 14px;
}
}

/* ★固定ページ★ */
/* 日付非表示 */
.post-123 .date-tags,
.post-24 .date-tags,
.post-162 .date-tags,
.post-337 .date-tags,
.post-334 .date-tags,
.post-242 .date-tags {
  display: none;
}

/* 新着記事2列 */
/*
.page .new-entry-cards {
	display: flex;
	flex-wrap: wrap;
}

.page .new-entry-card-link {
	width: 50%;
}
*/
/* 人気記事2列 */
/*
.page .popular-entry-cards {
	display: flex;
	flex-wrap: wrap;
}

.page .popular-entry-card-link {
	width: 50%;
}
*/
/* ★コメント欄★ */
/* コメントテキストボックスの不要項目非表示（メアド、サイト、チェックボックス）*/
.comment-form-email,.comment-form-url,.comment-notes{
	display:none;
}

/* ★コンタクトフォーム★ */
/* 米印の色変更 */
.wpcf7 .required {color: #E17C6F;}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


