@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){
  /*必要ならばここにコードを書く*/
}


/**********************************************
 * アピールエリアカスタマイズ
 * 参考　https://gluttonir.com/full-width/
********************************************** */
.appeal {
			background-image: url(http://d-wave.jp/wp-content/uploads/2024/12/d-wavesp.jpg);	/* スマホ画面での画像 */
			background-attachment: fixed;
			min-height: calc(100vh - 70px); /* スマホ画面での高さ */
			min-width: 100%;
			background-size: 100%;
			position: relative;
			top: 80;
			background-attachment: local;
		}
		@media screen and (min-width: 768px){
			.appeal {
				background-image: url(http://d-wave.jp/wp-content/uploads/2024/12/Firefly-画面全体に広がる宇宙空間　星のまたたき　紫-19412.jpg);	/* パソコン画面での画像 */
				min-height: calc(100vh - 150px);	/* パソコン画面での高さ */
				background-attachment: fixed;
			}
		}
		.appeal::before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(0, 0, 0, .40); /* 画像の明るさ設定 */
		}
		.appeal-in {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}
		.appeal-content {
			background-color: transparent;
			width: 100%;
			padding: 2em 1em;
		}

	.appeal-content {
			background-color: transparent;
			width: 100%;
			padding: 2em 1em;
		}
		
		.appeal-message p {
			color: #ffffff; /* サブタイトルの色 */
			font-size:1.8em; /* サブタイトルのフォントサイズ（スマホ） */
			margin-top: 1em; /* タイトルとサブタイトルの行間（不要なら削除） */
		}
		@media screen and (min-width: 768px){
			.appeal-message p {
				font-size: 2.5em; /* サブタイトルのフォントサイズ（パソコン） */
				margin-top: 1em; /* タイトルとサブタイトルの余白（不要なら削除） */
			}
		}


/********************************
 * 固定ページの日時非表示
 * ******************************/
.post-11 .date-tags,
.post-3 .date-tags
 {
display: none;
}


/************************************/
/* 見出しのデザインリセット */
/************************************/

/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/************************************/
/* 見出しのデザイン */
/************************************/

.entry-title {
	text-align: center;
	font-weight: bold;
	padding-bottom: 0.5em;
	font-size: 2.5em;
	 background: -webkit-linear-gradient(45deg, #964ADF, #9f92ff 20%, #ff7689 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}


.article h2{
  font-weight: bold;
  padding-bottom: 1em;
  text-align: center;
  position: relative;
}
h2:after {
　content: '';
  width: 2em;
  height: 5px;
  position: absolute;
  bottom: -15px; /* 線の位置 */
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
background: linear-gradient(90deg, #16b5dd 0%, #d815d8 100%);
}


/***********************************
背景
************************************/
.top01 {
       background-image: url(http://d-wave.jp/wp-content/uploads/2024/12/アートボード-1@3x-3.png);    /* 背景画像指定 */
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}

/***********************************
 * アイキャッチ画像
 * *****************************/
.entry-header .eye-catch-wrap {
    margin: -30px -50px 0.5em;
}

/***********************************
 * マニュアル下注意書き
 * *****************************/
.dws-notice {
  background-color: #fef4f4;
  border: 1px solid #e06666;
  padding: 1em;
  margin-top: 2em;
  font-size: 0.9em;
  color: #444;
}