@charset "utf-8";

/* トップページ　バナー枠［イベントカレンダー、優待チケット、展示店］ */
.top-blue-box {
	background: #9ce0f8;
}
@media print,screen and (min-width: 768px) {
	.top-blue-box-inner {
		width: 1100px;
		margin: auto;
		padding: 60px 0 55px;
	}
}
@media (max-width: 767px) {
	.top-blue-box-inner {
		width: 315px;
		margin: auto;
		padding: 30px 0 20px;
	}
}

.top-blue-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
@media print,screen and (min-width: 768px) {
	.top-blue-box ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media print,screen and (min-width: 768px) {
	.top-blue-box li {
		/* banner 3 */
		/* width: 350px;
		margin: 0 0 25px 25px; */

		/* banner 4 */
		width: 270px;
		margin: 0 0 12px 6px;
		padding: 0;
	}
}
@media (max-width: 767px) {
	.top-blue-box li {
		margin: 0 0 13px;
		padding: 0;
	}
}
@media print,screen and (min-width: 768px) {
	/* banner 3 */
	/* .top-blue-box li:nth-of-type(3n+1) {
		margin-left: 0;
	} */

	/* banner 4 */
	.top-blue-box li:nth-of-type(4n+1) {
		margin-left: 0;
	}
}

.top-blue-box li img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}
.top-blue-box li a:hover {
	opacity: 0.7;
}


/* トップページ　特別枠［嘱託員募集］ */
#special-box {
	border: 4px solid #b4e1e5;
	border-radius: 10px;
	padding: 1.8em 1.5em;
	box-sizing: border-box;
}
#special-box p {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
}
@media print,screen and (min-width: 768px) {
	#special-box {
		width: 1100px;
		margin: auto auto 40px;
	}
}
@media (max-width: 767px) {
	#special-box {
		width: 335px;
		margin: auto auto 30px;
	}
}

.category-news .oshirase-btn {
	padding-bottom: 4.0em;
}