@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){
  /*必要ならばここにコードを書く*/
}
/* 研究所はいまこんなことしてます */
.nonbiri-now-grid {
	display: flex;
	gap: 0;
	border: 1px solid #eadfbe;
	border-radius: 12px;
	overflow: hidden;
	background: #fffdf7;
}

.nonbiri-now-item {
	flex: 1;
	padding: 14px 18px;
	min-height: 92px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.nonbiri-now-item + .nonbiri-now-item {
	border-left: 1px solid #e5dfcf;
}

/* 各カラム内の見出し */
.nonbiri-now-item p:first-child {
	margin: 0 0 4px 0;
	font-weight: 700;
	line-height: 1.4;
}

/* 各カラム内の説明 */
.nonbiri-now-item p:last-child {
	margin: 0;
	font-size: 0.92em;
	line-height: 1.5;
}

/* スマホ */
@media screen and (max-width: 768px) {
	.nonbiri-now-grid {
		display: block;
	}

	.nonbiri-now-item {
		min-height: auto;
	}

	.nonbiri-now-item + .nonbiri-now-item {
		border-left: none;
		border-top: 1px solid #e5dfcf;
	}
}

/* トップページHERO画像の表示位置を上寄せ */
#appeal {
	background-position: center 40% !important;
}
/* 最近の研究：各記事をカード化 */
.wp-block-latest-posts-is-layout-grid > li {
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 14px;
	background: #fff;
	box-sizing: border-box;
}
/* アイキャッチ */
.wp-block-latest-posts-is-layout-grid > li img {
	border-radius: 6px;
	margin-bottom: 10px;
}

/* 記事タイトル */
.wp-block-latest-posts-is-layout-grid > li .wp-block-latest-posts__post-title {
	display: block;
	line-height: 1.5;
	font-weight: 600;
}

/* 投稿日 */
.wp-block-latest-posts-is-layout-grid > li .wp-block-latest-posts__post-date {
	display: block;
	margin-top: 8px;
	font-size: 0.88em;
	color: #666;
}
.wp-block-latest-posts-is-layout-grid > li {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-latest-posts-is-layout-grid > li:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
}
/* HERO：スマートフォン表示調整 */
@media screen and (max-width: 768px) {

	#appeal {
		background-position: center 40% !important;
		min-height: 430px;
	}

	#appeal .appeal-content {
		width: calc(100% - 32px) !important;
		max-width: none !important;

		margin: 0 16px !important;

		transform: none !important;

		padding: 20px 18px !important;
		box-sizing: border-box;
	}

	#appeal .appeal-title {
		font-size: 21px !important;
		line-height: 1.55;
	}

	#appeal .appeal-message {
		font-size: 16px !important;
		line-height: 1.8;
	}

	#appeal .appeal-button {
		font-size: 16px !important;
		padding: 10px 18px !important;
	}
}