@charset "UTF-8";

/* ================================================================================
main
================================================================================ */
@media print, screen
{

main,
.editor-styles-wrapper
{	background: var(--Cblue0);	}

}
@media screen and (max-width: 767px)
{

}

/* ================================================================================
title
================================================================================ */
@media print, screen
{

#title > .inner{	padding-bottom: 0;	}


#title .s2
{
	display: flex;	align-items: center;
	gap: calc(15 * var(--v));
}
#title .date
{
	color: var(--Cblue1);
	font-size: var(--fzv16);
	font-weight: 500;
}

#title h2
{
	font-size: var(--fzv30);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
#title .line{	background: var(--Cgray2);	}

}
@media screen and (min-width: 768px)
{

}
@media screen and (max-width: 767px)
{

}

/* ================================================================================
wordpress block
================================================================================ */
@media print, screen
{

[class*="wp-block"] h3
{
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
[class*="wp-block"] h3:not(:last-child){	margin-bottom: 1rem;	}
[class*="wp-block"] p:has(+[class*="spacer"]){	margin-bottom: 0;	}


[class*="wp-block"] p{	line-height: 1.7;	}
[class*="wp-block"] p:not(:last-child){	margin-bottom: 1rem;	}
[class*="wp-block"] p:has(+[class*="spacer"]){	margin-bottom: 0;	}

[class*="wp-block"] p a{	color: var(--Cblue2);	}
[class*="wp-block"] strong{	font-weight: 500;	}

}
@media screen and (min-width: 768px)
{

[class*="wp-block"] p a:hover{	text-decoration: underline;	}

}
@media screen and (max-width: 767px)
{

}


/* ================================================================================
swpm-registration-widget-form
================================================================================ */
@media print, screen
{

#swpm-registration-form .swpm-registration-form-section
{
	display: flex;	flex-direction: column;
	gap: calc(20 * var(--v));

	max-width: calc(600 * var(--v));
	/* margin: 0 auto; */
}
#swpm-registration-form .swpm-registration-form-section > div{	margin: 0;	}
#swpm-registration-form .swpm-registration-form-section label
{
	display: block;
	margin: 0 0 calc(10 * var(--v));

	font-size: var(--fzv16);
	font-weight: 500;
}
#swpm-registration-form .swpm-firstname-row,
#swpm-registration-form .swpm-lastname-row,
#swpm-registration-form .swpm-membership-level-row
{	display: none;	}

#swpm-registration-form span.note{	color: var(--Cgray1);	font-size: 0.8em;	}
#swpm-registration-form button[type="submit"]{	margin: 0;	}

}
@media screen and (min-width: 768px)
{

}
@media screen and (max-width: 767px)
{

}

/* ================================================================================
swpm-pw-reset-form
================================================================================ */
@media print, screen
{

#swpm-pw-reset-form .swpm-pw-reset-widget-inside
{
	display: flex;	flex-direction: column;
	/* gap: calc(20 * var(--v)); */

	max-width: calc(600 * var(--v));
}
#swpm-pw-reset-form .swpm-pw-reset-widget-inside > div{	margin: 0;	}
#swpm-pw-reset-form .swpm-pw-reset-widget-inside label
{
	display: block;
	margin: 0 0 calc(10 * var(--v));

	font-size: var(--fzv16);
	font-weight: 500;
}
#swpm-pw-reset-form .swpm-pw-reset-widget-inside .swpm-pw-reset-email-input{	margin: 0 0 calc(40 * var(--v));	}

#swpm-pw-reset-form input[type="submit"]{	margin: 0;	}


}
@media screen and (min-width: 768px)
{

}
@media screen and (max-width: 767px)
{

}


/* ================================================================================
swpm_message
================================================================================ */
@media print, screen
{

#swpm_message .swpm-registration-success-msg
{
	display: block;
	margin: 0 0 calc(10 * var(--v));

	font-size: var(--fzv16);
	font-weight: 500;
	line-height: 1.7;
}

}
@media screen and (min-width: 768px)
{

}
@media screen and (max-width: 767px)
{

}



/* ======================================== end ======================================== */