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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
:root {
	--skin-grayish-site-main-hover:#f78da7 !important;
	--skin-grayish-gradient:#fdf2f2 !important;
	--LtGray_T70:#f6c6c6 !important;
	--topHeaderNaviBgColor:rgba(250,220,220,.5) !important;
	--ohterHeaderBgColor:rgba(250,220,220,.5) !important;
	--cocoon-xx-thin-color:#fdf2f2 !important;
	--skin-grayish-site-sub-color:#de7e96 !important;
}
:root :where(.wp-element-button, .wp-block-button__link){
	background:#f78da7;
	border:0;
}

body:not(.home) #header-container-in{
	align-items:center;
}
#navi-in{
	display:flex;
	align-items:center;
	justify-content:right;
	padding-right:56px;
}
.home #navi h1{
	flex-shrink:0;
}
.home #navi h1 a{
	font-weight:200;
	font-size:clamp(20px, 1.95vw, 32px);
}
.skin-grayish .header-in .site-name-text{
	letter-spacing:.1rem;
}
.home #navi-in{
	display:flex;
	flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding:0 min(1.43vw, 80px);
}
.home .navi-in>ul{
    justify-content:right;
	margin-left:auto;
	padding:0 !important;
}
#navi li.search-menu-button{
	position:absolute;
	right:4px;
}
#navi .search-menu-button{
	margin-left:8px;
	padding:8px min(0.78vw, 16px);
	width:48px;
}
.tagline{
	font-size:18px;
}

.home .header-in h2{
	line-height:1.3;
	margin-bottom:16px;
	text-align:center;
	font-size:64px;
}
.home .header-in h2 span{
	display:inline-block;
}

.home .article h2.cstm-head{
	margin-bottom:32px !important;
}
.home .article h2.cstm-head::after {
  display:block !important;
  content:"" !important;
  background-color:var(--skin-grayish-site-main-hover);
  width:2ch;
  height:2px;
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  z-index:1;
}
h4{
	padding:0 !important;
}
h4:before{
	content:none !important;
}
.iconlist-title{
		font-size:20px;
}
.wp-block-list{
		font-size:18px;
}

#about .primary-box,
#about .dark-box{
	display:flex;
	flex-flow:column;
	align-items:center;
	margin-bottom:0;
}
#about .primary-box{
	padding:24px;
	border-radius:8px;
	background:var(--skin-grayish-gradient);
}
#about .dark-box{
	justify-content:center;
	width:4rem;
	height:4rem;
	border-radius:50%;
	font-size:24px;
}
#about .block-box:nth-child(odd) .block-box{
	background:#fff;
	color:var(--skin-grayish-site-main-hover);
}
#about .block-box:nth-child(even) .block-box{
	background:#fff;
	color:#8dd3c7;
}
#about h3{
	margin:8px 0 16px;
	padding:0;
	background:none;
	text-align:center;
}
#about h3:before{
	content:none;
}

#member .wp-block-group:not(.sponsorship){
	box-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}
#member .wp-block-group:not(.sponsorship) .wp-block-group{
	box-shadow:none;
}
#member h3{
	margin:0 0 24px;
	padding:0;
	background:none;
	font-size:30px;
}
#member h3:before{
	content:none;
}
.video-container{
	margin:0 auto;
}
#member .wp-block-embed{
	min-width:auto !important;
	min-height:auto !important;
}
#member p{
	font-size:18px;
}
.sponsorship > .wp-block-group{
	display:flex;
	flex-direction:column;
}
.sponsorship .wp-block-image{
	display:flex;
	align-items:center;
	justify-content:center;
	width:auto !important;
	height:140px;
	margin:0 0 8px !important;
	text-align:center;
}
.sponsorship .wp-block-image img{
	width:auto;
	max-height:140px;
}
.sponsorship .wp-block-heading{
	margin-bottom:0 !important;
	font-size:22px !important;
}
.sponsorship .wp-block-heading a[target=_blank]:after{
	content:"";
	display:inline-block;
	position:relative;
	top:2px;
	width:16px;
	height:16px;
	margin-left:4px;
	background:center / 16px no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23535252' d='M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z'/%3E%3C/svg%3E");
}
@media (hover:hover) and (pointer:fine){
	.sponsorship .wp-block-heading a:hover[target=_blank]:after{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23f78da7' d='M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z'/%3E%3C/svg%3E");
	}
}
.sponsorship h3 + p:not(.has-text-align-center){
	margin-top:1.8em;
}

#schedule .wp-block-heading:before{
	border-bottom:0;
}
#schedule .card-meta{
	display:none;
}

#message figure{
	width:120px;
	height:120px;
	margin-bottom:8px;
	background:center / 40px #f9fafb no-repeat;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23999999' d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'/%3E%3C/svg%3E");
	border-radius:50%;
	overflow:hidden;
}
#message .wp-block-group-is-layout-constrained{
	display:flex;
	flex-flow:column;
	align-items:center;
	box-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}
#message .wp-block-heading{
	margin:0 0 8px;
	padding:0;
	background:none;
}
#message .wp-block-heading:before{
	content:none;
}

.dlTable{
	display:table;
}
.dlTable_dl{
	display:table-row;
}
.dlTable_dt,
.dlTable_dd{
	display:table-cell;
}
.dlTable_dl + .dlTable_dl .dlTable_dt,
.dlTable_dl + .dlTable_dl .dlTable_dd{
	padding-top:8px;
}
.dlTable_dt{
	width:1px;
	text-align:right;
	white-space:nowrap;
}
.dlTable_dt:after{
	content:"：";
}
.dlTable_dd a[target=_blank]:after{
	content:"";
	display:inline-block;
	position:relative;
	top:2px;
	width:16px;
	height:16px;
	margin-left:4px;
	background:center / 16px no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23535252' d='M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z'/%3E%3C/svg%3E");
}
@media (hover:hover) and (pointer:fine){
	.dlTable_dd a:hover[target=_blank]:after{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23f78da7' d='M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z'/%3E%3C/svg%3E");
	}
}
.dlTable_dd iframe{
	display:block;
	border:0;
}
#contact .wp-block-social-links{
	margin-top:24px;
}

.mobile-header-menu-buttons{
	flex-direction:row-reverse;
	z-index:999 !important;
}
.home .mobile-header-menu-buttons{
	left:auto;
}
.navi-menu-content{
	right:0;
	left:auto;
	-webkit-transform:translateX(105%);
	transform:translateX(105%);
}
.sidebar-menu-content{
	right:auto;
	left:0;
	-webkit-transform:translateX(-105%);
	transform:translateX(-105%);
}
.mobile-footer-menu-buttons{
	z-index:999 !important;
}
.skin-grayish .navi-menu-content .menu-close-button{
	text-align:right;
}

.page-id-386 .entry-title,
.page-id-441 .entry-title{
	text-align:center;
}
.entry-content{
	display:flex;
	flex-flow:column;
	align-items:center;
}
.page-id-386 .entry-content,
.page-id-441 .entry-content{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	border:0 !important;
}

.u-disp-ib{
	display:inline-block;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.home #navi-in{
		justify-content:center;
		padding:11px 4px 11px 0;
		background:none !important;
	}
	.home #navi{
		position:absolute;
		top:0;
	}
	.home #navi h1 a{
		font-weight:400;
		font-size:16px;
		letter-spacing:.1rem;
	}
	.home .search-menu-button.menu-button{
		display:none;
	}
	.mobile-header-menu-buttons .search-menu-button{
		display:none;
	}
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.home #navi h1{
		flex-shrink:1;
	}
	.home #navi h1 a{
		line-height:1.4;
		text-align:center;
		font-size:clamp(14px, 4.375vw, 19px);
	}
	.home #navi-in{
		padding:0 72px;
	}
	.tagline{
		font-size:16px;
	}

	.home .header-in h2{
		font-size:48px;
	}
	.dlTable_dl{
		display:block;
		margin-bottom:16px !important;
	}
	.dlTable_dt,
	.dlTable_dd{
		display:block;
		padding:4px 8px;
	}
	.dlTable_dt{
		width:auto;
		background:var(--skin-grayish-gradient);
		text-align:left;
	}
	.dlTable_dt:after{
		content:none;
	}
	.dlTable_dd{
		margin:0 !important;
	}
}
/*480px以上*/
@media (min-width: 600px){
	a[href^="tel:"]{
		pointer-events:none;
		text-decoration:none;
	}
}