/* @group @variables */

[class*="a-event-detail"] {
--text-block-margin-bottom: 0;
--event-body-align-content: start;
--head-3-margin-bottom: 0;
--head-3-font-size: 1.125rem;
--head-3-line-height: 1.333333333;
--head-3-color: var(--color-brand);
--head-3-font-weight: 500;
}

/* @end @variables */

/* @group @a-event-detail */

[class*="a-event-detail"] {
display: grid;
}

[class*="a-event-link"] {
grid-column: 1;
}

/* @end @a-event-detail */

/* --------------------------------------------------------*/

/* @group @a-event-link */

[class*="a-event-link"] {
position: relative;
display: grid;
grid-template-rows: auto 1fr auto;
gap: .75rem;
}

/* @end @a-event-link */

/* @group @variables */

[class*="a-event-link"] {
--event-link-grid-columns: var(--event-link-gap) 1fr var(--event-link-gap);
--event-link-grid-rows: var(--event-link-media) var(--event-link-event-type) var(--event-link-gap) var(--event-link-label) var(--event-link-gap-body) var(--event-link-body) var(--event-link-gap-footer) var(--event-link-footer);
--event-link-media: auto;
--event-link-label: 1fr;
--event-link-event-type: 1.875rem;
--event-link-body: auto;
--event-link-footer: auto;
--event-link-gap: .75rem;
--event-link-gap-body: .75rem;
--event-link-gap-footer: 1.125rem;
--a-event-media-grid-column: 1 / 4;
--a-event-media-grid-row: 1 / 3;
--a-event-type-grid-column: 1 / 4;
--a-event-type-grid-row: 2;
--a-event-label-grid-column: 2;
--a-event-label-grid-row: 4;
--a-event-body-grid-column: 2;
--a-event-body-grid-row: 6;
--a-event-footer-grid-column: 2;
--a-event-footer-grid-row: 8;
}

/* @end @variables */

/* @group @a-event-link */

[class*="a-event-link"] {
box-sizing: border-box;
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: var(--event-link-grid-columns);
grid-template-rows: var(--event-link-grid-rows);
gap: 0;
background-color: var(--color-white);
box-shadow: 0 0 .5625rem hsla(220, 10%, calc(var(--color-neutral-shadow-lightness) * 1%), var(--alpha-shadow));
}

[class*="a-event-link"]:hover,
[class*="a-event-link"]:focus {
box-shadow: 0 0 .75rem hsla(220, 10%, calc(var(--color-neutral-shadow-lightness) * 1%), var(--alpha-shadow-action));
}

[class*="a-event-link"]:active {
box-shadow: 0 0 1.125rem hsla(220, 10%, calc(var(--color-neutral-shadow-lightness) * 1%), var(--alpha-shadow-active));
}

[class*="a-event-media"] {
grid-column: var(--a-event-media-grid-column);
grid-row: var(--a-event-media-grid-row);
}

[class*="a-event-type"] {
grid-column: var(--a-event-type-grid-column);
grid-row: var(--a-event-type-grid-row);
}

[class*="a-event-label"] {
grid-column: var(--a-event-label-grid-column);
grid-row: var(--a-event-label-grid-row);
}

[class*="a-event-body"] {
grid-column: var(--a-event-body-grid-column);
grid-row: var(--a-event-body-grid-row);
}

[class*="a-event-footer"] {
grid-column: var(--a-event-footer-grid-column);
grid-row: var(--a-event-footer-grid-row);
}

/* @end @a-event-link */

/* @group @a-event-link */

[class*="a-event-link-unknown"]:before,
[class*="a-event-link-postpone"]:before,
[class*="a-event-link-abort"]:before {
grid-column: var(--a-event-media-grid-column);
grid-row: var(--a-event-media-grid-row);
}

[class*="a-event-link-unknown"]:before,
[class*="a-event-link-postpone"]:before,
[class*="a-event-link-abort"]:before {
position: relative;
z-index: 2;
display: grid;
place-items: var(--place-items-v-center-primary);
font-size: 2.25rem;
color: var(--color-white);
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem)
}

[class*="a-event-link-unknown"]:before {
content: '開催未定';
background-color: hsla(220, 100%, 40%, .675);
}

[class*="a-event-link-postpone"]:before {
content: '延期決定';
background-color: hsla(70, 100%, 40%, .675);
}

[class*="a-event-link-abort"]:before {
content: '開催中止';
background-color: hsla(360, 100%, 40%, .675);
}

/* @end @a-event-link */

/* --------------------------------------------------------*/

/* @group @variables */

.a-event-status-after {
--event-status-color: hsla(201.2, 98.1%, 41.4%, 1);
}

.a-event-status-recruiting {
--event-status-color: hsla(122.8, 43.4%, 38.8%, 1);
}

.a-event-status-close {
--event-status-color: hsla(14.3, 80.4%, 50%, 1);
}

.a-event-status-end {
--event-status-color: hsla(199.4, 18.3%, 33.1%, 1);
}

/* @end @variables */

/* @group @a-event-status */

[class*="a-event-status"] {
overflow: hidden;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 6.75rem;
height: 6.75rem;
font-size: .75rem;
font-weight: 500;
transform: translate(-50%, -50%) rotate(-45deg);
}

[class*="a-event-status"]>span {
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: flex-end;
width: inherit;
height: inherit;
padding: .375rem;
background-color: var(--event-status-color);
color: var(--color-white);
}

/* @end @a-event-status */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="a-event-body"] {
--text-block-margin-bottom: 0;
--event-body-align-content: start;
--event-body-gap-primary: .375rem;
}

/* @end @variables */

/* @group @a-event-body */

[class*="a-event-body"] {
display: grid;
align-content: var(--event-body-align-content);
grid-template-columns: repeat(1, 1fr);
gap: var(--event-body-gap-primary);
font-size: .875rem;
line-height: 1.714285714;
}

/* @end @a-event-body */
/* --------------------------------------------------------*/

/* @group @a-event-media */

[class*="a-event-media"] {
position: relative;
z-index: 1;
height: 12rem;
}

[class*="a-event-media"] img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}

/* @end @a-event-media */
/* --------------------------------------------------------*/

/* @group @variables */

/*.a-event-type-school {
--event-type-color: hsla(201.2, 98.1%, 41.4%, 1);
}

.a-event-type-trail {
--event-type-color: hsla(30.4, 100%, 48%, 1);
}*/

/*.a-news-status-info {
--news-info-color: hsla(201.2, 98.1%, 41.4%, 1);
}

.a-news-status-event {
--news-info-color: hsla(122.8, 43.4%, 38.8%, 1);
}

.a-news-status-more {
--news-info-color: hsla(30.4, 100%, 48%, 1);
}*/

/* @end @variables */

/* @end @variables */

/* @group @a-event-type */

[class*="a-event-type"] {
box-sizing: border-box;
position: relative;
z-index: 3;
display: grid;
place-items: var(--place-items-v-center-primary);
padding: 0 var(--event-link-gap);
background-color: hsla(0, 0%, 0%, .5);
font-size: .75rem;
line-height: 1.5;
color: var(--color-white);
}

/* @end @a-event-type */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="a-event-overview"] {
--text-block-margin-bottom: 0;
--event-overview-align-content: start;
--event-overview-gap-primary: .75rem;
--line-clamp-line: 2;
}

/* @end @variables */

/* @group @a-event-overview */

[class*="a-event-overview"] {
position: relative;
overflow: hidden;
display: -webkit-box;
max-height: calc(var(--line-clamp-base) * var(--line-clamp-line));
-webkit-line-clamp: var(--line-clamp-line);
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}

/* @end @a-event-overview */

/* --------------------------------------------------------*/

/* @group @a-event-qualifications */

[class*="a-event-qualifications"] {
display: flex;
flex-wrap: wrap;
}

[class*="a-event-qualifications"]>li:not(:first-of-type) {
position: relative;
margin-left: .5625rem;
padding-left: .5625rem;
}

[class*="a-event-qualifications"]>li:not(:first-of-type):before {
content: '';
position: absolute;
top: .375rem;
left: 0;
bottom: .375rem;
width: 1px;
background-color: hsla(220, 10%, calc(var(--color-neutral-shadow-lightness) * 1%), var(--alpha-shadow));
}

/* @end @a-event-qualifications */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="a-event-footer"] {
--event-status-color: hsla(30.4, 100%, 48%, 1);
}

/* @end @variables */

/* @group @a-event-footer */

[class*="a-event-footer"] {
display: flex;
justify-content: center;
align-items: center;
padding: .75rem 0;
box-shadow: 0 -1px 0 hsla(220, 10%, calc(var(--color-neutral-shadow-lightness) * 1%), var(--alpha-shadow));
transition: inherit;
}

[class*="a-event-link"]:hover [class*="a-event-footer"],
[class*="a-event-link"]:focus [class*="a-event-footer"] {
color: var(--color-brand-action);
}

[class*="a-event-link"]:active [class*="a-event-footer"] {
color: var(--color-brand-active);
}

/* @end @a-event-footer */