@charset "UTF-8";

/*
	施設詳細ページ専用css

*/
a[target="_blank"]:after {
	content: '';
	background-image: url("../img/icon/blank.gif");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: left center;
	font-weight: 900;
	color: #aaa;
	font-size: 0.825em;
	width: 2em;
	height: 1em;
	margin-left: 0.5em;
	display: inline-block;
}
a[target="_blank"]:after {
	
}
a[target="_blank"].icon-none:after,
.addtoany_list a:after {
	content: none;
}
/* -----------------------------------------------
 snsシェアボタン
-------------------------------------------------- */
.kiji--sns-share a[target="_blank"]:after{
	content: none;
}
.kiji--sns-share{
	padding: 1rem 0;
}
/* -----------------------------------------------
 施設名、写真、フリースペース
--------------------------------------------------*/
.p-title {
	margin-top: 2.375rem;
	font-size: 1.75rem;
}
/* .p-title + .p-kana {
	margin-top: 0.6875rem;
} */
.p-id {
	text-align: right;
}
.p-kana {
	font-size: 0.875rem;
	color: #aaa;
}
.p-kana + .p-thumbnail {
	margin-top: 2.25rem;
}
.p-thumbnail {
	max-width: 80%;
	height: auto;
	border: 2px solid #fff;
	margin: 0 auto;
}
.p-thumbnail + .p-freespace {
	margin-top: 3.375rem;
}
.p-kana + .p-freespace {
	margin-top: 1.75rem;
}
.carousel + .p-freespace{
	margin-top: 1.75rem;
}

.p-freespace {
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 1.5rem 2.125rem;
}
.p-freespace p + p {
	margin-top: 0.75rem;
}

.p-img{
	margin-bottom: 1rem;
}

.p-img img{
    height: auto;
    width: 500px;
    max-width: 100%;
	margin: 0 auto;
	display: block;
}

.p-kana + .p-img{
	margin-top: 1rem;
}

/* -----------------------------------------------
 お知らせ
--------------------------------------------------*/
.topics {
	margin: 2.25rem 0;
}
.topics div.inner {
	/* display: flex;
	justify-content: space-between; */
	max-width: 100%;
}
.topics-header {
	width: calc(40% - 3rem);
	text-align: right;
}
.topics-title {
	color: #444;
	border:none;
	font-size: 1.125rem;
	letter-spacing:0;
	padding: 0;
	background: none;
	padding-bottom: 1rem;
}
.topics-title-area + .topics-more {
	margin-top: 1.25rem;
}
.topics-more a {
	font-size: 0.875rem;
	font-weight: bold;
	color: #666;
	border: solid 1px #999;
	padding: 0.875rem 2rem 0.875rem 2.5rem;
	text-decoration: none;
	transition-property: all;
	transition: 0.2s linear;
	background-color: #fff;
	display: inline-block;
	background-image: url("../img/icon/arrow-right.png");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	background-position: left 1rem center;
}
.topics-more a:hover {
	border: solid 1px #ccc;
	background-color: #f0f0f0;
}
.topics-main {
	width: 70%;
}
.topics-list-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
	line-height: 1.5rem;
}
.topics-list-item:last-child {
	margin-bottom: 0;
}
.topics-list-item time {
    width: 10rem;
    white-space: nowrap;
    color: #392926;
}
.topics-list-title {
	width: calc(100% - 8rem - 1rem);
}
.topics-list-title a {
	color: #333;
	text-decoration: underline;
}
.topics-list-title a:hover {
	text-decoration: none;
}
/* -----------------------------------------------
 お店・施設のデータ
--------------------------------------------------*/
.p-kana + .p-info-title {
	margin-top: 2.25rem;
}
.p-freespace + .p-info-title {
	margin-top: 3rem;
}

.p-info-title {
	font-size: 1.125rem;
}
.p-info-table {
	border-top: 1px solid #9cb5ac;
	width: 100%;
}
.p-info-title + .p-info-table {
	margin-top: 1rem;
}
.p-info-table th,
.p-info-table td {
	padding: 1rem;
	border-bottom: 1px solid #9cb5ac;
	line-height: 1;
}
.p-info-table th {
	font-weight: bold;
	background-color: #cee9df;
	width: 20%;
}
.p-info-table td a {
	color: var(--mainColor);
	overflow-wrap: anywhere;
}

.p-info-table + .p-service-title {
	margin-top: 4.5rem;
}
/* -----------------------------------------------
 子育て応援サービス情報
--------------------------------------------------*/
.p-service-title {
	font-size: 1.125rem;
}
.p-service-title + .p-service-box {
	margin-top: 1.125rem;
}
.p-service-box {
	background-color: #fff;
	padding: 1.875rem;
	display: flex;
	justify-content: space-between;
}
.p-service-box + .p-service-box {
	margin-top: 2rem;
}
.p-service-box-header {
	width: 30%;
	text-align: right;
}
.p-service-box-header-title {
	font-size: 1.125rem;
}
.p-service-box-main {
	width: calc(70% - 3.375rem);
}
.p-service-list li {
	font-size: 0.875rem;
	display: flex;
	justify-content: flex-start;
}
.p-service-list li + li {
	margin-top: 0.75rem;
}
.p-service-list-icon {
	display: flex;
	align-items: center;
}
.p-service-list-icon img {
	max-width: 1rem;
	max-height: auto;
}
.p-service-list-text {
	padding-left: 1rem;
}
.p-service-list + .p-service-freespace {
	border-top: 1px dashed #707070;
	margin-top: 1.5rem;
}
.p-service-freespace {
	font-size: 0.875rem;
	padding-top: 1.5rem;
}
.p-service-freespace p + p {
	margin-top: 0.5rem;
}
.p-service-box + .p-service-title {
	margin-top: 3.5rem;
}
/* -----------------------------------------------
 Googleマップ
--------------------------------------------------*/
.p-service-title + .p-service-map {
	/*margin-top: 1.3125rem;*/
}
.p-service-map {
	margin-top: 1.3125rem;
	background-color: #fff;
	padding: 2.5rem 2.25rem;
}
.p-service-map-inner {
	
}
/* -----------------------------------------------
 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) {
	.icon-list dd {
		width: calc(50% - 2rem);
	}
	.result-box {
		width: 100%;
	}
	.pagination span, .pagination a, 
	.pagination .current {
		padding: 0.25rem 0.5rem;
	}
}

/* -----------------------------------------------
 768px以下（tablet）
-------------------------------------------------- */
 @media screen and (max-width: 768px) {

}

/* -----------------------------------------------
smartPhone
-------------------------------------------------- */
@media (max-width: 576px) {
	
	/*----施設名、写真、フリースペース----*/
	.p-kana + .p-thumbnail {
		margin-top: 1.25rem;
	}
	.p-thumbnail + .p-freespace {
		margin-top: 1.75rem;
	}
	.p-freespace {
		font-size: 1.125rem;
		padding: 1.125rem;
	}
	
	/*----お知らせ----*/
	.topics div.inner {
		flex-wrap: wrap;
		width: 100%;
	}
	.topics-header, 
	.topics-main {
		width: 100%;
	}
	.topics-header,
	.topics-title {
		text-align: left;
	}
	.topics-title {
		font-size: 1.3rem;
	}
	.topics-title-area + .topics-more {
		margin-top: 0.75rem;
	}
	.topics-more a {
		background-position: left 0.5rem center;
		padding: 0.5rem 0.5rem 0.5rem 2rem;
	}
	.topics-header + .topics-main {
		margin-top: 0.75rem;
	}
	.topics-list-item {
		margin-bottom: 0.5rem;
	}
	
	/*----お店・施設のデータ----*/
	.p-info-title {
		font-size: 1.3rem;
	}
	.p-info-table th, .p-info-table td {
		padding: 0.5rem 0.75rem;
	}
	.p-info-table th {
		width: 25%;
	}
	
	/*----子育て応援サービス情報----*/
	.p-service-title {
		font-size: 1.3rem;
	}
	.p-service-box {
		flex-wrap: wrap;
	}
	.p-service-box-header {
		text-align: left;
	}
	.p-service-box-header, 
	.p-service-box-main {
		width: 100%;
	}
	.p-service-box-header + .p-service-box-main {
		margin-top: 1rem;
	}
	.p-service-box-header-title {
		font-size: 1.3rem;
	}
	.p-service-list li,
	.p-service-freespace {
		font-size: 1.125rem;
	}
	
	/*----Googleマップ----*/
	.p-service-map {
		padding: 0;
	}
}
/* -----------------------------------------------
 印刷
-------------------------------------------------- */
@media print {
}