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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.wpcf7 input[name="your-name"]
{ /* 氏名 */
	width: 35%;
}
.wpcf7 input[name="your-email"] ,
.wpcf7 input[name="tel"]
{ /* メールアドレス 電話番号  */
	width: 50%;
}
.wpcf7 input[name="rental-start"],
.wpcf7 input[name="rental-end"]
{ /* レンタル開始日時 レンタル終了日時 */
	width: 25%;
}
.wpcf7 select[name="start-time"],
.wpcf7 select[name="end-time"]
{
	width: 120px;
}
.wpcf7 input[name="start-h"],
.wpcf7 input[name="start-m"],
.wpcf7 input[name="end-h"],
.wpcf7 input[name="end-m"]
{ /* 開始時 開始分 終了時 終了分 */
	width: 10%;
}
/* スマホヘッダーメニュー */
.search-menu-button.menu-button,
.navi-menu-button.menu-button,
.logo-menu-button.menu-button {
	color: white!important;
	background-color: #1c1c1c!important;
	height: 55px;
}
.search-menu-button.menu-button,
.navi-menu-button.menu-button {
	padding-top: 8px;
}
img.site-logo-image{
	padding-top: 4px;
}
.menu-drawer a,
.navi-menu-content.menu-content {
	color: white;
	background-color: #1c1c1c;
}
.grecaptcha-badge { /* recapcha 非表示 */
	visibility: hidden; 
}
/*ヘッダーカスタム*/
.header-banner img{
	width: 36px;
}
.header-banner a{
	color: white;
	text-decoration: none;
}
.header-in > .tagline {
	display: none;
}
.header-in {
	display: flex;
	flex-direction: row;
	justify-content:space-around
}
.header-banner-tel {
	display: flex;
	justify-content: center;  /* place-contentでもOK */
	align-items: center;  /* place-itemsでもOK */
	border:4px solid white;
	border-radius: 20px;
}
.header-banner-line {
	display: flex;
	justify-content: center;  /* place-contentでもOK */
	align-items: center;  /* place-itemsでもOK */
}
.header-banner-contact {
	display: flex;
	justify-content: center;  /* place-contentでもOK */
	align-items: center;  /* place-itemsでもOK */
}
.header-banner-tel {
	width: 230px;
	height: 80px;
	margin: 1em;
}
.header-banner-contact {
	margin: 1em;
}
/*検索ボックス*/
.search-menu-button {
  display: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以上*/
@media screen and (min-width: 1024px){
  /*必要ならばここにコードを書く*/
	/*home*/
.wp-block-cover {/*full wide*/
    margin-right: calc(50% - 49.2vw);
    margin-left: calc(50% - 50vw);
    width: auto;
    height: 670px;
}
.front-top-page #main .entry-title {/*フロントh1消去*/
  display: none;
}
/*以下ヘッダーと画像間余白消し*/
.content {
    margin-top: 0px;
}
.main {
    padding: 0px 29px 20px 29px;
    border-top-width: 0px;
}
.date-tags {
    margin-bottom: 0px;
}
.entry-content {
    margin-top: 0px;
}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.header-banner {
		margin: 0 0 0 auto;
	}
	.logo-header {
		display: none;
	}
	.header-banner-line {
		margin: 0 0 1em 0;
	}
	.header-banner-contact {
		display: none;
	}
}

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

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