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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.page .date-tags {
	display: none;
}
.sns-links {
	display: flex;
	padding: 0;
	list-style: none;
}
.sns-links li {
	margin-right: 15px;
}
.sns-links li img {
	width: 22px;
}
#header-container {
	padding :0 29px;
	padding-top: 30px;
}
#header-in .logo {
	display: none;
}
#navi-in .menu-top {
	justify-content: flex-end;
}
#navi-in .menu-top li a {
	font-size: 15px;
}
#navi-in .menu-top li:last-child a {
	padding-right: 0;
}
#content {
	margin-top: 0;
}
#main {
	padding: 0 29px;
}

.footer-bottom-content {
	float: none;
}
.footer-bottom-content #navi-footer li {
	border: none;
}
.page #toc {
	display: none;
}
.page .entry-title {
	font-size: 50px;
	margin-bottom: 40px;
	font-family: "Sorts Mill Goudy", serif;
	font-weight: normal;
	letter-spacing: 1px;
}
.page-id-8 .main h2.wp-block-heading {
	background: none;
	padding: 0;
	font-size: 50px;
	font-family: "Sorts Mill Goudy", serif;
	font-weight: normal;
	letter-spacing: 1px;
}

.home .wp-block-image {
margin: 0 calc(50% - 50vw);
	width: 100vw;
}
.page-id-8 .category-tabs {
	justify-content: center;
	display: none;
}
.page-id-8 #post-list .post-item {
	display: flex;
	align-items: center;
}
.page-id-8 #post-list .post-item .post-meta {
	margin-bottom: 0;
}
.page-id-8 #post-list .post-item .post-category {
	background-color: #F8F8F2;
	font-size: 14px;
	padding: 3px 15px 2px 15px;
	margin-right: 15px;
	display: none;
}
.page-id-8 #post-list .post-item .post-title {
	color: #333;
	font-size: 15px;
	font-weight: normal;
}
.page-id-24 #photo-gallery {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}
.page-id-24 #photo-gallery .photo-item {
	width: 32%;
	height: 300px;
}
.page-id-24 #photo-gallery .photo-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-id-24 h2.wp-block-heading {
	padding: 0;
	background: none;
}
.page-id-24 .wp-block-cocoon-blocks-column-3 {
	margin-bottom: 0;
}
.page-id-24 .wp-block-cocoon-blocks-column-3 p {
	margin-bottom: 0px;
}
.page-id-24 .wp-block-cocoon-blocks-column-3 .wp-block-embed {
	margin-bottom: 15px;
}
.page-id-24 .wp-block-cocoon-blocks-column-3 .video-container,
.page-id-24 .wp-block-cocoon-blocks-column-3 .video {
	margin-top: 15px;
}
.page-id-24 .modal-image img {
	height: 600px;
	width: auto;
	margin: 0 auto;
	object-fit: contain;
}

.page-id-26 form {
	width: 50%;
	margin: 0 auto;
}
.page-id-26 form input[type="submit"] {
	background-color: #fef4f4;
}
	.post img {
		width: 50%;
	}

.post .cat-label {
	display: none;
}
.post .entry-categories-tags {
	display: none;
}
#breadcrumb {
	display: none;
}

.page-id-22 iframe, .page-id-22 video {
	max-width: 640px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.header-container {
		margin-bottom: 40px;
	}
	#main {
	padding: 0 15px;
}
	.page .entry-title {
	font-size: 36px;
		padding: 0;
}
.page-id-8 .main h2.wp-block-heading {
	font-size: 36px;
}
	.page-id-8 .entry-content {
		margin-top: 0;
	}
	.page-id-26 form {
	width: 100%;
}
	.page-id-24 #photo-gallery {
		gap: 15px;
	}
	.page-id-24 #photo-gallery .photo-item {
		width: 100%;
	}
	.modal-inner {
		padding-right: 0 !important;
	}
	.page-id-24 .modal-image img {
		height: 400px;
	}
	.photo-modal .modal-content {
		padding: 50px 20px;
	}
	.modal-image {
		margin-top: 50px;
	}
	.modal-close {
		top: 60px !important;
		right: 15px !important;
	}
	.page-id-22 iframe, .page-id-22 video {
	max-width: 100%;
}
}