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

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

/*ページタイトル非表示*/
.entry-title {
display: none;
}
/** 背景透過 ********************/
.header-container{ /* ヘッダー */
	background: transparent; /* 背景透過 */
}
#main{ /* メイン部分 */
	background: transparent; /* 背景透過 */
}

#footer{ /* フッター */
	background: transparent; /* 背景透過 */
}

/* テキスト中央揃え */
.textcenter {
	text-align: center;
}
/* 文字色　ピンク */
.pink {
color: #F70874;
}

/* 画像点滅 */
.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 2s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* 画像下に余白 */
.space {
	margin-bottom:30px;
}
/*吹き出しの文字*/
.fukidashi {
	color: #000000;
}

/* フッターモバイルボタン透明背景色（スマホ） */
.mobile-footer-menu-buttons .menu-button,
.mobile-footer-menu-buttons .menu-button:hover,
.mobile-footer-menu-buttons .menu-button a,
.navi-menu-content,
.menu-drawer a,
.menu-drawer a:hover{
  background: #ff1493; 
  color: white;
}


/* よくある質問　ヘッダー非表示 */
.page-id-58 .header{
   display:none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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