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

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

/*非表示コンテンツ用クラス*/
.d-none {
	display: none;
}
/*記事最上部に表示されるアイキャッチ画像を少し小さくして左右中央*/
.eye-catch-wrap figure {
	/*width: 100%;*/
}
.eye-catch-wrap figure img {
	/*margin: 0 auto;*/
	/*max-width: 900px;*/
}
/* Grayishスキン メインビジュアルの高さを変更する*/
body.home header#header,
body.front-page header#header {
  height: calc(100vh - 170px) !important;
  overflow: hidden;
}
	/*フロントページ以外のページでは高さをauto（通常）に戻す */
header#header {
  height: auto !important;
  overflow: visible;
}
	/*Scroll 表示の位置調整（トップページ用） */
body.home .skinadd-topmv-scroll,
body.front-page .skinadd-topmv-scroll {
  bottom: 10px;
}

/*フロントページのヘッダーメニューの位置調整*/
nav#navi {
	position: relative;
}

/*タイムラインタイトルのフォントサイズ1.2倍*/
.timeline-item-title {
	font-size: 1.24rem;
}

/* PDFリンク用 Font Awesome アイコン */
a[href$=".pdf"]::before {
  content: "\f1c1";               /* Font Awesome の file-pdf アイコン */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;               /* Solid アイコンを使う */
  display: inline-block;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  font-size: 1.1rem;
  vertical-align: middle;
  color: #d9534f;                 /* PDF っぽい赤色 */
}

/* ホバー時（オプション） */
a[href$=".pdf"]:hover::after {
  /*color: #b52b27;*/
}

/*添付ファイルブロックの左余白*/
div.entry-content div.wp-block-file {
	padding-left: 1rem;
}
/*添付ファイルブロックの文字サイズ*/
div.entry-content div.wp-block-file a {
	font-size: 1rem;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	ul.mobile-header-menu-buttons {
		position: absolute !important;
	}
	ul.mobile-header-menu-buttons {
		top: 114px !important;
	}
}

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

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

/*300px以下*/
@media screen and (max-width: 300px){
  /*必要ならばここにコードを書く*/
	#top_header_area span.float_right {
		display: none;
	}
}