@charset "utf-8";

#event-list .inner-sct {}
#event-list .ctn { width: 88%; max-width: 1160px; margin: 0 auto;}
#event-list .ctn ul { display: flex; flex-wrap: wrap; font-size: 14px;}
#event-list .ctn ul li { width: 33.33334%; padding: 30px 0px; font-size: 16px;}
#event-list .ctn ul li a { display: block; width: 94%; max-width: 300px; margin: 0 auto; color: #000; text-decoration: none; transition: 0.3s linear;}
#event-list .ctn ul li a dl dt { position: relative; width: 100%; padding-top: 100%; margin-bottom: 15px; overflow: hidden;}
#event-list .ctn ul li a dl dt span.status { position: absolute; left: 0; top: 0; z-index: 2;
 width: 60px; padding: 2px 0; background: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0.1rem; text-align: center;
}
#event-list .ctn ul li a dl dt span.status.fin { background: #000; color: #fff;}
#event-list .ctn ul li a dl dt img { position: absolute; left: 50%; top: 50%; z-index: 1; width: 100%; transform: translate(-50%,-50%); transition: 0.4s ease;}
#event-list .ctn ul li a dl dd { letter-spacing: 0.1rem;}
#event-list .ctn ul li a dl dd span.tit { font-size: 18px; font-weight: 700;}
#event-list .ctn ul li a dl dd time { display: block; font-size: 12px; font-weight: 700; vertical-align: middle;}
#event-list .ctn ul li a dl dd time em { font-size: 20px;}
#event-list .ctn ul li a dl dd span.tag { display: inline-block; width: auto; background: #000; padding: 1px 10px 3px; background: #000; border-radius: 50px; color: #fff; font-size: 15px; line-height: 1.2; vertical-align: middle;}
#event-list .ctn .btn { max-width: 200px;}
#event-list .ctn ul li a:hover { opacity: 0.8;}
#event-list .ctn ul li a:hover dl dt img { transform: translate(-50%,-50%) scale(1.05);}

@media (max-width: 1025px) {
	#event-list .inner-sct { padding: 80px 0 100px;}
	#event-list .ctn ul { flex-wrap: wrap;}
	#event-list .ctn ul li { width: 33%; padding: 18px 10px;}
}
@media (max-width: 801px) {
	#event-list .ctn ul { justify-content: space-between;}
	#event-list .ctn ul li { width: 48%;}
}
@media (max-width: 481px) {
	#event-list .inner-sct { }
	#event-list .ctn ul { display: block;}
	#event-list .ctn ul li { width: 100%; padding: 18px 0px;}
	#event-list .ctn ul li a { width: 96%;}
	#event-list .ctn ul li a dl dt { margin-bottom: 8px;}
	#event-list .ctn ul li a dl dd { font-size: 12px; letter-spacing: 0.05rem;}
	#event-list .ctn ul li a dl dd.tit { margin-bottom: 0px;}
	#event-list .ctn ul li a dl dd time { margin-right: 8px; font-size: 10px;}
	#event-list .ctn ul li a dl dd span.tag { padding: 1px 6px 2px; font-size: 10px;}
}


#event { border-top: solid 1px #b4b4b4;}
#event .inner-sct { padding: 80px 0;}
#event .article-hd { position: relative; width: 88%; max-width: 1000px; margin: 0 auto 30px;}
#event .article-hd p { margin-bottom: 24px; font-size: 18px; font-weight: 700; line-height: 1;}
#event .article-hd p span.status { display: inline-block; width: 90px; margin-right: 20px; padding: 12px 0; border: solid 1px #000; vertical-align: middle;
 font-size: 21px; letter-spacing: 0.1rem; text-align: center;
}
#event .article-hd p span.status.fin { background: #000; color: #fff;} 
#event .article-hd p time { display: inline-block; vertical-align: middle;}
#event .article-hd p time em { font-size: 24px;}
#event .article-hd h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1.4;}
#event .article-ctn { width: 88%; max-width: 1000px; margin: 0 auto 40px;}
#event .article-ctn .mv { position: relative; width: 100%; max-width: 950px; margin: 0 auto 50px; z-index: 2;}
#event .article-ctn figure { text-align: center;}
#event .article-ctn figure img { max-width: 100%;}
#event .article-ctn .mv figure img.sp { display: none;}
#event .article-ctn .ctn { position: relative; width: 100%; max-width: 930px; margin: 0 auto; padding-bottom: 70px; z-index: 2;}
#event .article-ctn .ctn p { margin-bottom: 20px; font-size: 18px; line-height: 2; letter-spacing: 0.1rem;}
#event .article-ctn .ctn p:last-child { margin-bottom: 0px;}
#event .formBloc { width: 100%; max-width: 1080px; margin: 0 auto; padding: 40px 0;}
#event .formBloc h3 { margin-bottom: 20px; font-size: 30px; font-weight: 700; text-align: center;}
#event #wpcf7-f719-o1 {background:var(--dark-gray1);}
@media (max-width: 801px) {
	#event .article-hd p { margin-bottom: 12px; font-size: 14px;}
	#event .article-hd p span.status { width: 60px; margin-right: 12px; padding: 8px 0; font-size: 15px;}
	#event .article-hd p time em { font-size: 20px;}
	#event .article-hd h2 { font-size: 20px;}
	#event .article-ctn .mv { margin: 0 auto 30px;}
	#event .article-ctn .mv figure img.pc { display: none;}
	#event .article-ctn .mv figure img.sp { display: block;}

	#event .article-ctn .ctn p { font-size: 16px;}
}
@media (max-width: 481px) {
	#event .inner-sct { padding:60px 0;}
	#event .article-hd p { font-size: 12px;}
	#event .article-hd p span.status { margin-right: 8px; padding: 4px 0; font-size: 12px;}
	#event .article-hd p time em { font-size: 16px;}
	#event .article-hd h2 { font-size: 16px;}

	#event .article-ctn .mv { margin: 0 auto 20px;}
	#event .article-ctn .ctn { padding-bottom: 40px;}
	#event .article-ctn .ctn p { font-size: 13px; letter-spacing: 0.05rem; line-height: 1.65;}

	#event .formBloc h3 { margin-bottom: 12px; font-size: 18px;}
}


.formBloc ul li dl dt { width: 270px; font-weight: 700;}
.formBloc ul li dl dd { width: auto;}
.formBloc ul li dl dt span { display: inline-block; vertical-align: middle;}

#event .article-ctn h2{}
#event .article-ctn h3{}
#event .article-ctn h4{}

#event .article-ctn h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700;}
#event .article-ctn h3 { margin-bottom: 20px; font-size: 24px; font-weight: 700;}
#event .article-ctn p { font-size: 17px; letter-spacing: 0.1rem; line-height: 1.8; margin-bottom:1em;}
#event .article-ctn p strong {
    position: relative;
    display: inline-block;
    z-index: 1;
}
#event .article-ctn p strong::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.2em;
    height: 0.5em;
    background: linear-gradient(to right, #fffa86 0%, #b6d992 100%);
    border-radius: 2px;
    border-radius: 2px;
    z-index: -1;
    pointer-events: none;
}

@media (max-width: 640px) {
	#event .article-ctn h2 { font-size: 24px;}
	#event .article-ctn h3 { font-size: 21px;}
	#event .article-ctn p { font-size: 14px; line-height: 1.72;}
}

@media (max-width: 480px) {
	#event .article-ctn h2 { font-size: 20px;}
	#event .article-ctn h3 { font-size: 17px;}
	#event .article-ctn p { font-size: 13px; letter-spacing: 0.05rem;}
}


#event .wp-block-contact-form-7-contact-form-selector { width: 100%; max-width: 1080px; margin: 0 auto; background:var(--dark-gray1);}
#event .formArea_bk { width: 88%; max-width: 900px; margin: 0 auto; padding: 80px 0 0; background:var(--dark-gray1);}
#event .formArea_bk h2{ color:#fff; font-size:1.8em; font-weight:700; margin-bottom:0.5em;}
#event .formArea_bk p.top { color: #fff; font-size: 18px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 3px solid #fff;}
#event .formArea_bk ul li dl dt { color: #fff;}
#event .formArea_bk ul li dl dt { width: 270px; padding-right: 30px; font-weight: 700;}
#event .formArea_bk ul li dl dd { width: auto; color: #fff;}
#event .formArea_bk ul li dl dt span.note { display: block; font-size: 14px;}
#event .formArea_bk ul li dl dd label { color: #fff;}
#event .formArea_bk ul li dl dd input[type="text"],
#event .formArea_bk ul li dl dd input[type="tel"],
#event .formArea_bk ul li dl dd input[type="date"],
#event .formArea_bk ul li dl dd input[type="email"] { background: #fff; border:none;}
#event .formArea_bk ul li dl dd textarea { height: 160px; background: #fff; border: none; color: #000;}
#event .formArea_bk ul li dl dd span.note { color: #fff; font-size: 14px;}
#event .formArea_bk ul li dl dd select { background: #fff; color:#000; border:none; -webkit-appearance: listbox; appearance: revert; width: 150px; padding: 5px; margin-top: 5px; font-size:14px;}
#event .formArea_bk ul li.confirm { color: #fff; font-size: 18px; font-weight: 700;}
#event .formArea_bk .btn-submt { width: 100%; margin: 0 auto;}
#event .formArea_bk .btn-submt input[type="submit"] { display: block; width: 100%; padding: 8px; background: #fff; border: none; color: #000; font-size: 18px; font-weight: 700;}
#event .formArea_bk .attBox { margin-bottom: 30px; padding: 30px; background: #000; }
#event .formArea_bk .attBox p { color: #fff; font-size: 12px;}
#event .formArea_bk .attBox p.att { font-size: 15px; font-weight: 700;}
#event .formArea_bk .message { display: none;}
#event .formArea_bk .message p { color: #fff; font-size: 14px; }
@media (max-width: 481px) {
	#event .formArea_bk { padding: 40px 0;}
	#event .formArea_bk p.top { margin-bottom: 12px; font-size: 14px;}
	#event .formArea_bk ul li dl dt { width: 100%; padding: 0;}
	#event .formArea_bk ul li dl dd span.note { font-size: 11px;}
	#event .formArea_bk ul li.confirm { font-size: 13px;}
	#event .formArea_bk .attBox { margin-bottom: 20px; padding: 15px;}
	#event .formArea_bk .attBox p { font-size: 11px;}
	#event .formArea_bk .attBox p.att { font-size: 13px;}
}

#event .wpcf7-response-output{background:#fff;}
#event .notive-require {color:#ffffff; padding-bottom:1em;}
#event .required {color:#ffb6b6; font-weight:700;}