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

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


.header-container {
	height: 10vh;
}


/* 見出しデザインのリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
background-color: transparent; /* 背景色を透明に */
border: none; /* 枠線なし */
border-radius: 0; /* 角の丸みなし */
}

/*フォント設定*/


/*字間*/
p, body {
letter-spacing: 2px;
}

h1, h2, h3 {
letter-spacing: 2px;
}


/*ヘッダーフッターまわりの調整*/
.breadcrumb,
.article-header,
.article-footer{
display: none;
}

.header-container-in {
padding-top: 10px;
padding-bottom: 10px;
}

/*セクションまわりの細々とした余白の調整*/
.main {
padding-bottom:0!important;
margin-bottom:0!important;
margin-left:0!important;
margin-right:0!important;
}

/*フルワイドと余白の調整*/
.wp-block-cover, .n2-section-smartslider {
margin-bottom:0!important;
margin-top:0!important;
padding-bottom:0!important;
bottom: 0;
}

.wp-block-columns {
margin-bottom:0!important;
}

.entry-content, .content {
padding-top:0!important;
padding-bottom:0!important;

margin-bottom:0!important;
}

.content-bottom {
margin:0;
}

.article {
padding-bottom:0px!important;
margin-bottom:0px!important;
}

/*フッター*/
.footer {
margin-top:0px;
}

/*SNSシェア非表示*/
.page .sns-share,
.page .sns-follow {
display: none;
}

/*水平スクロールバー非表示*/
body {
overflow-x:clip;
font-size: 12px;
}

/*フルワイド*/
.fullwide {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 0 calc(50vw - 50%);
}



.item-label {
	font-size: 13px;
	font-weight: 400;
}



/*ContactForm7カスタマイズ*/

table.CF7_table{
	width:80%; margin:0 auto; border: 3px solid #e5e5e5;
} 

table.CF7_table tr{ 
	border-top: 1px solid #e5e5e5;
} 

table.CF7_table th {
	text-align: left;
}

.single .entry-content table.CF7_table, .page .entry-content table.CF7_table{ 
	display:table;
} 

/*入力欄*/ 
.CF7_table input, .CF7_table textarea { 
	border: 1px solid #d8d8d8;
} 

.CF7_table ::placeholder {
	color:#797979;
} 

/*「必須」文字*/ 
.CF7_req{ 
	font-size:.9em; padding: 5px; background: #7C5729;/*ブロンズ*/ color: #fff ; border-radius: 3px; margin-right:1em;
} 

/*「任意」文字*/ 
.CF7_unreq{ 
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
} 

/* タイトル列 */ 
@media screen and (min-width: 768px){ 
	.CF7_table th{ 
		width:30%;/*横幅*/ 
		background-color:#ebedf5;/*ブルーグレー*/ 
		
	} 
} 

/* レスポンシブ */ 
@media screen and (max-width: 768px){ 
	table.CF7_table{ width:95%; 
	} 
	
	.CF7_table tr, .CF7_table td, .CF7_table th{ 
		display: block; width: 100%; line-height:2.5em; 
	} 
	
	.CF7_table th{ 
		background-color:#ebedf5; 
	} 
} 

/* 「送信する」ボタン */ 
.wpcf7 input.wpcf7-submit { 
	background-color:#7C5729;/*ブロンズ*/
		border-radius: 3px;
	border:0; 
	color:#fff; 
	font-size:1em; 
	font-weight:bold; 
	margin:0 auto; 
	width: 100px;
} 

.CF7_btn{ 
	text-align:center; 
	margin-top:20px; 
} 

.wpcf7-spinner{ 
	width:0; margin:0; 
}



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

	
	
}

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

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