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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
h1.entry-title {
	display: none;
}
.date-tags {
	display: none;
}
.profile_img {
	float: right;
}
.area_text h2 {
	margin: 0;
}
.top_about {
	margin-top: 40px;
}
.top_about h2 {
	margin: 0;
}
.about_area {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 30%, rgba(217, 217, 217, 1) 30%);
}
.school_panel {
	border: 1px solid #d9d9d9;
}
.school_image {
	position: relative;
}
.school_image figure + p {
	position: absolute;
	top: 5px;
	right: 5px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #d9d9d9;
	padding: 1px 15px;
	font-size: 12px;
}
.school_option:where(.wp-block-columns.is-layout-flex) {
	gap: 5px;
	margin: 0;
}
.school_option:where(.wp-block-columns.is-layout-flex) div {
	background: #d9d9d9;
	border-radius: 15px;
	padding: 1px 2px;
	font-size: 10px;
	color: #fff;
	text-align: center;
}
.school_option:where(.wp-block-columns.is-layout-flex) + p {
	line-height: 1.2;
	margin: 0;
}
.body .school_image.wp-block-group,
.body .school_image.wp-block-group .wp-block-image {
	margin-bottom: 5px;
}
.body .school_image.wp-block-group + div {
	padding: 10px;
}
.article h4.school_h4 {
	border: 0;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}


.toggle-button {
	background: #fff;
	text-align: left;
	font-weight: bold;
	box-shadow: 0 2px 6px 0px #ddd;
	border: none;
	padding: 1em;
}
.toggle-button::before,
.toggle-checkbox:checked~.toggle-button::before {
	content: 'Q';
	color: #c45257;
	font-size: 1em;
	margin-right: 1em;
}
.toggle-button::after,
.toggle-checkbox:checked~.toggle-button::after {
	font-family: "Font Awesome 5 Free";
	content: '\f107';
	color: #be987d;
	font-size: 1em;
	font-weight: bold;
	position: absolute;
	right: 2em;
	transition: 0.3s;
}
.toggle-checkbox:checked~.toggle-button::after {
	transition: 0.3s;
	transform: rotate(180deg) translateY(3px);
}
.toggle-checkbox:checked~.toggle-content {
	background: #e2d8d2;	
	margin-top: 10px;
	border: none;
	padding: 1em;
}
.toggle-checkbox:checked~.toggle-content p:first-of-type::before {
	content: 'A';
	color: #c45257;
	font-size: 1em;
	font-weight: bold;
	margin-right: 1em;
}

/* classroom */
.article .box_classroom h2 {
	margin: 0;
	padding: 0;
	border: 0;
}
.article h2::before {
	border: 0;
}
.image_area {
	position: relative;
	height: 260px;
}
.body .image_area figure.wp-block-image {
	margin-bottom: 0;
	width: 100%;
	height: 100%;
}
.body .image_area figure.wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.body .image_area > div {
	width: 100%;
	height: 100%;
	background-image: url(https://komeko-bi-sweets.com/wp-content/uploads/2024/12/NoPhoto.png);
}
.image_area .icon_city {
	position: absolute;
	top: 5px;
	left: 5px;
}
.image_area .icon_beauty {
	position: absolute;
	top: 5px;
	right: 5px;
}
.icon_lesson {
	width: 100%;
}
.icon_lesson p {
	text-align: center;
}
.body .wp-block-columns.icon_lesson {
	margin-bottom: 0;
}
.link_area {
	width: 100%;
}
.link_area .wp-block-buttons>.wp-block-button.has-custom-width.line_link {
	text-align: right;
}
.link_area .wp-block-buttons>.wp-block-button.has-custom-width.line_link a.wp-block-button__link {
	width: 200px;
}
.article .box_classroom .is-layout-flex {
	gap: 1.2rem;
}
.right-text-area {
	position: relative;
}
.right-text-area > div {
	padding-bottom: 60px;
}
.link_area {
	position: absolute;
	bottom: 5px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	/* モバイル時に表示したい画像のURLを設定する */
	.skin-grayish.front-top-page .container .header-container .header {
		background-image: url(https://komeko-bi-sweets.com/wp-content/uploads/2024/11/sp_fv_logoなし.jpg);
		background-position: center center;
	}

	#jmap div[jmap-id="jmap-1"] {
		height: 400px;
	}
}

/*781px以下*/
@media screen and (max-width: 781px){
	/*必要ならばここにコードを書く*/
	.link_area {
		position: static;
	}
	.image_area {
		position: relative;
		height: auto;
		max-height: 300px;
	}
	.body .image_area figure.wp-block-image {
		margin-bottom: 0;
		width: 100%;
		height: 100%;
	}
	.body .image_area figure.wp-block-image img {
		width: 100%;
		height: 100%;
		object-fit: contain
	}
	.right-text-area > div {
		padding-bottom: 0;
	}
}

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

	.article .box_classroom .is-layout-flex {
		column-gap: 0.5rem;
	}
	.article .box_classroom .is-layout-flex strong {
		font-size: 11px;
	}
}

.tagline {
	color: #ffffff;
	font-size: 14px;
}