@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-2 .date-tags {
display: none;
}

/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}

/************************************
** 全幅カバー
************************************/
/* カバーブロック用：インナーブロックの中央寄せを追加 */
.fullwide {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
	margin-top: -80px;
}

#main{
  background: rgba(255, 255,255, 0);
}

/************************************
** wave区切り
************************************/

/* ワイドブロック */
.body .wide {
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
}

/* 境界線は余白なし */
.wide:has(.up-wave, .low-wave) {
  padding: 0;
}

/* 境界線 */
[class*="wave"] svg {
  display: block;
  fill: currentColor;
  height: 5vmin;
  width: 100%;
}

/* 境界線上の余白を除去 */
.wide:has(.up-wave) + .wide {
  margin-top: -1px;
}

/************************************
** h2 見出しデザインアレンジ
************************************/
/* reset */
.entry-content h2{
border:none;
background:none;
padding: 0;
}
h2{
	text-align:center;
	margin-top:150px;
	margin-bottom:100px;
}

.workshop1{
	margin-left:50px;
	align-items:center;
}

.home .new-entry-cards.large_thumb .a-wrap,
.home .new-entry-cards.large-thumb-on .a-wrap {
	margin: 0 auto 4px;
}
/************************************
** ページ内リンク位置調整 
************************************/
:target::before {
    content:"";
    display:block;
    height:80px;       /* 移動する距離。 私の場合は、height:3rem; 　高さは調節してくださいね。*/
    margin:-80px 0 0;  /* heightのマイナス値と0　0。 私の場合は、margin:-3rem 0 0; */
}

/************************************
** contact form7 
************************************/
/*ContactForm7カスタマイズ*/
.CF7{
	width:60%;
	margin:0 auto;
}
/*デフォルトのスタイルを無効化する*/
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
span.wpcf7-spinner {
  display: none;
}

/*入力欄*/
.CF7 input, .CF7 textarea{
	border: 1px solid #d8d8d8;
	margin-top:5px;
}
.CF7 input[type="checkbox"]{
	margin-top:20px;
}

.CF7 ::placeholder {
	color:#797979;
}
.CF7_box{
	margin-top:50px;
}
/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}
/*送信ボタン*/
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 20px;
  font-weight: bold;
  width: 200px;
  padding: 10px;
  border-radius: 10px;
  background-color: #5bad92;
  border: none;
  color: #fff;
  cursor: pointer;
}
.CF7_btn{
  text-align:center;
}
/*送信ボタン ホバー*/
input[type="submit"]:hover{
  background-color: #f79034;
  color: #fff;
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	.CF7{
	width:90%;
	}
	.CF7 input[type="submit"] {
	width:70%;
}
/* 「送信する」ボタン */
.CF7_submit{
	margin-top:-30px;
}
.CF7_btn{
	margin-top:-30px;	
	}
}