@charset "UTF-8";

/* TOPページ　見学会枠 */
.kengaku_list {
	width: 100%;
}

/* 葬儀TOP　見学会枠 */
.kengaku_list_f {
	width: 100%;
	max-width: 1085px;
	margin: 0 auto 30px;
}

/* 見学会タイトル */
.kengaku_ttl {
	background-color: #7DBFD6;
	display: block;
	text-align: left;
	padding-left: 2em;
}

.kengaku_ttl_w {
	background-color: #ef919d;
	display: block;
	text-align: left;
	padding-left: 2em;
}

.kengaku_ttl span,
.kengaku_ttl_w span {
	color: #ffffff;
	font-size: 1.6em;
	line-height: 2.4em;
	font-weight: 500;
}

/* 見学会一覧　内容 */
.event_list_box {
	display: block;
	text-align: left;
	margin-top: 30px;
}

.event_list_box p {
	white-space: inherit;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 1em;
}

.kengaku_contents {
	max-width: 1120px;
	width: 100%;
	display: flex;
	margin: 0 auto;
	padding: 20px 0 0;
}

.kengaku_contents_list {
	max-width: 1120px;
	width: 100%;
	display: flex;
	margin: 0 auto;
	padding: 20px 0 0;
	flex-wrap: wrap;
}

.info_box {
	width: calc(100%/3);
	display: flex;
	flex-direction: column;
	padding: 30px 20px;
	border-right: solid 1px #cccccc;
	text-align: left;
}

.info_box:last-of-type {
	border-right: none;
}

.info_box:hover {
	text-decoration: none;
}


.kengaku_contents_list .info_box:nth-of-type(3n) {
	border-right: none;
}

/* 4番目以降 */
.kengaku_contents_list .info_box:nth-of-type(n+4) {
	border-top: solid 1px #cccccc;
}

/* ()番目はページの最初の3つなので上部にborderを入れない */
.kengaku_contents_list .info_box:nth-of-type(n+10):nth-of-type(-n+12),
.kengaku_contents_list .info_box:nth-of-type(n+19):nth-of-type(-n+21),
.kengaku_contents_list .info_box:nth-of-type(n+28):nth-of-type(-n+30),
.kengaku_contents_list .info_box:nth-of-type(n+37):nth-of-type(-n+39),
.kengaku_contents_list .info_box:nth-of-type(n+46):nth-of-type(-n+48),
.kengaku_contents_list .info_box:nth-of-type(n+55):nth-of-type(-n+57),
.kengaku_contents_list .info_box:nth-of-type(n+64):nth-of-type(-n+66),
.kengaku_contents_list .info_box:nth-of-type(n+73):nth-of-type(-n+75),
.kengaku_contents_list .info_box:nth-of-type(n+82):nth-of-type(-n+84),
.kengaku_contents_list .info_box:nth-of-type(n+91):nth-of-type(-n+93) {
	border-top: none;
}

.info_box_ttl {
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 0.6em;
	min-height: 66px;
}

.info_date {
	font-weight: 500;
	font-size: 0.8em;
}

.info_box img {
	margin: 0.8em 0;
	width: 100%;
	vertical-align: bottom;
}

.info_box .info_hall {
	border: solid 1px #cccccc;
	width: max-content;
	border-radius: 5px;
	padding: 8px;
	margin-bottom: 0.8em;
	font-size: 0.9em;
}

.info_box .info_detail {
	white-space: inherit;
	font-size: 0.9em;
	line-height: 1.6em;
	margin-top: 0.8em;
}

.info_small {
	display: flex;
	align-items: flex-start;
}

.info_small img {
	width: 50%;
	margin: 0.8em 1em 0.8em 0;
}

.info_small div {
	margin: 0.8em 0;
	display: flex;
	flex-direction: column;
}

/* 見学会が0件の場合 */
.info_0 {
	background-color: #efefef;
	width: 100%;
	max-width: 1080px;
	height: 100px;
	border: dotted 1px #828282;
	margin: 0 auto;
}

.info_0 p {
	font-size: 0.9em;
	line-height: 100px;
}

/* 見学会一覧ボタン */
.kengaku_list_btn {
	max-width: 1080px;
	width: 100%;
}

.kengaku-more {
	display: block;
	width: 250px;
	margin: 20px 0 0 auto;
	padding: 10px 12px 10px 20px;
	color: #222;
	background-color: #f7f7f7;
	position: relative;
	border-radius: 5px;
	border: 1px solid #222;
	text-align: left;
}

.kengaku-more::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 14px;
	right: 16px;
	width: 7px;
	height: 7px;
	border-top: #222 1px solid;
	border-right: #222 1px solid;
	transform: rotate(45deg);
}

/* 見学会一覧　ページネーション */
.info_list_pagination_top,
.fair_list_pagination_top {
	text-align: center;
	margin-top: 50px;
}

.info_list_pagination_bottom,
.fair_list_pagination_bottom {
	text-align: center;
	margin: 40px 0 80px;
}

.info_list_pagination_top input,
.info_list_pagination_bottom input {
	width: 40px;
	border-radius: 3px;
	border: solid 1px #00b9bc;
	color: #00b9bc;
	padding: 5px 1px;
	margin-bottom: 30px;
	background-color: #ffffff;
	font-size: 1em;
}

.fair_list_pagination_top input,
.fair_list_pagination_bottom input {
	width: 40px;
	border-radius: 3px;
	border: solid 1px ##e061a4;
	color: ##e061a4;
	padding: 5px 1px;
	margin-bottom: 30px;
	background-color: #ffffff;
	font-size: 1em;
}

.info_list_pagination_top input:focus,
.info_list_pagination_bottom input:focus {
	border: solid 2px #00b9bc;
	outline: none;
}

.fair_list_pagination_top input:focus,
.fair_list_pagination_bottom input:focus {
	border: solid 2px #e061a4;
	outline: none;
}

.info_list_pagination_top input:disabled,
.info_list_pagination_bottom input:disabled {
	width: 40px;
	color: #ffffff;
	border-radius: 3px;
	border: solid 1px #00b9bc;
	background-color: #00b9bc;
	padding: 5px 1px;
	margin-bottom: 30px;
}

.fair_list_pagination_top input:disabled,
.fair_list_pagination_bottom input:disabled {
	width: 40px;
	color: #ffffff;
	border-radius: 3px;
	border: solid 1px #e061a4;
	background-color: #e061a4;
	padding: 5px 1px;
	margin-bottom: 30px;
}

/* IE対応 */
@media all and (-ms-high-contrast: none) {
	/* 見学会ホール名表示用 */
	.info_box .info_hall {
		border: solid 1px #cccccc;
		width: 162px;
		border-radius: 5px;
		padding: 8px;
		margin-bottom: 0.8em;
		font-size: 0.9em;
		text-align: center;
	}
}
@media screen and (max-width: 768px){
	/* 見学会一覧　内容 */
	.event_list_box {
		margin: 30px auto 0;
		width: 94%;
	}

	.kengaku_contents {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		padding: 0;
	}

	/* 見学会一覧　内容 */
	.kengaku_contents_list {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		padding: 0;
	}

	.info_box {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 30px 20px;
		border-bottom: solid 1px #cccccc;
		border-right: none;
		text-align: left;
	}

	.info_box:last-of-type {
		border-bottom: solid 1px #cccccc;
	}

	.kengaku_contents_list .info_box:nth-of-type(n+4) {
		border-top: none;
	}

	.info_box .info_hall {
		font-size: 0.8em;
	}

	/* 見学会が0件の場合 */
	.info_0 {
		width: 90%;
		margin: 30px auto;
	}

	/* 見学会一覧ボタン */
	.kengaku_list_btn {
		width: 100%;
		margin: 0 auto;
	}

	.kengaku-more {
		margin: 30px auto 0;
	}

	/* 見学会一覧　ページネーション */
	.info_list_pagination_top {
		text-align: center;
		margin: 40px 10px;
	}

	.info_list_pagination_bottom {
		text-align: center;
		margin: 40px 10px;
	}
}