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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*ヘッダーロゴサイズ調整*/
.logo-header a span{
	font-size:14px;
}
/* タブレット用サイズ */
@media screen and (max-width: 768px) {
	#header .site-name-text {
		font-size: 12px;
	}
}
/* モバイル用サイズ */
@media screen and (max-width: 480px) {
	#header .site-name-text {
		font-size: 10px;
	}
}


/* 見出しのデザインリセット */
/*H1 */
.entry-content h1{
border:none;
background:none;
padding: 0;
}

/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

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

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}


/************************************
** コンテンツ上部 広告表示
************************************/
.content-top {
	margin-top: 0.5em;
	margin-bottom: 0em;	
}
.textwidget > p {
	font-size: 12px;
}


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

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

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

/************************************
****　リストスタイル
************************************/
.ul{	
	list-style: none !important;
	background-color:#FFFFFF;
	border-left:solid 0.5em #393f4c;/*H2の色の変更はこちら*/
	border-right:solid 1px #393f4c;/*H2の色の変更はこちら*/
	border-top:solid 1px #393f4c;/*H2の色の変更はこちら*/
	border-bottom:solid 1px #393f4c;/*H2の色の変更はこちら*/
}
.li{
    position: relative;
    margin:0.5em 0 !important;
    padding-left: 1em;
}
/*
.ul{	
	background-color: #e2e9ef!important;
    padding-top: 1em;
	padding-bottom: 1em;
    margin:0;
	
}
.li { 
    position: relative;
    margin:0.5em 0 !important;
    padding-left: 1em;
}

.ul li:before {
   position: absolute;
   content: '';
   top:0.9em;
   left: 0.5em;
   width: 7px;
   height: 7px;
   border-radius: 4px;
}

.wline {
color: #668ad8;
border: double 5px #668ad8;
background: #f1f8ff;
padding: 0.5em 0.5em 0.5em 2em;
}

ul.wline > li {
line-height: 1.5;
padding: 0.5em 0;
}
*/

/************************************
****　本文記事タイトル　H1
************************************/
.article h1 {
	line-height:2;
	font-size: 26px;
	color: #333333 !important;
	background-color:#FFFFFF;
	border-left:solid 0.5em #393f4c;
	border-bottom:solid 1px #393f4c;
	line-height:1em;
	margin:0;
	padding: 1em .95em 1em;
}

/************************************
****　本文記事見出し H2 H3 H4 H5
************************************/
.article h2:before {
background-image: none;
}
.article h2{
	line-height:2;
	font-size: 24px;
	color:#333333;
	background-color: #FFFFFF;
	border-left:solid 0.5em #393f4c;/*H2の色の変更はこちら*/
	border-right:solid 1px #393f4c;/*H2の色の変更はこちら*/
	border-top:solid 1px #393f4c;/*H2の色の変更はこちら*/
	border-bottom:solid 1px #393f4c;/*H2の色の変更はこちら*/
	padding:0.25em;
	padding-left: 1em;
	margin-top:1em;
	margin-bottom:1em;
	text-align: left;
}
.article h3{
	line-height:2;
	font-size:20px;
	border:none;
	color:#333333;
	background-color: #FFFFFF;
	border-radius:1px;
	border-bottom:2px solid #393f4c;/*H3の色の変更はこちら*/
	padding: 0.25em;
	margin-top:1em;
}
.article h3:before {
	width: 0em;
}
.article h4{
	line-height:2;
	font-size:20px;
	border:none;
	color:#333333;
	background-color: #FFFFFF;
	border-radius:1px;
	border-bottom:2px solid #393f4c;/*H3の色の変更はこちら*/
	padding: 0.25em;
	margin-top:1em;
}
.article h5{
	background: #F7F7F7;/*H5背景色の変更はこちら*/
	font-size: 17px;
	font-weight:normal;
	line-height:2;
	color:#333333;
	border-bottom: none;
	border-radius: 4px;
	padding: 1.5em;
	margin-left:0 auto;
	border:1.5px dashed;
	border-color:#93b69c;/*H5枠色の変更はこちら*/
	margin-top:1.5em;
	margin-bottom:1.5em;
}


@media (max-width:480px){
	.article h1{
		font-weight:bold;
		font-size:18px;
		}
	.article h2{
		font-weight:bold;
		font-size:18px;
		}
	.article h3{
		font-weight:bold;
		font-size:16px!important;
	}
	.article h4, .article h5{
		font-size:14px!important;
	}
}

/************************************
****　本文スタイル
************************************/
p { 
    line-height: 1.8;
	font-size: 16px;
}
@media (max-width:480px){
	p { 
		line-height: 1.8;
		font-size: 14px;
	}
}

// 日付表示を「更新日」に統一する
function my_post_time_to_modified_time( $the_time, $d, $post ) {
    if ( 'post' === get_post_type($post) ) {
        return get_the_modified_time( $d, $post );
    }
    return $the_time;
}
add_filter( 'get_the_date', 'my_post_time_to_modified_time', 10, 3 );
add_filter( 'get_the_time', 'my_post_time_to_modified_time', 10, 3 );