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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* ヘッダーナビ　高さ　文字サイズ調整*/
#header-menu{ max-height:60px;}
#header-menu li{font-size:90%;}

/* ヘッダー画像内文字サイズ*/
#phi h2{ font-size:1.9rem!important;}

/*トップ画像縦幅*/
#pageHeader{ max-height:335px}

/* 3本線メニュー  htmlは70%でOKだけど、WordPressでは70%になってしまう。　*/
#sp_menu .drawr {
width:100%!important;
}
.pagination-next, #archives-3, #categories-3, #login-area{width:90%; margin:0 auto;}

/*スマホMENUが3本線とずれる修正 headerクラスをはずしたからかな？*/
#sp_menu p{right:1%;}

/*画像上のカテゴリーラベル　非表示*/
.cat-label{
	display: none;
}

.fa-folder-open:before{
	display:none;
}
.fa-calendar:before {
	display:none;
}
/* 施工実績日付　時計マーク非表示
#list .fa-clock-o, .article-header .fa-clock-o{ display:none;}*/

/* 日付の前の時計マーク非表示*/
#list .fa-clock, .article-header .fa-clock{ display:none;}

/* 施工実績日付*/
#list .post-date, .article-header .post-date{font-size:90%;color:green;}


/*投稿下　カテゴリラベル非表示*/
.under-entry-content{width:90%;
	margin:0 auto;}
.entry-categories-tags{display:none;}

/* NEWS一覧　固定ページで実現　日付非表示*/
#post-129 time {display:none;}
#post-129 span {display:none;}


/* カテゴリページ　タイトル用 施工実績*/
.wrap-inn h1:before {height:0px!important;/*html設定のcssうちけすため*/}

/**/
.wrap-inn h1 {
  position: relative;
  padding: 0.5rem 0.1rem !important;
	font-weight:normal!important;
}
.wrap-inn h1:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

/*施工実績一覧表示時のタイトル*/
h2{ font-size:1.2rem!important;
 font-weight:normal!important;}

.list a:hover{ text-decoration:none!important;
background-color:	SeaShell;}

.pager-post-navi a:hover, .pagination-next a:hover, .pagination a:hover{ text-decoration:none!important;
background-color:	MistyRose;}

.pagination a, .pagination-next a{background-color:		SeaShell;}

@media only screen and (max-width: 1220px) {
.wrap-inn h2{ font-size:1.1rem!important;
 font-weight:normal!important;}
}
@media only screen and (max-width: 820px) {
.wrap-inn h2{ font-size:0.9rem!important;}
#phi h2{ font-size:1.3rem!important;} 
}
/* 施工実績一覧時の画像縦幅調整*/
.entry-card-thumb img{max-height:230px;}

@media only screen and (max-width: 1220px) {
	.entry-card-thumb img{max-height:200px;}
}
@media only screen and (max-width: 900px) {
	.entry-card-thumb img{max-height:170px;}
}
@media screen and (max-width: 480px){
	.entry-card-thumb img{max-height:95px;}
}




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

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

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