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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.inv-cont{
	display:none;
}
/* サムネイル画像非表示 */
.new-entry-card-thumb img {
  display: none;
}

 /* 日付、タイトルの並びを逆に表示 */
.new-entry-card-content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  margin-left: 0;
}

/*投稿日付表示 */
.new-entry-card-date {
  display: block;
}
.new-entry-card-post-date {
  font-size: unset;
}

/* カテゴリ修飾削除 */
.new-entry-cards .cat-label {
  background-color: transparent;
  color: unset;
  font-size: unset;
  left: 0;
  position: relative;
  top: 0;
}
.fa-clock-o:before {
    content: none;
}
.post-update{
	display:none;
}
.new-entry-card-title{
	margin-left:2em;
}
.footer-bottom-logo .logo-image {
	padding: 0;
}

.footer-bottom-logo img {
	height: 20px;
	width: auto;
	margin-bottom:10px;
}
.wp-block-table td:nth-child(1){
	width:30%;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f2f4;
}
.cp-table{margin:0 auto;}
.formTable th{
	border:none;
	background:none;
	text-align:left;
	white-space: nowrap;
}
.formTable td{
	border:none;
	background:none;
}
.formTable tr{
	background-color:transparent!important;
}
.cnt{
	width:50%;
	max-width:400px;
	margin:0 auto;
}
.img-max img{
	width:100%;
}
.fz-32px{
	color:#182f59;
}
.navi {
    margin-top:10px;
	margin-bottom:50px;
}
.navi-in > ul li{
	height:50px;
	}
.navi-in a {
    font-size: 14px;
}
.main{
	padding-top:0px!important;
}
.h2_sec{
	font-weight:300!important;
	font-size:21px!important;
	padding:0 0 2px 7px!important;
	background-color:transparent!important;
	margin:3em 0 1em!important;
	border-left: solid 5px #a5a5a5;
}
figcaption {
    margin: 0;
    font-size: 0.8em;
    padding: 0;
}
.news-space{
	margin:4em 0 2em;
}
.hover-big a{ 
	display:block;
	width:90%;
	margin:0 auto;
	background:#009ADB;
}
.hover-big a img:hover{
	opacity:0.5;
	transition:0.5s;
}
/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
box-shadow: none;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
margin-left:1em;
}
span.fas.fa-bars::before{
color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}
.search-menu-icon{
display:none!important;	
}
.menu-content {
    max-width: 100%!important;
    }

.menu-drawer li {
	border-bottom:1px solid;
}
.menu-drawer li:first-child{
	border-top:1px solid;
}
.menu-drawer a {
    padding: 2em 0;
}
.menu-close-button{
	text-align:right;
	margin:0 15px 15px 0;
}
.head-link{
	margin-bottom:-30px;
	z-index: 10;
}
.head-link a{
	color:#4d4d4d;
	text-decoration: none;
	font-size:14px;
}
.right-part{
	float:right;
	margin-left:1em;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/* 元のロゴ画像を非表示 */
.header-container {
		visibility: hidden;
	}
.logo-menu-button > a img {
visibility: hidden;
}

.logo-menu-button > .menu-button-in{
display: inline-block!important;
background: url("https://www.architectenergy.co.jp/wp/wp-content/uploads/AE02.png") no-repeat;
background-size: contain;
background-position: center;
	width:150px;
}
.news-space{
	margin:2em 0;
}
.navi {
    margin-top:0px;
	margin-bottom:0px;
}
#oly-pc-spc{
	display:none;
	}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.footer-bottom-logo img {
	margin-bottom:0px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .new-entry-card-content {
    flex-direction: column-reverse;
	 }
.wp-block-table td:nth-child(1){
	width:20%;
}
}