@charset "UTF-8";

/*
	検索ページ専用css

*/

/* -----------------------------------------------
 search
-------------------------------------------------- */
.s-box + .s-box {
	margin-top: 2rem;
}
.s-form {
	width: 100%;
}

/*全ボタンの共通スタイル*/
.s-btn-mini:hover,
.s-btn-all:hover, 
.s-btn-all-reset:hover {
	cursor: pointer;
}
.s-btn-mini, 
.s-btn-all, 
.s-btn-all-reset {
	color: #fff;
	border: none;
	min-height: 3.437rem;
	font-family: 游ゴシック, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, Arial, メイリオ, Meiryo, sans-serif;
}


/*虫眼鏡アイコンのあるボタン*/
.s-btn-mini, 
.s-btn-all {
	background-image: url("../img/icon/search-white.png");
	background-repeat: no-repeat;
	position: relative;
}


/*キーワード欄のボタン*/
.s-btn-mini {
	background-size: 1.875rem 1.875rem;
	background-color: var(--accentOrange);
}
.s-btn-mini:hover {
	background-color: red;
}
.s-btn-mini {
	background-position: center center;
	width: 4.1875rem;
}
/*-すべての条件で探す,検索条件をリセット-*/
.search-btn-area {
	margin-top: 2rem;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.search-btn-area+.search-btn-area {
	margin-top: 0;
}
.s-btn-all,
.s-btn-all-reset {
	width: calc(50% - 2rem);
	margin: 1rem;
	font-size: 1.25rem;
	font-weight: bold;
	display: block;
}
/*すべての条件で探す*/
.s-btn-all {
	background-color: var(--mainColor);
	background-size: 2rem 2rem;
	background-position:left 1.75rem center;
	padding: 1.5rem 2rem;
	color:#fff;
	box-shadow: var(--btn-shadow);
	border-radius: 5px;
	font-family: "Shippori Mincho", serif;
	border: solid 1px #032b17;
}
.s-btn-all:hover {
	background-color:#075730;
}

/*検索条件をリセット*/
.s-btn-all-reset {
	background-image: url("../img/icon/delete.png");
	background-repeat: no-repeat;
	background-position:  left 1.5rem center;
	background-size: 1.125rem 1.125rem;
	padding: 1.5rem 1.5rem;
	background-color: #ececec;
	color: var(--baseBlack);
	box-shadow: var(--btn-shadow);
	border-radius: 5px;
	font-family: "Shippori Mincho", serif;
	border: solid 1px #cfcfcf;
}
.s-btn-all-reset:hover {
	background-color: #dfdddd;
}

/*------キーワードを入力------*/
.search-btn-area+.s-keyword  {
	margin-top: 2rem;
}
.s-keyword {
	display: flex;
	align-items: center;
}
.s-keyword-box {
	font-size: 1.25rem;
	padding: 0.5rem 0.75rem;
	height: 2.1275rem;
}
.s-keyword-layout {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.s-keyword-layout dt {
	font-weight: bold;
	width: 10rem;
	font-size: 1.12rem;
}
.s-keyword-layout dd {
	width: calc(100% - 10rem);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.s-keyword-box {
	width: 100%;
}
/*-------アコーディオン部分装飾----*/
.ac-box {
	background-color: #fff;
}
.ac-switch {
	font-weight: bold;
	padding: 1.5rem 2rem;
	color: #333;
	text-decoration: none;
	border-left: 8px solid #fbce89;
}
.ac-switch.toggle {
	display: block;
}
.ac-switch:hover {
	cursor: pointer;
}
.ac-title {
	font-size: 1.2222222222222rem;
}
.ac-second {
	padding: 1rem 2rem 1.5rem 2rem;
}
.s-box:nth-child(even) .ac-switch{ 
	border-left: 8px solid #99c9b7;
}
/*-------アコーディオン動作-----*/
.s-box .accordion {
	width: 100%;
	margin: 0 auto;
	box-shadow: var(--btn-shadow);
}
.s-box .accordion > ul > li > a {
	position: relative;
}
.ac-switch.toggle {
	background-image: url("../img/icon/arrow-down.png");
	background-repeat: no-repeat;
	background-size: 0.8rem auto;
	background-position: right 1rem center;
}
.ac-switch.toggle.active {
	background-image: url("../img/icon/arrow-up.png");
}
.ac-second { /*アコーディオンの開閉部分*/
	/*display: none;*//*標準で開いている状態にする*/
}
a.toggle.active .ac-second {
	display: block;
	transition: transform 1s ease, opacity 0.9s ease;
}
/* チェックボックスのサイズ */
.ac-second input[type=checkbox] {
	transform: scale(1.5);
  }

/*------検索カテゴリの共通パーツ---*/
.s-box--category-list  {
	display: flex;
	flex-wrap: wrap;
}
.s-box--category-list li {
	padding: 0.5rem 1.5rem 0.5rem 0.25rem;
	display: flex;
    align-items: center;
	gap: 5px;
    align-content: center;
}
.s-box--category-list li:hover,
.s-box--category-list li:hover label {
	cursor: pointer;
}
.s-box--category-list li:hover {
	
	background-color: rgb(255 246 219);
}
.s-box:nth-child(even) .s-box--category-list li:hover {
	background-color: #dfefe9;
}
/*------活動内容から探す------*/

/*------活動エリアから探す------*/
.s-area-list--midashi {
	font-size: 0.875rem;
	padding: 0.25rem 1rem 0.25rem 0.5rem;
	border-left: 6px solid #eee;
}
li+.s-area-list--midashi {
	margin-top: 1rem;
}
/*------対象から探す------*/

/*------参加形態から探す------*/


/*------子育て応援サービス------*/
.ac-title-second {
	font-size: 1rem;
}
.s-katudoubi-time-layout {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.s-yasashii, 
.s-honobono, 
.s-otoku, 
.s-joho {
	width: calc(50% - 1rem);
	margin-bottom: 2rem;
}
.s-yasashii-list, 
.s-honobono-list, 
.s-otoku-list, 
.s-joho-list {
	margin-top: 1rem;
}
.s-yasashii-list li,
.s-honobono-list li, 
.s-otoku-list li, 
.s-joho-list li {
	padding: 0.25rem 1rem 0.25rem 2rem;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.s-yasashii-list-all, 
.s-honobono-list-all, 
.s-otoku-list-all, 
.s-joho-list-all {
	background-color: #eee;
}
.s-yasashii-list li + li, 
.s-honobono-list li + li, 
.s-otoku-list li + li, 
.s-joho-list li + li {
	margin-top: 0rem;
}
.s-yasashii-list li input, 
.s-honobono-list li input, 
.s-otoku-list li input, 
.s-joho-list li input {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0.5rem;
}
.s-yasashii-list li label, 
.s-honobono-list li label, 
.s-otoku-list li label, 
.s-joho-list li label {
	width: 100%;
}
.s-yasashii-list li label:hover, 
.s-honobono-list li label:hover, 
.s-otoku-list li label:hover, 
.s-joho-list li label:hover {
	cursor: pointer;
	opacity: 0.6;
}
.s-yasashii-list + .s-btn-long {
	margin-top: 1.25rem;
}




/* -----------------------------------------------
 height 700px以下, width 991px以下
-------------------------------------------------- */
@media (max-height: 700px), (max-width: 991px) {

}

/* -----------------------------------------------
 1280px以下
-------------------------------------------------- */
@media screen and (max-width: 1280px) {

}

/* -----------------------------------------------
 1086px以下
-------------------------------------------------- */
@media screen and (max-width: 1086px) {
}

/* -----------------------------------------------
 991px以下
-------------------------------------------------- */

@media screen and (max-width: 991px) {

}

/* -----------------------------------------------
 768px以下（tablet）
-------------------------------------------------- */

 @media screen and (max-width: 768px) {
	.s-btn-all,
	.s-btn-all-reset {
		width: 100%;
	}
}

/* -----------------------------------------------
smartPhone
-------------------------------------------------- */
@media (max-width: 576px) {
	.s-yasashii, .s-honobono, .s-otoku, .s-joho {
		width: 100%;
	}
	.pagetitle-area .inner {
		width: 100%;
	}
	.pagetitle-search {
		width: 70%;
		font-size: 1.35rem;
		padding: 1.5rem 1.625rem;
	}
	/*----キーワードを入力----*/
	.s-keyword-layout {
		flex-wrap: wrap;
	}
	.s-keyword-layout dt, 
	.s-keyword-layout dd {
		width: 100%;
	}
	.s-keyword-layout dt {
		padding-bottom: 0.75rem;
	}
	.s-keyword-box {
		width: 100%;
	}
	/*----xxxから探す----*/
	.ac-title {
		font-size: 1.3rem;
	}
	.ac-switch {
		padding: 1rem 2.5rem 1rem 1.5rem;
	}
	.ac-title-second {
		font-size: 1.2rem;
	}
	.s-box + .s-box {
		margin-top: 2.5rem;
	}
	.ac-second {
		padding: 1rem 1.5rem;
	}
	.s-btn-long {
		font-size: 1rem;
		background-position: left 1rem center;
		padding: 0.5rem 1.25rem 0.5rem 3rem;
	}
	/*----郵便番号で探す----*/
	.s-postal-layout {
	}
	.s-postal-box {
		width: calc(100% - 4.1875rem - 3rem);
		margin: 0 0.5rem;
	}
}
/* -----------------------------------------------
 印刷
-------------------------------------------------- */
@media print {
}