@charset "utf-8";
/*
	共通パーツ
	update.22.05.20
*/
/* hole */
.block-hall-list > .hall-list {
	margin:0 auto;
	padding:0;
	font-size:0;
	text-align: center;
}
.block-hall-list > .hall-list .hall {
	display: inline-block;
	vertical-align: top;
	width:100%;
	max-width:416px;
	margin:20px 0 0;
	background-color: #fff;
	border:3px solid #f8c170;
	filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.5));
	transition: border-color 0.3s;
}
.block-hall-list > .hall-list a:hover,
.block-hall-list > .hall-list a:active {
	border-color: #f08300;
	text-decoration: none;
}
.block-hall-list > .hall-list .hall .outer {
	display: flex;
}
.block-hall-list > .hall-list .hall .image {
	width:44%;
}
.block-hall-list > .hall-list .hall .detail {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width:56%;
	padding:2.5% 2.5% 2%;
}
.block-hall-list > .hall-list .hall .detail > * {
	width:100%;
}
.block-hall-list > .hall-list .hall .address {
	padding:4px 0;
	color:#000;
	font-size:1.3rem;
	line-height:1.2;
	text-align: left;
}
.block-hall-list > .hall-list .hall .here {
	background-color: #f8c170;
	transition: background-color 0.3s;
}
.block-hall-list > .hall-list a:hover .here ,
.block-hall-list > .hall-list a:active .here {
	background-color: #f08300;
}
.block-hall-list > .hall-list .hall .here span:after {
	content: '';
	position: absolute;
	background: url(../img/icon-arrow.png) no-repeat;
	background-size: cover;
	width:1em;
	height:1em;
	right:0;
	top:0;
	bottom:0;
	margin:auto 0;
}
.block-hall-list > .hall-list > .text {
	padding:40px 0 0;
	font-family: 'Folk Medium', 'Noto Sans JP', sans-serif;
	font-size:2rem;
	line-height: 1.3;
	text-align: center;
}
.block-hall-list > .hall-list > .banner {
	display: inline-block;
	vertical-align: top;
	width:100%;
	max-width:416px;
}
.block-hall-list > .hall-list > .banner .outer {
	align-items: center;
}
.block-hall-list > .hall-list > .banner .hall .detail {
	padding:2.5% 2.5% 2%;
}
@media print, screen and (min-width: 728px) {
	.block-hall-list > .hall-list {
		margin:0 -1%;
		padding:0;
		text-align: left;
	}
	.block-hall-list > .hall-list .hall {
		width:48%;
		margin:14px 1% 0;
	}
	.block-hall-list > .hall-list .hall .detail {
		padding:2% 2.5% 1.5%;
	}
	.block-hall-list > .hall-list .hall .address {
		font-size:1.4rem;
		line-height:1.4;
	}
	.block-hall-list > .hall-list > .text {
		padding:40px 0 10px;
		font-size:2.7rem;
	}
	.block-hall-list > .hall-list > .banner {
		width:48%;
		margin:0 1%;
	}
	.block-hall-list > .hall-list > .banner .hall {
		width:100%;
		margin:14px 0 0;
	}
	.block-hall-list > .hall-list > .banner .hall .detail {
		padding:2% 2.5% 1.5%;
	}
}
@media print, screen and (min-width: 1025px){
	.block-hall-list > .hall-list {
		margin:0 -8px;
	}
	.block-hall-list > .hall-list .hall {
		width:416px;
		margin:14px 8px 0;
	}
	.block-hall-list > .hall-list .hall .image {
		width:180px;
	}
	.block-hall-list > .hall-list .hall .detail {
		width:230px;
		padding:16px 10px 8px;
	}
	.block-hall-list > .hall-list > .banner {
		width:416px;
		margin:0 8px;
	}
	.block-hall-list > .hall-list > .banner .hall {
		margin:14px 0 0;
	}
	.block-hall-list > .hall-list > .banner .hall .detail {
		padding:24px 10px;
	}
}
/* contact */
.block-contact > .contact {
	font-size:0;
	text-align:center;
}
.block-contact > .contact > .title {
	color:#f08300;
	font-family: 'Folk Medium', 'Noto Sans JP', sans-serif;
	font-size:2.4rem;
	font-weight: 700;
	line-height: 1.3;
}
.block-contact > .contact > .box {
	max-width:380px;
	margin:14px auto 0;
	padding:10px 0 20px;
	background:#f08300;
	font-size:0;
	text-align: center;
}
.block-contact > .contact > .box > * {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width:auto;
	margin:10px 0 0;
	padding:0;
}
.block-contact > .contact > .box img {
	width:auto;
	height:34px;
}
.block-contact > .contact .index img {
	height:51px;
}
.block-contact > .contact .tel {
	padding:0 0 0 42px;
	background: url(../img/block-contact-icon-tel.png) no-repeat left;
	background-size: contain;
}
.block-contact > .contact .mail {
	padding:0 8px 0 42px;
	background: url(../img/block-contact-icon-mail.png) no-repeat left;
	background-size: contain;
}
.block-contact > .contact .mail > a {
	filter: brightness(2);
}
.block-contact > .contact .mail > a:hover,
.block-contact > .contact .mail > a:active {
	filter: brightness(1);
}
.block-contact > .contact > .text {
	margin:10px 0 0;
	font-family: 'Folk Medium', 'Noto Sans JP', sans-serif;
	font-size:1.8rem;
	line-height: 1.4;
}
@media print, screen and (min-width: 728px) {
	.block-contact > .contact > .title {
		font-size:3rem;
	}
	.block-contact > .contact > .box {
		max-width:700px;
		margin:18px auto 0;
		padding:8px 0;
		font-size:0;
		text-align: center;
	}
	.block-contact > .contact > .box > * {
		margin:0;
	}
	.block-contact > .contact .index {
		margin-right:16px;
	}
	.block-contact > .contact .index img {
		height:34px;
	}
	.block-contact > .contact .tel {
		margin-right:22px;
	}
	.block-contact > .contact > .text {
		margin:14px 0 0;
	}
}
/* topics */
.block-topics .topics .item {
	margin:15px 0 0;
}
.block-topics .topics .item > * {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin:0;
	padding:8px 14px 12px;
    letter-spacing: 0;
	background:#fff;
	line-height: 1.4;
	color:#595757;
}
.block-topics .topics .item a:hover {
	text-decoration: none;
	background: #edebf1;
}
.block-topics .topics .item .date {
	font-size:1.4rem;
	color:#595757;
	font-weight:500;
}
.block-topics .topics .item .label {
	margin-left:1em;
	color:#009fe8;
	font-size:1.2rem;
	font-weight:600;
	font-family: 'Noto Sans JP', sans-serif;
}
.block-topics .topics .item .title {
	padding:4px 0 0;
	width:100%;
	font-weight:600;
	font-size:1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
}
.block-topics .topics .more {
	text-align:right;
	margin:20px 0 0;
	font-size:1.6rem;
	font-weight:500;
	line-height: 1.4;
}
.block-topics .topics .more a {
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif;
}
.block-topics .topics .more a:hover {
	text-decoration: underline;
}
@media print, screen and (min-width: 700px) {
	.block-topics .topics .item {
		margin:15px 0 0;
	}
	.block-topics .topics .more {
		margin:15px 0 0;
		font-size:1.5rem;
	}
}
@media print, screen and (min-width: 1025px){
	.block-topics .topics .item .date {
		font-size:1.5rem;
	}
	.block-topics .topics .item .title {
		font-size:1.8rem;
	}
	
}