@charset "utf-8";

.event-detail img{
	margin:0;
}

.event-detail p{
	font-size:16px;
}
.event-detail{
	letter-spacing:0.02rem;
	background:#fff;
	padding-bottom:3.2rem;
}

.event-detail h2{
	text-align:center;
	border:none !important;
}

.event-detail h2.ttl01{
	font-size:32px;
	font-weight:bold;
	color:#01942C;
text-shadow:
    3px  3px 0 #fff,
   -3px  3px 0 #fff,
    3px -3px 0 #fff,
   -3px -3px 0 #fff;
	margin-top:40px;
	margin-bottom:20px;
}

.event-detail h2.ttl02{
	font-size:21px;
	font-weight:bold;
	color:#000;
	padding:13px 10px;
	margin-bottom:5px;
	border-top:2px solid #000 !important;
	border-bottom:2px solid #000 !important;
}

.event-detail h2.ttl02 span{
	color:#01942C;
}

.event-detail h3.ttl03{
	font-size:18px;
	color:#000;
	border:none ;
	text-align:center;
	margin:25px 0;
}

.event-detail h3.ttl03 span{
	position:relative;
	padding:0 20px;
	display:inline-block;
}

.event-detail h3.ttl03 span:before{
	content:"";
	width:1.5px;
	height:25px;
	background:#000;
	display:block;
	position:absolute;
	top:4px;
	left:0;
	transform: rotate(-20deg);
}

.event-detail h3.ttl03 span:after{
	content:"";
	width:1.5px;
	height:25px;
	background:#000;
	display:block;
	position:absolute;
	top:4px;
	right:0;
	transform: rotate(20deg);
}

.hall-info-box{
	display:block;
	background:#fff;
	border:2px solid #01942c;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:50px;
	transition: all 0.2s ease;
}

.hall-info-box:hover{
	opacity:0.8;
}

.hall-info-box-body{
	display:flex;
	gap:20px;
	padding:25px;
}
.hall-info-box-body-left{
	width:200px;
}

.hall-info-box-body-right{
	width:calc(100% - 220px);
}

.hall-info-box-body img{
	margin:0;
	border-radius:5px;
	width:100%;
	height:auto;
}

.hall-info-box-body-right h3{
	border-left:none;
	padding-left:0;
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:28px;
	font-weight:bold;
	line-height:1.4;
	color:#000;
	border-bottom:1px solid #DEDEDE;
}

.hall-info-box-body-right p{
	margin-bottom:5px;
	padding-left:25px;
	color:#000;
}

.hall-info-address{
	background:url(https://coop-kazokusou.jp/wp_new/wp-content/themes/coop/assets/images/detail/ico_address.svg) no-repeat left top;
}

.hall-info-way{
	background:url(https://coop-kazokusou.jp/wp_new/wp-content/themes/coop/assets/images/detail/ico_walk.svg) no-repeat left top;
}

.hall-info-box-footer{
	text-align:center;
	font-size:18px;
	font-weight:500;
	color:#fff;
	background:#01942c;
	padding:10px;
}

.hall-info-box-footer img{
	width:24px;
	height:24px;
	margin:0 0 2px 7px !important;
	display:inline-block;
}

.column_main_image{
	display:none;
}

.event-contact{
	display:flex;
	gap:30px;
}

.event-contact > div{
	width:50%;
}

.event-contact > div a{
	border-radius:10px;
	overflow:hidden;
}

.event-contact-tel-link{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	background:#01942c;
	border:2px solid #01942c;
	transition: all 0.2s ease;
}

.event-contact-tel-link span{
	display:block;
	text-align:center;
	width:100%;
}

.tel-num{
	font-size:44px;
	font-weight:500;
	line-height:1.0;
	color:#fff;
	padding:9px 5px 15px 5px;
}
.tel-info{
	font-size:16px;
	font-weight:500;
	color:#01942c;
	background:#fff;
	padding:7px 5px;
}

.event-contact-link{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	color:#fff;
	text-align:center;
	background:#42518d;
	padding:13px 10px 12px 10px;
	box-shadow:0px 8px 0px 0px #32395a;
	transition: all 0.2s ease;
}

.event-contact-tel-link:hover,
.event-contact-link:hover{
	opacity:0.8;
}

.contact-link-txt01,
.contact-link-txt02{
	display:block;
	text-align:center;
	font-weight:bold;
	line-height:1.3;
}

.contact-link-txt01{
	font-size:22px;
}
.contact-link-txt02{
	font-size:36px;
}

.contact-link-txt02 span{
	font-size:30px;
}

.contact-link-txt02 img{
	width:30px;
	height:30px;
	margin:0 0 5px 7px !important;
	display:inline-block;
}

.event-detail + section{
	display:none;
}

@media(min-width:992px) and (max-width:1280px){
	.hall-info-box-body-left{
		width:200px;
	}
	.hall-info-box-body-right{
		width:calc(100% - 220px);
	}
	.hall-info-box-body-right h3{
		font-size:24px;
	}
	.event-contact{
		gap:20px;
	}
	.tel-num {
		font-size:32px;
	}
	.contact-link-txt01{
		font-size:20px;
	}
	.contact-link-txt02{
		font-size:30px;
	}

	.contact-link-txt02 span{
		font-size:26px;
	}
	
	.contact-link-txt02 img{
		width:26px;
		height:26px;
	}


}
@media(min-width:768px) and (max-width:991px){
	.event-detail br.sp{
		display:block !important;
	}
	.hall-info-box-body-left{
		width:150px;
	}
	.hall-info-box-body-right{
		width:calc(100% - 170px);
	}
	.hall-info-box-body-right h3{
		font-size:20px;
	}
	.event-contact{
		gap:20px;
	}
	.tel-num {
		font-size:25px;
	}
	.event-contact-link{
		padding:20px 10px;
	}
	.contact-link-txt01{
		font-size:20px;
	}
	.contact-link-txt02{
		font-size:26px;
	}

	.contact-link-txt02 span{
		font-size:20px;
	}
	
	.contact-link-txt02 img{
		display:none;
	}
}

@media(min-width:768px){
	.p-column__content__main .is-wrap .post-categories,
	.p-column__content__main .is-wrap{
		margin-bottom:0px;
	}
	
	.event-detail{
		margin-right:2.2rem;
		margin-bottom:4.2rem;
	}
	.event-detail-in{
		max-width:740px;
		margin:0 auto;
	}
	.hall-info-box-body-sp-left{
		display:none;
	}
}
@media(min-width:1600px){
	.event-detail-in{
		max-width:670px;
		margin:0 auto;
	}
	.event-detail{
		padding-bottom:4.2rem;
	}
	.hall-info-box-body-right h3{
		font-size:27px;
	}
}
@media(max-width:767px){
	.is-inner_content{
		padding:0;
	}
	.event-detail-in{
		width:94%;
		margin:0 auto;
	}
	.p-column__content__main .is-wrap .post-categories,
	.p-column__content__main .is-wrap{
		margin-bottom:0;
	}
	.event-detail{
		margin-bottom:0rem;
	}
	.p-column__content__main{
		padding-bottom:0;
	}
	.hall-info-box-body-left{
		display:none;
	}
	.hall-info-box-body-right{
		width:100%;
	}
	.hall-info-box-body-sp{
		display:flex;
		gap:5px;
	}
	.hall-info-box-body-sp-left{
		width:95px;
	}
	.hall-info-box-body-sp-right{
		width:calc(100% - 100px);
	}
	.hall-info-box{
		/*border:none;*/
	}
	
	.hall-info-box-body{
		padding:15px 12px;
	}
	
	.event-detail h2.ttl01{
		font-size:30px;
	}
	.hall-info-box-body-right h3{
		font-size:24px;
		padding-bottom:10px;
	}
	.hall-info-box-body-right p{
		font-size:14px;
	}
	
	.hall-info-box-body-right p + p{
		margin-bottom:0;
	}
	.hall-info-box-footer{
		font-size:16px;
	}
	.hall-info-box-footer img{
		width: 20px;
		height: 20px;
		margin: 0 0 3px 7px !important;
	}
	.event-detail h2.ttl02{
		font-size:18px;
	}
	.event-detail h3.ttl03{
		font-size:16px;
	}
	
	.event-contact{
		gap:10px;
	}
		
	.event-detail h3.ttl03 span:before{
		content:"";
		width:1.5px;
		height:45px;
		background:#000;
		display:block;
		position:absolute;
		top:4px;
		left:0;
		transform: rotate(-20deg);
	}

	.event-detail h3.ttl03 span:after{
		content:"";
		width:1.5px;
		height:45px;
		background:#000;
		display:block;
		position:absolute;
		top:4px;
		right:0;
		transform: rotate(20deg);
	}
	
	.hall-info-address,
	.hall-info-way{
		background-size:20px auto;
	}
	.hall-info-box-body-right p{
		padding-left:20px;
	}
	
	.tel-num-txt{
		font-size:22px;
		font-weight:500;
		color:#fff;
		padding:5px ;
	}
	.tel-info{
		font-size:11px;
	}
	.contact-link-txt01{
		font-size:16px;
	}
	.contact-link-txt02{
		font-size:22px;
	}
	.contact-link-txt02 img {
		width: 20px;
		height: 20px;
		margin: 0 0 3px 5px !important;
		display: inline-block;
	}
	.event-contact-link{
		padding:11px;
		box-shadow:none;
	}
}