/* event ------------------------------------ */
#area-event h3{
background-color: var(--color-light_purple);
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 1.5em;
border-bottom-left-radius: 0;
color: var(--color-dark_blue);
display: block;
font-weight: bold;
font-size: min(1.2em, 4.0vw);
margin-bottom: 0.5em;
padding: 0.5em 0.5em;
text-align: left;
}
#area-event .contents{
margin: 0 auto;
text-align: left;
width: 80%;
}
#area-event a {
color: var(--color-blue) !important;
text-decoration: underline;
}
#area-event .img{}
#area-event .img img{
height: auto;
width: 100%;
}
#area-event .text{}
#area-event dl {
background: var(--color-light_purple);
border-radius: 20px;
margin: min(5em, 5vw) auto 0;
width: max(80%, 340px);
padding: 8% 10% 2%;
width: 100%;
}
#area-event dl dt{
color: var(--color-dark_blue);
font-size: 135%;
}
#area-event dl dd{
line-height: 1.5;
margin: 0 0 4vw 2vw;
}

#area-event .attention{
margin: min(5em, 5vw) auto 0;
width: 100%;
}
/*#area-event .attention h2 {
font-size: min(1.1em, 4.0vw);
font-weight: 600;
line-height: 1;
margin: 0 auto 1.0em;
position: relative;
text-align: center;
}*/
#area-event .attention h3{
font-size: min(1.1em,4.0vw);
font-weight: 600;
line-height: 1;
margin: 0 auto 1.0em;
position: relative;
}
#area-event .attention ul{
margin: 0 auto 1.5rem;
width: 95%;
}
#area-event .attention ul li{
line-height: 1.4;
position: relative;
padding: 0 0 0.5em 1.2em;
}
#area-event .attention ul li::before {
position: absolute;
content: "※"!important;/*※*/
height: 1em;
left: 0;
top: 0;
width: 1em;
}

#area-event dl:nth-child(2) {
background: #333;
}
#area-event .access:after{
content:">>";
}
#area-event .boxA {
background: white;
border-radius: 0.5em;
margin: 1em auto;
padding: 1.0em;
word-break: break-all;
}
#area-event .boxA h4 {
border-bottom: dashed 3px var(--color-light_blue2);
color: var(--color-dark_blue);
font-size: 120%;
margin: 0 auto 0.5em;
padding: 0.2em 0;
}
#area-event .boxA .img{
margin: 0 auto 2em;
}
#area-event .attention h2 {
background: #f6f2f2;
font-size: min(1.3em, 4.0vw);
font-weight: 600;
line-height: 1;
margin: 0 auto 1.0em;
padding: 0.8em 0;
text-align: center;
}
#area-event .attention .midashi {
margin: 0 auto 1.5rem;
width: 95%;
}
#area-event .h_margin {
margin: 5em auto -30px !important;
}

/*#area-event .form{
display: block;
margin: 3em auto 0;
line-height: 1.5;
text-align: center;
width: 100%;
}
#area-event .form .linkBtnOut {
background: #bababa;
color: #3b3b3b;
border-radius: 2em;
display: inline-flex;
font-weight: bold;
justify-content: center;
gap: min(2vw, 0.5em);
margin: 1.5em auto 0;
padding: min(3vw, 1em);
position: relative;
text-decoration: none;
user-select: none;
width: 50%;
}
#area-event .form .linkBtn{
align-items: center;
background: var(--color-dark_purple);
border-radius: 2em;
color: #fff !important;
display: inline-flex;
font-weight: bold;
justify-content: center;
gap: min(2vw, 0.5em);
margin: 1.5em auto 0;
padding: min(3vw, 1em);
position: relative;
text-decoration: none;
user-select: none;
width: 50%;
}
#area-event .form .linkBtn:hover{
opacity: 0.6;
}
#area-event .form .linkBtn::after {
content: "▼";
line-height: 1;
transform: rotate(-90deg);
transition: 0.2s;
}*/

/* SP  -------------------------------------------------- */
@media (max-width: 768px) {
	#area-event .contents{
	width: 90%;
	}
	#area-event .text {
	line-height: 1.5;
	margin: 1em auto 0;
	}
	#area-event dl {
	padding: 8% 6% 2%;
	}
	#area-event dl dd{
	margin: 0 0 4vw;
	}
	#area-event .form {
	text-align: left;
	}
	#area-event .form .linkBtn ,
	#area-event .form .linkBtnOut {
	display: block;
	text-align: center;
	width: unset;
	}
	small.block {
	display: block;
	}
	.t01{
	display: block;
	}
	#area-event .h_margin {
    margin: 2em auto -1em !important;
	}
}