/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 18 2025 | 21:57:40 */
/******************************************
 * サイト共通CSS
 * 独自CSSを書き込んでいます。
 * このCSSは全てのページに適用されてしまうので、適時追加クラスでのマークアップで重複を避けてください
 *****************************************/


/******* 共通 ******/
main{
	min-height:100vh;
}
.aioseo-breadcrumbs{
	font-size:smaller;
}
.w-full{
	width:100%;
}
.w-tablet{
	max-width:768px;
	margin: 0 auto;
}
.float-left{
	float: left;
}
.border-thin{
	border: 1px solid #4c4445;
	border-radius: 4px;
}

/** 枠飾り。影のついた角丸のボックスにします */
.card-shadow {
	padding:8px;
	border: 1px solid rgba(3, 7, 18, 0.02);
	border-radius: 8px;
	/* https://smoothshadows.com/#djEsMSw1LDAuMDgsMTYsMiw0LCMwMzA3MTIsI2YzZjRmNiwjZmZmZmZmLDI%3D */
	box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02),
	  1px 0px 3px rgba(3, 7, 18, 0.03),
	  1px 1px 6px rgba(3, 7, 18, 0.05),
	  3px 1px 10px rgba(3, 7, 18, 0.06),
	  4px 2px 16px rgba(3, 7, 18, 0.08);
}
.card-shadow h2{
	width: calc(100% - 1px);
    margin-left: -9px !important;
    margin-top: -8px !important;
    border-radius: 8px 8px 0px 0px;
}

.michiru_color{
	fill:#fc5f8f;
	background-color:#fc5f8f;
}
.tsukuyo_color{
	fill:#f0befc;
	background-color:#f0befc;
}

/** 見出しの装飾 custom-headingクラス適用で無効化 */
h2:not(.custom-heading) {
	background:#4c4445;
	color:#FFFFFF;
	padding:8px 4px;	
	padding-left: 1rem;
	margin-top:2rem;
}
h3:not(.custom-heading){
	padding-left: 0.5rem;
	border-left: 0.5rem solid #4c4445;
	border-bottom: 1px solid #4c4445;
	margin-block-start:2rem;
}

/******* ページテンプレート ******/

/** ナビゲーション */
.wp-block-navigation__responsive-container-open{
	border: 1px solid #FFF;
    padding: .5rem;
    border-radius: 0.25rem;
	transition-duration:0.3s;
}
.wp-block-navigation__responsive-container-open:hover{
	background-color: #FFF;
    color: var(--wp--preset--color--custom) !important;
}

/** 縦区切り線 */
nav ul li::after {
    content: "|";
    padding: 0px 12px;
    font-size: 1.618rem;
    color: #777777;
}
nav ul li:last-child::after {
    content: none;
}

/** サイドバー */
@media (max-width:959px){
	.sideber-wrap{
		flex-wrap: wrap;
	}
	.aside{
		display: block !important;
		flex-basis: 100%;
		max-width:480px;
	}
}

/******* フロントページ ******/

/** News 新着記事 */
.wp-block-latest-posts__list{
	padding-bottom: 1rem;
}
.wp-block-latest-posts__list li{
	margin-bottom:.5rem;	
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.wp-block-latest-posts__list li a{
	font-size:1rem;
/* 	padding: 0.3rem 0.5rem; */
	text-decoration:none;
	transition-duration:0.3s;
	}
.wp-block-latest-posts__list li a:hover{
	background:#4c4445;
	color:#FFFFFF;
}

/** 重要なお知らせ */
.important_notice summary{
	padding: 4px 8px;
	list-style: none;
	display: flex;
    align-items: center;
	&::after {
		content: "[詳細]";
		font-size:1rem;
		font-weight: bold;
		padding: .5rem 5px;
		margin-inline-start: 5px;
	}
	[open] &::after {
		content: "[閉じる]";
	}
}

.important_notice div > p{
	width:7em;
	font-size: 1rem;
    padding: 6px;
    font-weight: bold;
	border:1px solid #CCCCCC;
}

/** インフォメーション */
.important_notice .notice_info > p{	
    color: #2f2f2f;
    background-color: #96cbf9;
}
.important_notice .notice_info  summary::after{
    background-color: #96cbf9;
    color: #2f2f2f;
}
/** 警告 */
.important_notice .notice_warning > p{	
    color: #000000;
    background-color: #ffb74d;
}
.important_notice .notice_warning  summary{
	border:none;
	border-left:8px solid #ffb74d;
    background-color: #ffb74d;
/* 	border-bottom:1px solid #ffb74d; */
}
/** 危険 */
.important_notice .notice_emergency > p{	
    color: #FFFFFF;
    background-color: #e53935;
}
.important_notice .notice_emergency summary{
	color: #FFFFFF;
    background-color: #e53935; 
}



/** ヘイロー飾り */
.helo_body{
	position:relative;
}
.helo_body .helo_icon{
	position:absolute;
	top:-32px;
	left:-32px;
	width:64px;
	height:64px;
}
.michiru_helo,
.izuna_helo,
.tsukuyo_helo{
	position:relative;
	display: flex;
	align-items: center;
    justify-content: center;
}
.michiru_helo:before,
.izuna_helo:before,
.tsukuyo_helo:before{
	display: inline-block;
	width: 2em;
    height: 2em;
}
.izuna_helo:before{
	content:url("https://ninnin.dojin.com/wp-content/uploads/2025/10/izuna_white.svg");
}
.michiru_helo:before{
	content:url("https://ninnin.dojin.com/wp-content/uploads/2025/10/michiru_white.svg");
}
.tsukuyo_helo:before{
	content:url("https://ninnin.dojin.com/wp-content/uploads/2025/10/tsukuyo_white.svg");	
}

/*******  サークルリスト ******/
/** カード形式の「サークル名」の見出しを消して内容を強調する */
.circle-list-cards .c_0001 .field-label{
	display:none;
}
.circle-list-cards .c_0001 .field-value{
	display:block;
	text-align:center;
	font-weight: bold;
}

.circle-list-cards .c_0005{
	display:none;
}
/** 枠に夜のカラーリングをする */
[data-group="夜"] .card-content{
	background:#4c4445 !important;
}
[data-group="夜"] .card-content span{
	color:#FFFFFF !important;	
}
[data-group="夜"] .card-content .fa-brands{
	color:#FFFFFF !important;	
}

/*******  ギャラリー ******/

/** タブレット未満の幅なら1列表示 */
@media (max-width:767px){
	.gallary-grid{
		grid-template-columns: 1fr;
	}
}