@charset "utf-8";
/*
スマホ用サイズは
@media (max-width:1023px){}
*/
/* -----------------------------------------------
 * essential
 * ----------------------------------------------- */
div#general {
	background-color: transparent;
}
/* -----------------------------------------------
 * misc
 * ----------------------------------------------- */
div#general noscript p {
	margin: 20px;
	padding: 10px 15px;
	background-color: #fff;
}
div#general img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 25px;
}
div#general br.sp {
	display: none;
}
@media (max-width:1023px) {
	div#general br.sp {
		display: inline;
	}
}
/* -----------------------------------------------
 * page（スマホのみ）
 * ----------------------------------------------- */
@media (max-width:1023px) {
	div#general div#page {
		width: auto;
		border-left: none;
		border-right: none;
		background-color: transparent;
	}
}
/* -----------------------------------------------
 * navi-main
 * ----------------------------------------------- */
div#general div#navi-main div.row {
	position: relative;
	float: left;
	margin: 5px;
	width: calc(25% - 15px);
	border-radius: 25px;
}
div#general div#navi-main div.row:nth-child(4n+1) {
	clear: both;
}
div#general div#navi-main div.row a {
	display: block;
	margin: 5px 5px 15px 5px;
	text-decoration: none;
	color: #000;
	outline: none;
}
div#general div#navi-main div.row p.image {
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-radius: 25px;
}
div#general div#navi-main div.row p.image img {
	width: 100%;
	height: auto;
}
div#general div#navi-main div.row p.image img:hover {
	transform: scale(1.2, 1.2);
	transition: 1s all;
	opacity: 0.7;
}
div#general div#navi-main div.row h3 {
	text-align: center;
	font-size: 1.1rem;
	font-weight: 700;
	color: #000;
	margin: 0;
	background: #fcfcfc;
}
div#general div#navi-main div.row ul {
	display: none;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 100%;
	z-index: 1;
	background: #fafafa;
}
div#general div#navi-main div.row ul li {
	font-weight: 700;
	border-bottom: 1px solid #ffffff;
}
div#general div#navi-main div.row ul li:last-child {
	border-bottom: none;
}
div#general div#navi-main div.row ul li a {
	padding: 7px 15px 8px 15px;
}
.box11 {
	min-width: 300px;
	/* 紙の横幅 100%にすると全幅表示に */
	width: 70%;
	padding: 15px;
	margin: 2em auto;
	background: #f7f092;
	/* 紙の色 */
	color: #000;
	/* 文字色 */
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.03);
	transform: rotate(2deg);
	word-break: break-all;
}
.box11 p {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
.box11_tape {
	width: 50%;
	height: 35px;
	margin: -25px auto 0;
	background: #989898;
	transform: rotate(-3deg);
	opacity: 0.1;
}
.box11_title {
	text-align: center;
	font-size: 1.3em !important;
	margin-top: 10px !important;
}
.box11_subtitle {
	text-align: center;
	font-size: 0.7em !important;
	margin-bottom: 1em !important;
}
@media (max-width:1023px) {
	div#general div#navi-main div.row {
		width: calc(50% - 10px);
		border-radius: 25px;
	}
	div#general div#navi-main div.row:nth-child {
		clear: none;
	}
	div#general div#navi-main div.row h3 {
		line-height: 1.4em;
		padding: 0px;
	}
	div#general div#navi-main div.row h3 span {
		vertical-align: middle;
		font-size: 80%;
		margin: 0 auto;
	}
	div#general div#navi-main div.row ul {
		top: 100px;
	}
	div#general div#navi-main div.row ul li {
		font-size: 70.71%;
		line-height: 1.4em;
	}
	div#general div#navi-main div.row ul li a {
		padding: 10px;
	}
}
/* -----------------------------------------------
 * ボタン画像（子育て情報）
 * ----------------------------------------------- */
.refine {
	display: block;
	max-width: 1200px;
	margin: 2em auto 4em auto;
	text-align: center;
}
input[name='refine-btn'] {
	display: none;
}
.refine-btn {
	border-radius: 100px;
	display: inline-block;
	border: 1px solid;
	width: 32%;
	padding: 15px;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	margin: 0 0 10px 0;
	font-weight: 700;
	font-size: 20px;
	cursor: pointer;
	font-family: 'Kosugi Maru';
}
input[name='refine-btn']:checked+label {
	filter: brightness(0.8);
}
.refine-btn:hover {
	filter: brightness(1.1);
}
@media (max-width: 768px) {
	.refine-btn {
		width: 49%;
	}
}
@media (max-width: 480px) {
	.refine-btn {
		width: 100%;
		margin: 2px 0;
	}
	input[name='refine-btn']:checked+label {
		margin: 2px 0;
	}
}
a {
	text-decoration: none !important;
}
/* カテゴリカラー */
.ninsin {
	background: #ffd0d0;
	border-color: #ffd0d0;
}
.sigoto {
	background: #fff0a6;
	border-color: #fff0a6;
}
.azukeru {
	background: #cdf3c2;
	border-color: #cdf3c2;
}
.kenkou {
	background: #C9EDFF;
	border-color: #C9EDFF;
}
.mamoru {
	background: #d8d0eb;
	border-color: #d8d0eb;
}
.keizai {
	background: #c0a0ff;
	border-color: #c0a0ff;
}
/* カテゴリボタン 背景画像*/
.bg_all {
	background-image: url(/wp-content/themes/sien/common/img_refine_all.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 10px top 5px;
	background-color: rgba(255, 255, 255, 0.8);
	background-blend-mode: lighten;
}
.bg_ninsin {
	background-image: url(/wp-content/themes/sien/common/img_refine_ninsin.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 10px top 5px;
	background-color: rgba(255, 208, 208, 0.8);
	background-blend-mode: lighten;
}
.bg_sigoto {
	background-image: url(/wp-content/themes/sien/common/img_refine_sigoto.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 10px top 5px;
	background-color: rgba(255, 240, 166, 0.8);
	background-blend-mode: lighten;
}
.bg_azukeru {
	background-image: url(/wp-content/themes/sien/common/img_refine_azukeru.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 10px top 5px;
	background-color: rgba(205, 243, 194, 0.8);
	background-blend-mode: lighten;
}
.bg_kenkou {
	background-image: url(/wp-content/themes/sien/common/img_refine_kenkou.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 10px top 5px;
	background-color: rgba(201, 237, 255, 0.8);
	background-blend-mode: lighten;
}
.bg_mamoru {
	background-image: url(/wp-content/themes/sien/common/img_refine_mamoru.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 10px top 5px;
	background-color: rgba(216, 208, 235, 0.8);
	background-blend-mode: lighten;
}
.bg_keizai {
	background-image: url(/wp-content/themes/sien/common/img_refine_keizai.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 10px top 5px;
	background-color: rgba(192, 160, 255, 0.8);
	background-blend-mode: lighten;
}
/* 絞り込み対象：初期は非表示 */
.refine-teims, .refine-link {
	display: none;
	border-radius: 10px;
	margin: 5px;
	padding: 10px 20px;
	min-width: 150px;
	width: auto;
	text-align: center;
}
.refine-teims:hover {
	filter: brightness(1.03);
}
/* 表示制御（ラジオボタンによる） */
#refine-0:checked~.refine-teims,
#refine-0:checked~.refine-link {
	display: inline-block;
}
#refine-1:checked~.refine-teims.ninsin,
#refine-1:checked~.refine-link.ninsin {
	display: inline-block;
}
#refine-2:checked~.refine-teims.sigoto,
#refine-2:checked~.refine-link.sigoto {
	display: inline-block;
}
#refine-3:checked~.refine-teims.azukeru,
#refine-3:checked~.refine-link.azukeru {
	display: inline-block;
}
#refine-4:checked~.refine-teims.kenkou,
#refine-4:checked~.refine-link.kenkou {
	display: inline-block;
}
#refine-5:checked~.refine-teims.mamoru,
#refine-5:checked~.refine-link.mamoru {
	display: inline-block;
}
#refine-6:checked~.refine-teims.keizai,
#refine-6:checked~.refine-link.keizai {
	display: inline-block;
}
.refine-link:hover {
	color: #000;
}
.refine-tag {
	display: none;
}