@charset "utf-8";

/* ポップアップイベント */
.subP.popupP {
  padding: 30px 0 0 ;
}
h1.subpage-title.popup-title {
  margin-bottom: 10px;
}
.popup-img {
  margin-bottom: 20px;
}
.popup-bnr{
  width: 90%;
  max-width: 700px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .popup-bnr{
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px){
  .popup-bnr{
    margin-bottom: 20px;
  }
}
/* 催事情報一覧アコーディオン */
.popuplist-area {
	max-width: 900px;
}
h1.subpage-title {
	margin-bottom: 40px;
	line-height: 1.4;
	font-size: clamp(20px, 3vw, 25px);
	padding: 11px 5px 9px;
}
.accordion-content{
	display: none;
}
.subpage01 .accordion h3 {
	font-size: clamp(16px,3vw,20px);
	line-height: 1;
	padding: 15px 5px;
	cursor: pointer;
	margin: 0;
	position: relative;
}
.accordion {
	margin-bottom: 30px;
}
.accordion-content .accordion {
	margin-top: 10px;
}
.subpage01 .accordion h4 {
	font-size: clamp(14px, 3vw, 16px);
	line-height: 1;
	padding: 15px;
	cursor: pointer;
	position: relative;
	margin-block: 0;
}
.accordion > accordion-content {
	background: #eee;
}
.accordion-content .eventlist {
	margin-bottom: 10px;
}
.subpage01 .accordion h3::after,
.subpage01 .accordion h4::after{
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 30%;
	z-index: 1;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f107";
}
.subpage01 .accordion h3.active::after,
.subpage01 .accordion h4.active::after{
	content: "\f106";
}
.accordion .accordion {
	margin-bottom: 0;
}
.popup-info {
  margin: 50px 0 20px 0;
}
#kyusyuokinawa {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px){
	html{
		scroll-padding: 80px;
	}
}

@media screen and (min-width: 768px){
	.noevent-text{
		padding: 20px;
	}
}
@media screen and (max-width: 767px){
	.noevent-text{
		font-size: 13px;
		padding: 5px 9px;
	}
}

ul.foot-bnr-list {
	display: grid;
}
@media screen and (min-width: 768px) {
	ul.foot-bnr-list {
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
	}
	.num-note{
		text-align: right;
		font-size: 12px;
	}
}
@media screen and (max-width: 767px){
	ul.foot-bnr-list {
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
}
	.subP.popupP .subpage01{
	margin-bottom: 0;
	}
	.subP.popupP .sp-inner{
		margin: 0 auto;
	}
	.headnewsbox{
		margin-bottom: 0!important;
	}
	.num-note{
		text-align: right;
		font-size: 11px;
	}
}