@charset "utf-8";

/* ========================================================================================================================/
	
	Document:pist_db.css (八戸)

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	layout
/------------------------------------------------------------------------------------------------------------------------ */
#page-meta {
	height:auto !important;
	}

h2 {
	position:relative !important;
	top:0 !important;
	left:0 !important;
	display:block !important;
	margin:30px 0 !important;
	padding:0 0 10px 0 !important;
	}

.flex_wrapper {
	display:flex;
	flex-direction:row-reverse;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	width:100%;
	margin:0 auto 50px auto;
	}

@media screen and (max-width:1100px) {
.flex_wrapper {
	flex-direction:column-reverse;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------/
	search
/------------------------------------------------------------------------------------------------------------------------ */
.search {
	flex-basis:330px;
	box-sizing:border-box;
	background:#ffffff;
	border:3px solid #dddddd;
	padding:20px;
	}
	.search label.more_button {
		display:none;
		}

@media screen and (max-width:1100px) {
.search {
	flex-basis:100%;
	}
}
@media screen and (max-width:750px) {
.search {
	position:relative;
	}
	.search form {
		position:relative;
		max-height:1000px;
		margin-bottom:10px;
		overflow:hidden;
		transition:max-height 1s;
		}
	.search label.more_button:has(:checked)+form {
		max-height:100% !important;
		}
	.search form::after {
		content:'';
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:calc(100% - 644px);
		background:-webkit-linear-gradient(
			hsla(0,0%,100%,0) 0%,
			hsla(0,0%,100%,0.5) 50%,
			hsla(0,0%,100%,0.9) 100%,
			#ffffff);
		background:-o-linear-gradient(
			hsla(0,0%,100%,0) 0%,
			hsla(0,0%,100%,0.5) 50%,
			hsla(0,0%,100%,0.9) 100%,
			#ffffff);
		background:linear-gradient(
			hsla(0,0%,100%,0) 0%,
			hsla(0,0%,100%,0.5) 50%,
			hsla(0,0%,100%,0.9) 100%,
			#ffffff);
		z-index:8;
		}
	.search label.more_button:has(:checked)+form::after {
		content:none;
		}
	.search label.more_button {
		position:absolute;
		bottom:50px;
		left:50%;
		transform:translateX(-50%);
		display:block;
		width:500px;
		color:#ffffff;
		font-size:100%;
		text-align:center;
		box-sizing:border-box;
		/*background:#8ec31f;*/
		background:#aaaaaa;
		border:none;
		border-radius:1.5em;
		padding:20px;
		cursor:pointer;
		transition:0.25s;
		z-index:9;
		}
	.search label.more_button:has(:checked) {
		display:none;
		}
	.search label.more_button::after {
		content:'';
		position:relative;
		top:-3px;
		left:15px;
		display:inline-block;
		width:15px;
		height:10px;
		background:#ffffff;
		clip-path:polygon(0 0,100% 0,50% 100%);
		}
		.search label.more_button input {
			display:none;
			}
}

/* エリア画像 */
	.search .subject {
		color:#8ec31f;
		font-size:137.5%;
		font-weight:bold;
		border-bottom:1px solid #dddddd;
		margin:0 0 20px 0;
		padding-bottom:.25em;
		}

	.search .areamap {
		order:1;
		width:100%;
		margin:0 0 20px 0;
		}
		.search .areamap img {
			display:block;
			width:100%;
			height:auto;
			transition:.2s all;
			}

/* エリア・設備検索 */
	.search dl.button_search.area,
	.search dl.button_search.setubi  {
		width:100%;
		box-sizing:border-box;
		margin:0 0 20px 0;
		padding:0;
		}
		.search dl.button_search.area dt,
		.search dl.button_search.setubi dt {
			margin:0 0 15px 0;
			padding:0;
			}
		.search dl.button_search.area dd,
		.search dl.button_search.setubi dd {
			font-size:100%;
			margin:0;
			padding:0;
			}
			.search dl.button_search.setubi dd dl {
				margin:0;
				}
			.search dl.button_search.setubi dd dl dt {
				font-size:100% !important;
				font-weight:bold;
				margin:15px 0 5px 0;
				padding:0;
				}
			.search dl.button_search.setubi dd dl dt:nth-of-type(1) {
				margin:0 0 5px 0;
				}

/* ボタン群 */
			.search dl.button_search dd ul {
				margin:0;
				padding:0;
				list-style:none;
				}
				.search dl.button_search dd ul li {
					display:block;
					width:100%;
					box-sizing:border-box;
					position:relative;
					transition:.2s;
					margin:10px 0 0 0;
					padding:0;
					}
				.search dl.button_search dd ul li:nth-of-type(1) {
					margin:0;
					}
					.search dl.button_search dd ul li label {
						position:relative;
						box-sizing:border-box;
						display:block;
						width:100%;
						font-size:100%;
						text-align:left;
						background:#ffffff;
						border:1px solid #dddddd;
						padding:.75em 1em;
						cursor:pointer;
						overflow:hidden;
						z-index:2;
						}
					.search dl.button_search dd ul li label:hover {
						background:#f7ffe8;
						border:1px solid #8ec31f;
						}
					.search dl.button_search dd ul li input {
						order:1;
						position:absolute;
						right:0;
						top:50%;
						visibility:hidden;
						width:40px;
						height:40px;
						cursor:pointer;
						z-index:2;
						transform:translateY(-50%);
						}
					.search dl.button_search dd ul li input:checked ~ label {
						color:#ffffff;
						background:#8ec31f;
						border:1px solid #8ec31f;
						}
						.search dl.button_search dd ul li label span {
							display:block;
							color:#333333;
							font-size:87.5%;
							padding:5px 0 0 0;
							}
						.search dl.button_search dd ul li input:checked ~ label span {
							color:#ffffff;
							}
/* 売買建物のみ初期状態で設備項目を隠す */
	.search .setubi_container {
		position:relative;
		margin:0;
		}
	.search dl.setubi {
		position:relative;
		max-height:250px;
		overflow:hidden;
		transition:max-height 1s;
		}
		.search .setubi_container label.setubi_more_button:has(:checked)+dl.setubi {
			max-height:100% !important;
			}
		.search .setubi_container dl.setubi::after {
			content:'';
			display:block;
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			height:250px;
			background:-webkit-linear-gradient(
				hsla(0,0%,100%,0) 0%,
				hsla(0,0%,100%,0.5) 50%,
				hsla(0,0%,100%,0.9) 100%,
				#ffffff);
			background:-o-linear-gradient(
				hsla(0,0%,100%,0) 0%,
				hsla(0,0%,100%,0.5) 50%,
				hsla(0,0%,100%,0.9) 100%,
				#ffffff);
			background:linear-gradient(
				hsla(0,0%,100%,0) 0%,
				hsla(0,0%,100%,0.5) 50%,
				hsla(0,0%,100%,0.9) 100%,
				#ffffff);
			z-index:8;
			}
		.search .setubi_container label.setubi_more_button:has(:checked)+dl.setubi::after {
			content:none;
			}
		.search .setubi_container label.setubi_more_button {
			position:absolute;
			bottom:0;
			left:50%;
			transform:translateX(-50%);
			display:block;
			width:85%;
			color:#ffffff;
			font-size:100%;
			text-align:center;
			box-sizing:border-box;
			/*background:#8ec31f;*/
			background:#aaaaaa;
			border:none;
			border-radius:1.5em;
			padding:10px;
			cursor:pointer;
			transition:0.25s;
			z-index:9;
			}
		.search .setubi_container label.setubi_more_button:has(:checked) {
			display:none;
			}
		.search .setubi_container label.setubi_more_button::after {
			content:'';
			position:relative;
			top:-3px;
			left:10px;
			display:inline-block;
			width:10px;
			height:5px;
			background:#ffffff;
			clip-path:polygon(0 0,100% 0,50% 100%);
			}
			.search .setubi_container label.setubi_more_button input {
				display:none;
				}
@media screen and (max-width:1100px) {
			.search dl.button_search dd ul {
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-content:stretch;
				gap:10px;
				width:100%;
				}
				.search dl.button_search dd ul li {
					display:flex;
					flex-basis:calc(50% - 5px);
					flex-direction:column;
					margin:0;
					}
					.search dl.button_search dd ul li label {
						display:flex;
  						flex:1 auto;
						flex-direction:column;
						justify-content:center;
						}

		.search .setubi_container label.setubi_more_button {
			width:50%;
			}
}
@media screen and (max-width:750px) {
				.search .button_search.area dd ul li {
					width:100%;
					display:block !important;
					flex-basis:auto !important;
					}
					.search .button_search.area dd ul li label {
						display:block !important;
						}

		.search .setubi_container label.setubi_more_button {
			display:none;
			}
		.search .setubi_container dl.setubi {
			max-height:100% !important;
			}
		.search .setubi_container dl.setubi::after {
			content:none;
			}
}

	.search dl.other_search {
		width:100%;
		margin:0 0 20px 0;
		}
		.search dl.other_search dt {
			font-weight:bold;
			margin:15px 0 5px 0;
			padding:0;
			}
		.search dl.other_search dt:nth-of-type(1) {
			margin:0 0 5px 0;
			}
		.search dl.other_search dd {
			margin:0;
			padding:0;
			}
			.search dl.other_search .searchbox {
				width:100%;
				margin-bottom:1em;
				}
				.search dl.other_search .searchbox p {
					font-weight:bold;
					margin-top:0;
					margin-bottom:.5em;
					}
				.search dl.other_search .searchbox input[type="text"],
				.search dl.other_search .searchbox select {
					box-sizing:border-box;
					border:1px solid #cccccc;
					border-radius:3px;
					padding:.5em;
					}
				.search dl.other_search .searchbox .ip-harf { width:calc(50% - 2.5em); }
				.search dl.other_search .searchbox .ip-full { width:100%; }
		.search dl.other_search .note {
			color:#cd1e21;
			font-size:72.5%;
			}

	.search ul.submit {
		width:100%;
		margin:0 auto;
		padding:10px 0 0 0;
		list-style:none;
		}
		.search ul.submit li {
			width:100%;
			}
		.search ul.submit li:nth-of-type(2) {
			text-align:right;
			}
			.search ul.submit li:nth-of-type(1) input {
				box-sizing:border-box;
				width:100%;
				color:#ffffff;
				font-size:100%;
				text-align:center;
				background:#8ec31f url("../pist_db_include/image/ic_search.png") no-repeat border-box calc(50% - 6em) calc(50%) / 24px 24px;
				border:none;
				border-radius:1.5em;
				padding:1em 10px 1em 30px;
				cursor:pointer;
				transition:0.25s;
				}
			.search ul.submit li:nth-of-type(2) input {
				box-sizing:border-box;
				font-size:100%;
				text-decoration:underline;
				background:none;
				border:none;
				margin:20px 0 0 0;
				cursor:pointer;
				}
			.search ul.submit li:nth-of-type(2) input:hover {
				color:#ff9900;
				}
@media screen and (max-width:1000px) {
	.search ul.submit {
		width:100%;
		padding:10px 0 0 0;
		}
}
@media screen and (max-width:750px) {
	.search ul.submit {
		padding:25px 0 0 0;
		}
		.search ul.submit li {
			float:none;
			width:100%;
			font-size:112.5%;
			}
		.search ul.submit li:first-child {
			margin-right:0;
			margin-bottom:1em;
			}
		.search ul.submit li:nth-of-type(2) {
			margin-bottom:1em;
			}
}


/* ------------------------------------------------------------------------------------------------------------------------/
   pist_db_list
/------------------------------------------------------------------------------------------------------------------------ */
.flex_contents {
	flex:1;
	margin:0 20px 0 0;
	padding:0;
	}
@media screen and (max-width:1100px) {
.flex_contents {
	width:100%;
	margin:0;
	}
}

/* 物件無し */
	.flex_contents .nohit {
		text-align:center;
		font-size:112.5%;
		}

/* 一覧上部情報 */
	.flex_contents .contents_head {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content:flex-start;
		width:100%;
		margin:0 0 20px 0;
		}
		.flex_contents .contents_head .hit {
			flex:1;
			margin:5px 20px 0 0;
			}
			.flex_contents .contents_head .hit b { color:#ef233c; }
		.flex_contents .contents_head .sort {
			flex-basis:120px;
			border:1px solid #cccccc;
			margin:0;
			padding:.5em;
			cursor:pointer;
			}

/* ページャー */
	.flex_contents ol.pager {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:flex-start;
		align-content:flex-start;
		gap:10px;
		width:100%;
		margin:0 0 20px 0;
		padding:0;
		list-style:none;
		}
	.flex_contents ol.pager:after {
		display:none;
		}
		.flex_contents ol.pager li.stay,
		.flex_contents ol.pager li a {
			position:relative;
			box-sizing:border-box;
			width:2.75em;
			line-height:35px;
			text-align:center;
			}
		.flex_contents ol.pager li.stay {
			color:#ffffff;
			font-weight:bold;
			background:#8ec31f !important;
			border:3px solid #8ec31f !important;
			}
		.flex_contents ol.pager li a {
			display:block;
			color:#282828;
			text-decoration:none;
			background:#e6e6e6;
			border:3px solid #e6e6e6;
			}
		.flex_contents ol.pager li a:hover {
			color:#282828 !important;
			background:#e6e6e6 !important;
			border:solid 3px #8ec31f !important;
			}
@media screen and (max-width:750px) {
	.flex_contents ol.pager {
		padding:20px 0;
		}
		.flex_contents ol.pager li.stay,
		.flex_contents ol.pager li a {
			line-height:55px;
			}
}

/* 物件ボックス */
	.flex_contents a.contents_list {
		position:relative;
		display:block;
		box-sizing:border-box;
		width:100%;
		color:#000000;
		text-align:left;
		text-decoration:none;
		background:#ffffff;
		border:3px solid #dddddd;
		margin-bottom:20px;
		padding:20px;
		}
	.flex_contents a.contents_list:hover {
		color:#000000;
		background:#f7ffe8;
		border:3px solid #8ec31f;
		}
		.flex_contents a.contents_list article {
			max-width:100%;
			margin:0;
			padding:0;
			}

			.flex_contents a.contents_list article dl.inner {
				display:grid;
				grid-template-columns:300px auto;
				grid-template-rows:min-content 1fr;
				gap:20px;
				grid-template-areas: 
    			"areaA areaB"
    			"areaA areaC";
				margin:0 0 20px 0;
				}

/* 物件サムネイル */
				.flex_contents a.contents_list article dl.inner > dt {
					grid-area:areaA;
					grid-template-rows:100px 50px;
					position:relative;
					object-fit:cover;
					display:block;
					width:100%;
					max-width:300px;
					max-height:225px;
					margin:0;
					overflow:hidden;
					z-index:1;
					}
					.flex_contents a.contents_list article dl.inner > dt img {
						position:relative;
						display:block;
						object-fit:cover;
						width:auto;
						height:auto;
						max-width:100%;
						min-height:225px;
						z-index:1;
						}
					.flex_contents a:hover.contents_list article dl.inner > dt img {
						}

/* 物件情報テキスト */
				.flex_contents a.contents_list article dl.inner > dd:nth-of-type(1) {
					grid-area:areaB;
					}
				.flex_contents a.contents_list article dl.inner > dd:nth-of-type(2) {
					grid-area:areaC;
					}
				.flex_contents a.contents_list article dl.inner > dd {
					grid-template-rows:100px 50px;
					position:relative;
					margin:0;
					}
				.flex_contents a.contents_list article dl.inner > dd:first-of-type {
					display:flex;
					flex-direction:column;
					flex-wrap:nowrap;
					justify-content:flex-start;
					align-items:flex-start;
					align-content:flex-start;
					}
@media screen and (max-width:750px) {
			.flex_contents a.contents_list article dl.inner {
				grid-template-columns:290px auto;
				grid-template-rows:min-content 1fr;
				grid-template-areas: 
    			"areaB areaB"
    			"areaA areaC";
				}
				.flex_contents a.contents_list article dl.inner > dt {
					max-width:290px;
					max-height:217px;
					}
					.flex_contents a.contents_list article dl.inner > dt img {
						max-width:100%;
						min-height:217px;
						}
}

/* コメント */
					.flex_contents a.contents_list article dl.inner > dd .comment {
						order:1;
						width:100%;
						color:#8ec31f;
						font-size:120%;
						font-weight:bold;
						text-align:left;
						margin:-5px 0 10px 0;
						}

/* 所在地 */
					.flex_contents a.contents_list article dl.inner > dd h2.address {
						order:2;
						position:static !important;
						top:auto !important;
						left:auto !important;
						display:inline-block !important;
						width:100%;
						font-size:110%;
						font-weight:normal;
						text-align:left;
						margin:-5px 0 0 0 !important;
						padding:0 !important;
						}

/* 詳細情報 */
					.flex_contents a.contents_list article dl.inner > dd ul.detail {
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:flex-start;
						align-items:flex-start;
						align-content:flex-start;
						margin:0;
						padding:0;
						list-style:none;
						}
						.flex_contents a.contents_list article dl.inner > dd ul.detail li {
							flex-basis:50%;
							display:block;
							color:#3a3a3a;
							margin:0 0 10px 0;
							}
						.flex_contents a.contents_list article dl.inner > dd ul.detail li:nth-of-type(1) {
							flex-basis:100%;
							}
							.flex_contents a.contents_list article dl.inner > dd ul.detail li dl {
								display:flex;
								flex-direction:row;
								flex-wrap:wrap;
								justify-content:space-between;
								align-items:flex-start;
								align-content:flex-start;
								width:100%;
								margin:0;
								}
								.flex_contents a.contents_list article dl.inner > dd ul.detail li dl > dt {
									flex-basis:6em;
									color:#ffffff;
									text-align:center;
									background-color:#ff9900;
									margin:0 10px 0 0;
									padding:2px 10px;
									}
								.flex_contents a.contents_list article dl.inner > dd ul.detail li dl > dd {
									flex:1;
									text-align:left;
									margin:0;
									padding:3px 0;
									}
								.flex_contents a.contents_list article dl.inner > dd ul.detail li dl > dd.price {
									color:#ef233c;
									font-size:120%;
									font-weight:bold;
									padding:0;
									}

@media screen and (min-width:1100px) and (max-width:1200px) {
						.flex_contents a.contents_list article dl.inner > dd ul.detail li {
							flex-basis:100%;
							}
}
@media screen and (min-width:850px) and (max-width:1100px) {
						.flex_contents a.contents_list article dl.inner > dd ul.detail li {
							flex-basis:50%;
							}
}
@media screen and (max-width:850px) {
						.flex_contents a.contents_list article dl.inner > dd ul.detail li {
							flex-basis:100%;
							}
}

/* その他情報(アイコン) */
					.flex_contents a.contents_list article dl.inner > dd ul.option {
						margin:10px 0 0 0;
						padding:0;
						list-style:none;
						}
						.flex_contents a.contents_list article dl.inner > dd ul.option li {
							display:block;
							color:#3a3a3a;
							margin:0 10px 10px 0;
							}
						.flex_contents a.contents_list article dl.inner > dd ul.option li.movie-icon {
							display:inline-flex;
							align-items:center;
							color:#c00d0d;
							font-size:92.5%;
							background:#ffffff;
							border:1px solid #c00d0d;
							border-radius:.5em;
							padding:.25em .5em;
							}
						.flex_contents a.contents_list article dl.inner > dd ul.option li.theta-icon {
							display:inline-flex;
							align-items:center;
							color:#449fbe;
							font-size:92.5%;
							background:#ffffff;
							border:1px solid #449fbe;
							border-radius:.5em;
							padding:.25em .5em;
							}
							.flex_contents a.contents_list article dl.inner > dd ul.option li.movie-icon img,
							.flex_contents a.contents_list article dl.inner > dd ul.option li.theta-icon img {
								width:1.25em;
								margin:0 .25em 0 0;
								}

/* 情報更新日 */
			.flex_contents a.contents_list article .update {
				color:#888888;
				font-size:87.5%;
				text-align:right;
				background:#efefef;
				border-top:1px solid #dddddd;
				margin:0 -20px -20px -20px;
				padding:10px 20px;
				}
/* バナー */
	.flex_contents .banner {
		margin:0 0 50px 0;
		}


/* ------------------------------------------------------------------------------------------------------------------------/
	pistdb_detail
/------------------------------------------------------------------------------------------------------------------------ */
.detail_header {
	flex-basis:100%;
	border-bottom:2px solid #cccccc;
	}
	.detail_header h3 {
		width:100%;
		display:block;
		box-sizing:border-box;
		margin:0 0 4px 0;
		font-size:175%;
		line-height:1.4;
		}
		.detail_header h3 span {
			display:block;
			color:#ff6600;
			font-size:75%;
			}
	.detail_header ul.tag_list {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:flex-start;
		align-content:flex-start;
		gap:20px;
		margin:15px 0 20px 0;
		padding:0;
		list-style:none;
		}
		.detail_header ul.tag_list li {
			flex-basis:auto;
			display:inline-block;
			color:#484848;
			font-size:112.5%;
			margin:0;
			padding:0;
			}
			.detail_header ul.tag_list li dl {
				display:flex;
				flex-direction:row;
				flex-wrap:nowrap;
				justify-content:flex-start;
				align-items:flex-start;
				align-content:flex-start;
				gap:15px;
				margin:0;
				padding:0;
				}
				.detail_header ul.tag_list li dl dt {
					flex-basis:auto;
					color:#ffffff;
					font-weight:bold;
					text-align:center;
					background:#8ec31f;
					margin:0;
					padding:0;
					padding:.1em .5em;
					}
				.detail_header ul.tag_list li dl dd {
					flex:1;
					text-align:left;
					margin:0;
					padding:0;
					}
				.detail_header ul.tag_list li:nth-of-type(1) dl dd {
					color:#e33636;
					font-size:150%;
					font-weight:bold;
					line-height:100%;
					}
				.detail_header ul.tag_list li:nth-of-type(1) dl dd span {
					font-size:75%;
					}

.detail_contents {
	padding:36px 0 0 0;
	}
	.detail_contents h4 {
		color:#8ec31f;
		font-size:137.5%;
		background:inherit;
		border-bottom:1px solid #cccccc;
		margin:0 0 24px 0;
		padding:.25em;
		}

/* photo */
	ul.detail_photo {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:space-between;
		align-items:center;
		align-content:flex-start;
		gap:24px;
		width:100%;
		margin:0;
		padding:0;
		list-style:none;
		}
	ul.detail_photo:after {
		display:none;
		}
/*
	ul.detail_photo {
		width:55%;
		}
*/
		ul.detail_photo li {
			flex-basis:calc(50% - 12px);
			margin:0;
			padding:0;
			}
			ul.detail_photo li img {
				width:100%;
				height:auto;
				}
@media screen and (max-width:1000px) {
	ul.detail_photo {
		flex-wrap:wrap;
		justify-content:center;
		gap:30px 0;
		}
		ul.detail_photo li {
			flex-basis:100%;
			max-width:640px;
			}
}

.around360 iframe {
width:100%;
}

/* photo list */
	ul.photo_list {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:flex-start;
		align-content:flex-start;
		gap:24px;
		list-style:none;
		margin:0;
		padding:0;
		}
	ul.photo_list:after {
		display:none;
		}
		ul.photo_list li {
			position:relative;
			flex-basis:calc(25% - 18px);
			}
		ul.photo_list li::before {
			display:block;
			content:"";
			padding-top:100%;
			}
			ul.photo_list li a {
				display:block;
				position:absolute;
				top:0;
				bottom:0;
				left:0;
				right:0;
				}
				ul.photo_list li a img {
					width:100%;
					height:100%;
					object-fit:cover;
					}

/* table */
	table {
		width:100%;
		text-align:left;
		border-collapse:collapse;
		border:1px solid #d8d8d8;
		}
		table tr {
			}
		table tr.resp_on {
			display:none;
			}
			table tr th {
				width:15%;
				text-align:left;
				vertical-align:top;
				background:#f4f4f4;
				border-bottom:1px solid #d8d8d8;
				border-right:1px solid #d8d8d8;
				white-space:nowrap;
				padding:20px;
				}
			table tr td {
				background-color:#ffffff;
				border-bottom:1px solid #d8d8d8;
				border-right:1px solid #d8d8d8;

				padding:15px;
				}
			table tr th+td+th+td {
				width:35%;
				}
				table tr td dl.tb_setubi {
					margin:0;
					padding:0;
					}
					table tr td dl.tb_setubi dt {
						font-weight:bold;
						margin:15px 0 0 0;
						padding:0;
						}
					table tr td dl.tb_setubi dt:first-child {
						margin:0;
						}
					table tr td dl.tb_setubi dd {
						margin:5px 0 0 0;
						padding:0;
						}
						table tr td dl.tb_setubi dd ul {
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:flex-start;
							align-items:flex-start;
							align-content:flex-start;
							list-style:none;
							margin:0;
							padding:0;
							}
							table tr td dl.tb_setubi dd ul li {
								flex-basis:auto;
								display:inline-block;
								margin:0;
								padding:0 0.5em 0 0;
								}
							table tr td dl.tb_setubi dd ul li:after {
								content:"、";
								display:inline;
								}
							table tr td dl.tb_setubi dd ul li:last-child:after {
								display:none;
								}
@media screen and (max-width:900px) {
		table tr.resp_on {
			display:table-row;
			}
			table tr th {
				width:30%;
				text-align:left;
				box-sizing:border-box;
				background:#f4f4f4;
				border-bottom:1px solid #d8d8d8;
				white-space:nowrap;
				}
			table tr td {
				width:70% !important;
				box-sizing:border-box;
				border-right:none;
				border-bottom:1px solid #d8d8d8;
				}
			table tr th.resp_off,
			table tr td.resp_off {
				display:none !important;
				}
}
@media screen and (max-width:750px) {
			table tr th {
				display:block;
				width:100% !important;
				text-align:left;
				vertical-align:top;
				box-sizing:border-box;
				background:#f4f4f4;
				border-bottom:1px solid #d8d8d8;
				white-space:nowrap;
				padding:20px;
				}
			table tr td {
				display:block;
				width:100% !important;
				box-sizing:border-box;
				border-bottom:1px solid #d8d8d8;
				padding:15px;
				}
}

/* map */
	.gmap {
		}

/* movie */
	.movie {
		position:relative;
		width:100%;
		margin:0 0 30px 0;
		}
	.movie:before {
		display:block;
		content:"";
		padding-top:56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
		}
		.movie iframe {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			}

/* banner */
.end_banner {
	display:block;
	width:100%;
	box-sizing:border-box;
	max-width:750px;
	margin:48px auto;
	padding:0;
	}
	.end_banner img {
		width:100%;
		height:auto;
		}

/* output */
/*
.output-button {
	text-align:center;
	margin:48px 0 60px 0;
	}
	.output-button .print-pdf-button,
	.output-button .mail-button {
		display:inline-block;
		}
	.output-button .print-pdf-button {
		margin:0 24px 0 0;
		}
		.output-button .print-pdf-button a,
		.output-button .mail-button a {
			display:flex;
			align-items:center;
			color:#ffffff;
			font-size:22px;
			font-weight:bold;
			text-decoration:none;
			background:#8ec31f;
			border-radius:2em;
			padding:.5em 1.5em;
			transition:0.2s;
			}
			.output-button .print-pdf-button a img,
			.output-button .mail-button a img {
				display:inline-block;
				width:1.5em;
				margin-right:.5em;
				}
		.output-button .print-pdf-button a:hover,
		.output-button .mail-button a:hover {
			background:#acdf40;
			}
@media screen and (max-width:830px) {
	.output-button .print-pdf-button,
	.output-button .mail-button {
		display:block;
		width:calc(100% - 64px);
		}
	.output-button .print-pdf-button {
		margin:0 0 24px 0;
		}
		.output-button .print-pdf-button a,
		.output-button .mail-button a {
			display:block;
			width:100%;
			}
}
*/

/* back button */
.list-back {
	text-align:center;
	margin:60px 0;
	}
	.list-back a {
		display:block;
		width:300px;
		color:#ffffff;
		font-size:112.5%;
		font-weight:bold;
		box-sizing:border-box;
		background:#8ec31f;
		border-radius:2em;
		margin:0 auto;
		padding:.75em 2.5em;
		text-decoration:none;
		transition:0.2s;
		}
	.list-back a:hover {
		background:#acdf40;
		}


/* ------------------------------------------------------------------------------------------------------------------------/
	pistdb_contact
/------------------------------------------------------------------------------------------------------------------------ */
/*
#pistdb_contact .note {
	color:#666666;
	font-size:125%;
	text-align:center;
	margin:48px 0;
	}
	#pistdb_contact #mailform-layout .item .name {
		width:220px;
		}
	#pistdb_contact #mailform-layout .item .answer {
		padding:0 0 0 240px;
		}
	#pistdb_contact #mailform-layout .sentok {
		line-height:1.4;
		}
	#pistdb_contact #mailform-layout .mailform-box .title {
		padding:0 0 0 0;
		}
@media screen and (max-width:750px) {
	#pistdb_contact #mailform-layout .required {
		width:70px;
		font-size:20px;
		}
	#pistdb_contact #mailform-layout .item .name {
		width:300px;
		font-weight:bold;
		margin:0 0 20px 0;
		}
	#pistdb_contact #mailform-layout .item .answer {
		padding:54px 0 0 0;
		}
}
*/


/* ------------------------------------------------------------------------------------------------------------------------/
	印刷
/------------------------------------------------------------------------------------------------------------------------ */
/*
@media print {
header,
nav,
#breadcrumbs,
footer,
.noprint,
.movie,
.pagetop,
.contact,
.submit { display:none !important; }

h2 {
	background:none !important;
	border:none !important;
	box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	-moz-box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	-o-box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	-ms-box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	}

.thumb_image {
	margin:0 !important;
	padding:0 20px !important;
	}

table th,
table td {
	padding:10px 15px !important;
	}

.compinfo {
	display:block;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin:20px 0 0 0;
	padding:15px;
	}
}
*/