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


/************************************
** 固定ページのタイトルを非表示にする
************************************/
.page .entry-title {
display: none;
}

/************************************
** ページをフェードイン表示する
************************************/
.body {
	animation: fadein 2s forwards; /*アニメーション指定*/
}

@keyframes fadein {
	0% {opacity: 0} /*アニメーション開始時*/
	100% {opacity: 1} /*アニメーション終了時*/
}

/************************************
** モバイルでアピールエリアの画像が細くならないようにする
************************************/
#appeal,
.appeal .appeal-in {
	min-height: 24vw;
}
@media screen and (min-width: 1267px) {
	#appeal,
	.appeal .appeal-in {
		min-height: 300px;
	}
}
.appeal {
	background-size: contain;
}

/************************************
** TOPページ、キャッチフレーズの太さ変更と白枠付け
************************************/
.tagline{
font-weight: bold;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}