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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* MVスクロールの文字色 */
.skin-grayish.front-top-page .skinadd-topmv-scroll {
	color: #fff;
}
/* ヘッダーの設定 */
#header-container {
	background-color: #e6edf2cc;
}
.skin-grayish:not(.front-top-page) .header-in .logo-header img {
	height: 80%;
}
/* フッターの背景色 */
#footer {
	background-color: var(--skin-grayish-site-main-thin); 
}
/* トップページのインデックスボタン背景色 */
.skin-grayish .index-tab-buttons .index-tab-button {
	background-color: var(--skin-grayish-site-main-thin);
}
/* モバイルフッターボタンの背景色 */
.skin-grayish .mobile-menu-buttons {
	background-color: #e6edf2cc;
}
/* 画像の幅設定 */
.entry-content img {
	width: 640px;
}
/* タグの文字枠 */
.skin-grayish .widget_tag_cloud .tagcloud a {
	border: 0.5px solid var(--skin-grayish-site-main-hover);
}
.skin-grayish .article-footer .entry-tags .tag-link {
	border: 0.5px solid var(--skin-grayish-site-main-hover)
}

/* キャプション(画像引用)の表示設定 */
p.before-fig-txt {
	margin-bottom: 0;
}

blockquote::before,blockquote::after {
	display: none;
}
blockquote {
	max-width: 640px;
	margin-bottom: 5px;
}

figure.fig-box {
	max-width: 640px;
	margin-bottom: 28.8px;
	padding: 14px;
	background-color: var(--LtGray_T90);
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
/* 	ヘッダーの背景色なし */
	#header-container {
	background-color: #fff;
	}
}

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

/*670px以下*/
@media screen and (max-width: 670px){
  /* キャプションの表示設定 */
	figure.fig-box {
		max-width: 100%;
	}
}

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