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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/***** 全体 *****/
body {
	background: #fff;
}

#container {
	overflow: hidden;
}

.wrap {
	width: 1300px;
}

.main {
	width: 860px;
	padding: 0;
}

.sidebar {
	width: 380px;
}

.content {
	margin-top: 0;
}

:root {
	--cocoon-text-color: #000;
}

/***** header *****/
.header-in {
	margin: 5em auto;
}

.tagline {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin: 22px 0 0;
}

.logo-image {
	padding: 0;
}

/***** 投稿一覧 *****/
.list {
	row-gap: 2em;
}

.a-wrap:hover {
	background-color: #f5f9fc;
}

.entry-card-thumb {
	width: 300px;
	height: 100%;
}

.card-thumb img {
	border-radius: 6px;
	height: 100%;
}

.no-image {
	border: 1px solid #E8E8E8;
}

.related-entry-card-title,
.entry-card-title {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 20px 0;
}

.related-entry-card-title::after,
.entry-card-title::after {
	content: "";
	width: 47px;
	height: 7px;
	margin: 16px 0 0;
	background: url("../../uploads/2025/05/title_line.png") 0 0 no-repeat;
	display: block;
}

.related-entry-card-snippet,
.entry-card-snippet {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 1em;
}

.e-card-info {
	gap: 10px;
}

.e-card-info > span {
	margin: 0;
}

.related-entry-card-meta, .entry-card-meta {
	position: relative;
}

.entry-date {
	margin: 0;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 18px;
	font-weight: 600;
}

.fa-clock:before {
	content: none;
}

.cat-label {
	padding: 8px 20px;
	background-color: #F1F1F1;
	border-radius: 30px;
	font-size: 14px;
	color: var(--cocoon-text-color);
	border: none;
}

/***** ページネーション *****/
.pagination-next {
	display: none;
}

a.prev,
a.next {
	display: none;
}

.page-numbers {
	border-radius: 50%;
	width: 56px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #E8E8E8;
	border: none;
	color: #0074BE;
}

.pagination .current,
.pagination a:hover {
	background-color: #0074BE;
	color: #fff;
}

.page-numbers.dots {
	opacity: 1;
	background-color: #E8E8E8;
}

/***** サイドメニュー *****/
.sidebar {
	padding: 0;
}

#media_image-2 a {
	transition: all 0.3s ease-in-out;
}

#media_image-2 a:hover {
	opacity: 0.8;
}

.widget-sidebar-title.widget-title {
	background: none;
	margin: 0;
	padding: 16px 0;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-size: 28px;
	display: flex;
	align-items: center;
}

#categories-2 .widget-sidebar-title.widget-title::after {
	content: "チーム・個人別";
	font-size: 16px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-left: 16px;
}

#archives-2 .widget-sidebar-title.widget-title::after {
	content: "投稿月で探す";
	font-size: 16px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-left: 16px;
}

#search-2 .widget-sidebar-title.widget-title::after {
	content: "キーワードで探す";
	font-size: 16px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin-left: 16px;
}

.search-box {
	margin: 0;
}

#sidebar .cat-item {
	position: relative;
}

#sidebar .cat-item-57 > a,
#sidebar .cat-item-58 > a,
#sidebar .cat-item-59 > a,
#sidebar .cat-item-60 > a,
#sidebar .cat-item-61 > a,
#sidebar .cat-item-62 > a {
	padding: 12px 0;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	position: relative;
}

#sidebar .cat-item-57 > a::after,
#sidebar .cat-item-58 > a::after,
#sidebar .cat-item-59 > a::after,
#sidebar .cat-item-60 > a::after,
#sidebar .cat-item-61 > a::after,
#sidebar .cat-item-62 > a::after {
	font-family: "Font Awesome 5 Free";
	content: '\f0a9';
	position: absolute;
	bottom: 15px;
	right: 0;
	color: #0074BE;
	font-weight: 900;
	font-size: 22px;
	line-height: 1;
}

#sidebar .cat-item-57 > a {
	border-top: 2px solid #0074BE;
	border-bottom: 1px solid #000;
}

#sidebar .cat-item-58 > a,
#sidebar .cat-item-59 > a,
#sidebar .cat-item-60 > a,
#sidebar .cat-item-61 > a,
#sidebar .cat-item-62 > a {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#sidebar .cat-item-57 > a:hover,
#sidebar .cat-item-58 > a:hover,
#sidebar .cat-item-59 > a:hover,
#sidebar .cat-item-60 > a:hover,
#sidebar .cat-item-61 > a:hover,
#sidebar .cat-item-62 > a:hover {
	background-color: #f5f9fc;
	padding-left: 5px;
}

#sidebar .children {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	row-gap: 16px;
	margin: 20px 0 24px;
	padding: 0;
}

#sidebar .children .cat-item a {
	padding: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}


body #content #content-in #sidebar #categories-2 .cat-item .children a:hover .list-item-caption {
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

body #content #content-in #sidebar #categories-2 .cat-item .children .list-item-caption {
	font-size: 11px;
	position: absolute;
	display: inline-block;
	width: 7em;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	text-align: center;
	white-space: nowrap;
	background: #fff;
	padding: 5px;
	border: 1px solid #666;
	opacity: 0;
}

body #content #content-in #sidebar #categories-2 .cat-item .children .cat-item.cat-item-13 .list-item-caption {
	width: 8em;
}

body #content #content-in #sidebar #categories-2 .cat-item .children .list-item-caption:before {
	content: "";
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -12px;
	border: 12px solid transparent;
	border-top: 12px solid #fff;
	z-index: 2;
}

body #content #content-in #sidebar #categories-2 .cat-item .children .list-item-caption:after {
	content: "";
	position: absolute;
	bottom: -21px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #666;
	z-index: 1;
}

#sidebar .cat-item-2 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/ogawa_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-7 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/hatakeyama_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-9 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/kihara_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-14 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/watanabe_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-15 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/nishimura_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-18 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/tomita_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-20 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/nagamori_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-22 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/aida_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-23 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/t_tsuchiya_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-10 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/saito_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-11 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/sasaki_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-13 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/nakamura_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-5 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/y_tsuchiya_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-16 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/tamura_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-8 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/ikegame_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-19 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/mukumoto_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-21 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/murakami_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-24 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/oikawa_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-4 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/yanagida_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-12 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/toizumi_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-17 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/ishii_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar .cat-item-6 a::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fff url("../../uploads/2025/05/yano_ph.jpg") no-repeat center / 100%;
	border-radius: 50%;
}

#sidebar select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

#sidebar .widget_archive {
	position: relative;
}

#sidebar .widget_archive::after {
	font-family: "Font Awesome 5 Free";
	content: '\f107';
	position: absolute;
	bottom: 8px;
	right: 12px;
	color: var(--cocoon-thin-color);
	font-weight: 900;
	font-size: 25px;
	line-height: 1;
}

/***** ページトップボタン *****/
.go-to-top-button {
	width: 106px;
	height: 106px;
	border-radius: 50%;
}

.fas.fa-arrow-up {
	font-size: 40px;
}

.hp-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 106px;
	height: 106px;
	margin-top: 16px;
	border-radius: 50%;
	background-color: #0074BE;
	border: 4px solid #A5D1F0;
	text-decoration: none;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-size: 17px;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

.hp-button:hover {
	color: #fff;
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: ripple 1.5s infinite;
}

@keyframes ripple {
	0% {box-shadow: 0 0 0 0 #A5D1F0;}
	70% {box-shadow: 0 0 0 10px rgb(165 209 240 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(165 209 240 / 0%);}
}

.hp-button .pc {
	display: block;
}

/***** フッター *****/
#footer {
	background: #0084c9;
	margin-top: 0;
}
.footer-bottom.fdt-left-and-right .footer-bottom-content {
	/*justify-content: center;*/
  justify-content: flex-start;
  flex-direction: column;
	color: #fff;
}

/* 波型 */
.custom-shape-divider-bottom-1714552833 {
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(180deg);
	margin-top: 100px;
}

.custom-shape-divider-bottom-1714552833 svg {
	position: relative;
	display: block;
	width: calc(129% + 1.3px);
	height: 46px;
}

.custom-shape-divider-bottom-1714552833 .shape-fill {
	fill: #0084C9;
}

/***** 投稿一覧ページ *****/
.cat-label {
	position: static;
}

/***** パンくず *****/
#breadcrumb {
	padding: 20px 0;
	background-color: #F5F5F5;
	margin: 0 calc(50% - 50vw) 50px;
	width: 100vw;
}

#breadcrumb .breadcrumb-wrap {
	display: block;
	width: 1300px;
	margin-inline: auto;
}

#breadcrumb .fa-home:before,
#breadcrumb .fa-folder:before {
	content: none;
}

.fa-fw {
	width: 0;
}

.breadcrumb a {
	color: #0074BE;
	font-size: 16px;
	text-decoration: underline;
}

.breadcrumb-wrap .breadcrumb-item:last-of-type a {
	color: #000;
	text-decoration: none;
}

/***** カテゴリー別投稿一覧ページ *****/
#archive-title {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	margin: 0 0 24px;
	padding-bottom: 16px;
	border-bottom: 2px solid #0074BE;
}

.archive-title span {
	display: none;
}

/***** 詳細ページ *****/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
}

.article h1 {
	font-size: 28px;
	margin: 0 0 24px;
}

.article h1::after {
	content: "";
	display: block;
	width: 47px;
	height: 7px;
	margin: 16px 0 0;
	background: url("../../uploads/2025/05/title_line.png") 0 0 no-repeat;
}

.article h2 {
	margin-bottom: 24px;
	font-size: 26px;
	padding: 12px 0;
	background: none;
	background-image: linear-gradient(90deg, #0074BE 0 20%, #dcdcdc 20%);
	background-repeat: no-repeat;
	background-size: 100% 2px;
	background-position: bottom;
}

.article h3 {
	border: none;
	font-size: 24px;
	margin-bottom: 20px;
	padding: 12px 0;
	color: #0074BE;
}

.wp-block-image figcaption {
	font-size: 14px;
	margin-top: 0.5em;
	text-align: center;
}

.single-tags {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 2em;
}

.single-tags .cat-link {
	margin: 0;
	padding: 8px 20px;
	background-color: #F1F1F1;
	border-radius: 30px;
	font-size: 14px;
	color: var(--cocoon-text-color);
}

.single-tags .entry-categories-tags .tax-icon {
	display: none;
}

.single-tags .entry-categories-tags,
.single-tags .date-tags {
	margin: 0;
}

#pager-post-navi .single-top-button {
	width: 300px;
	margin-inline: auto;
	padding: 24px 0;
	font-size: 20px;
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
	text-decoration: none;
	color: #0074BE;
	letter-spacing: 0.05em;
	background-color: #F5F5F5;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: all 0.3s ease-in-out;
}

#pager-post-navi .single-top-button::after {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 24px;
	color: #0074BE;
	font-weight: 900;
	font-size: 20px;
	line-height: 1;
	transition: all 0.3s ease-in-out;
}

#pager-post-navi .single-top-button:hover {
	background-color: #f5f9fc;
}

#pager-post-navi .single-top-button:hover::after {
	right: 20px;
}

.wp-block-gallery.wp-block-gallery-1.columns-2,
.wp-block-gallery.wp-block-gallery-1.columns-3 {
	gap: 1em;
	align-items: normal;
}

.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item, .body .wp-block-gallery .blocks-gallery-item {
	margin: 0;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
	font-size: 14px;
}

.ctdt-one-row > div {
	display: flex;
	align-items: center;
	gap: 10px;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/***** 全体 *****/
	.wrap {
		width: 100%;
		padding: 0 16px;
	}
	
	.header-in {
		margin: 3em auto;
	}
	
	main.main {
		margin: 0;
		padding: 0;
	}
	
	/***** header *****/
	.tagline {
		font-size: 14px;
		margin: 16px 0 0;
	}
	
	/***** 投稿一覧ページ *****/
	.list {
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row;
		gap: 1rem;
	}
	
	#list, .list-wrap {
		margin-bottom: 1em;
	}
	
	.a-wrap {
		width: calc((100% - 1rem)/2);
		padding: 0;
	}
	
	.entry-card {
		height: auto;
		display: flex;
		flex-direction: column;
	}
	
	.entry-card-content {
		margin: 0;
	}
	
	.entry-card-thumb {
		width: 100%;
		margin: 0;
	}
	
	.ect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb, .rect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb, .ect-big-card-first .a-wrap:not(.ec-big-card-first) .card-thumb {
		margin: 0;
	}
	
	.related-entry-card-title, .entry-card-title {
		overflow: visible;
	}
	
	.related-entry-card-title, .entry-card-title {
		font-size: 15px;
		margin: 10px 0 0;
	}
	
	.related-entry-card-snippet, .entry-card-snippet {
		display: none;
	}
	
	.entry-card-meta.card-meta.e-card-meta {
		display: none;
	}
	
	/***** パンくず *****/
	#breadcrumb {
		padding: 16px;
		margin-bottom: 24px;
	}
	
	#breadcrumb .breadcrumb-wrap {
		width: 100%;
	}
	
	.breadcrumb a {
		font-size: 14px;
	}
	
	/***** サイドメニュー *****/
	main.main, div.sidebar {
		margin: 0;
		padding: 0;
	}
	
	#search-2 {
		margin: 0;
	}
	
	#media_image-2 {
		text-align: center;
	}
	
	/***** ページトップボタン *****/
	.go-to-top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		right: 0;
		bottom: 0;
	}
	
	.go-to-top .go-to-top-button,
	.hp-button {
		width: 100%;
		border-radius: 0;
	}
	
	.go-to-top .go-to-top-button::after {
		content: "PAGE TOP";
		font-size: 17px;
		color: #0074BE;
		font-family: "Oswald", sans-serif;
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.05em;
		margin-left: 0.5em;
	}
	
	.go-to-top-button {
		height: 52px;
	}
	
	.fas.fa-arrow-up {
		font-size: 20px;
		color: #0074BE;
	}
	
	.hp-button {
		border: none;
		margin: 0;
		height: 52px;
	}
	
	.hp-button .pc {
		display: none;
	}
	
	/***** フッター *****/
	#footer {
		padding-bottom: 52px;
	}
	
	/* 波型 */
	.custom-shape-divider-bottom-1714552833 {
		margin-top: 40px;
	}
	
	.custom-shape-divider-bottom-1714552833 svg {
		height: 55px;
	}
	
	/***** 詳細ページ *****/
	.article h1 {
		font-size: 22px;
		padding: 0;
	}
	
	#pager-post-navi .single-top-button {
		width: 240px;
		font-size: 16px;
		padding: 20px 0;
	}
	
	.ctdt-one-row > div {
		flex-wrap: wrap;
		align-items: flex-start;
	}
}

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

#policy {
  margin-bottom: 5px;
}
#policy a {
  color: #fff;
}