@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以下*/
.page .entry-title {
display: none;
}
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	#header {
	border-bottom: solid 2px #73c3fb;
}
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.post-27 .date-tags,
.post-25 .date-tags,
.post-23 .date-tags,
.post-2 .date-tags,
.post-3 .date-tags,
.post-411 .date-tags,
.post-493 .date-tags,
.post-9 .date-tags {
display: none;
}

#footer {
	border-top: solid 2px #73c3fb;
}
.site-name-text {
	color: #73c3fb;
}
.site-name-text:hover {
	color: #00a3af;
}
a:hover {
	color:#00a3af
}

figure {
  text-align: center;
/*   margin: 40px auto; */
}

figure img {
	margin: auto;
}

section {
/*   width: 80%; */
  margin: 100px auto;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 5rem;
}
.grid-container .info, .grid-container .philosophy, .grid-container .grit-idea, .grid-container .annual-events {
  background-color: aquamarine;
  padding: 20px;
	margin-bottom: 0;
}

.philosophy {
  border: solid 2px #73c3fb;
  border-radius: 12px;
	height: 100%;
}
.philosophy h3 {
	color: #73c3fb;
	text-align:center;
}

h2 {
	color: white; @important
}

.post-date {
	display:none
}

#list1 {
  background-color: #000;
}
.content-top {
/* 	background-color: #73c3bf; */
/* 	padding: 10px; */
	width: 100vw;
	height: 20%;
	margin-top: 0;
	border-bottom: solid 2px #73c3fb;
}
.content-top-in {
	padding: 10px;
	display: flex;
	justify-content: center;
	height: 100%;
}
.content-top-in .widget_media_image {
	margin-bottom: 0;
	display: flex;
}
.content-top-in .widget_media_image img {
	width: 100%;
}
.content-top-in .widget_media_image img:hover {
	transform: translatey(-10px);
}
.header-img {
	margin: auto;
}

.changeImg {
	text-align: center;
	margin: auto;
	width: 60%;
}


#navi {
	background-color: #73c3bf;
}
#navi .navi-in a:hover 　{
	color:#73c3bf;
}

.contact-btn a{
	padding: 14px 26px;
	background-color: #73c3fb;
	font-size: 20px;
	color: #fff;
	width: 100%;
	max-width: 500px;
}