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

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

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

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

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

/*----------------------------------*/
/* 投稿日付を非表示                 */
/*----------------------------------*/
.post-date {
    display:none;
}

/*----------------------------------*/
/*アピールエリアの画像の縦横比を保持*/
/*----------------------------------*/
@media screen and (max-width: 1260px) {
div.appeal-in {
display: none;
}
}
.appeal-content {
background: none;
}
/*---画像の指定---*/
/* #appeal-in {background-image: url("https://www.shogen.nagoya/wp-content/uploads/2022/01/top01.png"); /*
/*---画像の高さ指定---*/
/*	height: 510px; /*
/*---画像の配置---*/
/*　background-repeat: no-repeat;background-position:center;}　*/

/*アピールエリア　テキストタイトルの色*/
.appeal-title {
	color: #ccc;
	text-shadow: 2px 2px 0 #3f3f3f;　/*タイトルにシャドーを付ける*/
}

/*アピールエリア　テキストメッセージの色*/
.appeal-message {
	color: #ddd;
	text-shadow: 2px 2px 0 #3f3f3f;　/*メッセージにシャドーを付ける*/
}

/*アピールエリア　エリア背景色　透明*/
.appeal-content {
  background: none;
}

/*タイトル非表示*/
h1.entry-title{
 display:none;
}

/*枠線を削除する*/
#main{
border: none;
}

/*ギャラリーの画像サイズの調整*/
.wp-block-gallery .blocks-gallery-item {
  flex-grow: 0;
}

/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
	padding: 0;
	max-width: 650px;
}

.footer-bottom-logo img {
	height: 
		90px;
	width: auto;
}

/*マウスオーバー　ボタン*/
/*　　内装工事で使用　　*/
.button1 .has-background:hover{
	background-color: #7fbfff!important;
	transition:0.5s;
}

/*--------------------------------------------------------
　ヘッダー　メッセージを非表示
--------------------------------------------------------*/
.header-in .tagline {
  display:none;
}
/*--------------------------------------------------------
　ここまで　ヘッダー　メッセージを非表示
--------------------------------------------------------*/