/* grid view */



div.wrap{background: #efefee; overflow: hidden;}
div.grid{display: grid; grid-template-columns: repeat(20, 1fr); width: 100%; max-width: 1440px; margin: 0 auto;}
div.grid-column{grid-column: 2 / 20;}
div.grid-column-small{grid-column: 2 / 20;}
div.grid-series{grid-column: 2 / 20;}
div.grid-video{grid-column: 2 / 20;}
div.grid-video h1{text-align: center;}
div.grid-view{display: grid;}
div.grid-view.view-1x{row-gap: 24px;}
div.grid-view.view-2x{row-gap: 32px;}
div.grid-view.view-3x{row-gap: 32px;}
div.grid-view.view-4x{row-gap: 32px;}
div.grid-view.view-5x{grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; row-gap: 72px;}
div.grid-view.rmv-gap{column-gap: 0 !important;}
div.grid-tile{display: grid;}
div.grid-tile.view-2x{grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; row-gap: 44px;}
div.grid-tile.view-3x{grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; row-gap: 32px;}
@media (min-width: 640px){
div.grid-view.view-4x{grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; row-gap: 72px;}
div.grid-tile.view-3x{grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2rem; row-gap: 44px;}
}
@media (min-width: 990px){
div.grid-column-small{grid-column: 6 / 16;}
div.grid-series{grid-column: 4 / 18;}
div.grid-video{grid-column: 4 / 18;}
div.grid-view.view-1x{row-gap: 32px;}
div.grid-view.view-2x{grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 10vw; row-gap: 72px;}
div.grid-view.view-3x{grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 3rem; row-gap: 72px;}
div.grid-view.view-4x{grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 3rem; row-gap: 72px;}
div.grid-view.view-5x{grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 2rem; row-gap: 72px;}
div.grid-tile.view-2x{column-gap: 3rem;}
}
@media (min-width:1280px){
div.grid-view.view-5x{grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 2rem; row-gap: 72px;}
}



/* grid context */



div.view_node{margin-top: 60px; margin-bottom: 60px;}
div.view_node_card{margin-top: 60px; margin-bottom: 80px;}
div.view_node_head{margin-top: 60px; margin-bottom: 60px;}
div.view_node-embed-media{margin-top: 60px; margin-bottom: 80px;}
div.view_term{margin-top: 60px; margin-bottom: 60px;}
div.view_instagram{margin-top: 60px; margin-bottom: 60px;}
div.view_venue-event{margin-top: 60px; margin-bottom: 60px;}
div.view_term-content{margin-bottom: 60px;}
div.view_article-domain{margin-top: 80px; margin-bottom: 80px;}
div.view_article-new{margin-top: 80px; margin-bottom: 80px;}
div.view_article-news{margin-top: 60px; margin-bottom: 80px;}
div.view_article-zine{margin-top: 60px; margin-bottom: 80px;}
div.view_article-recent{margin-top: 80px; margin-bottom: 80px;}
div.view_article-sticky{margin-top: 80px; margin-bottom: 80px;}
div.view_article-more-by-date{margin-top: 60px; margin-bottom: 60px;}
div.view_archive{margin-top: 60px; margin-bottom: 60px;}
div.view_english{margin-top: 60px; margin-bottom: 60px;}
div.view_venue{margin-top: 60px; margin-bottom: 60px;}
div.view_crew{margin-top: 60px; margin-bottom: 60px;}
div.view_crew div.grid-column{max-width: 740px;}
div.view_recommend{margin-top: 80px; margin-bottom: 80px;}
div.view_issue{margin-top: 60px; margin-bottom: 60px;}
div.view_issue-content{margin-top: 80px; margin-bottom: 80px;}
div.view_issue-more-by-date{margin-top: 60px; margin-bottom: 60px;}
div.view_ck{margin-top: 60px; margin-bottom: 60px;}
div.view_photo{margin-top: 60px; margin-bottom: 60px;}
div.view_faq{margin-top: 60px; margin-bottom: 60px;}
div.view_faq + div.view_faq{margin-top: -40px;}
div.view_article-author{margin-top: 60px; margin-bottom: 60px;}
div.view_series-preview{margin-top: 80px; margin-bottom: 80px;}
div.view_series-new{margin-top: 60px; margin-bottom: 60px;}
div.view_series-overview{margin-top: 60px; margin-bottom: 60px;}
div.view_series-summary{margin-top: 60px; margin-bottom: 80px;}
div.view_series-content{margin-top: 60px; margin-bottom: 60px;}
div.view_event-passed{margin-top: 80px; margin-bottom: 60px;}
div.view_event-overview{margin-top: 80px; margin-bottom: 60px;}
div.view_event-new{margin-top: 60px; margin-bottom: 60px;}
div.view_event-next-up{margin-top: 60px; margin-bottom: 60px;}
div.view_youtube{margin-top: 80px; margin-bottom: 80px;}
div.view_video-domain{margin-top: 80px; margin-bottom: 80px;}
div.view_video-new{margin-top: 80px; margin-bottom: 80px;}
div.view_video-zine{margin-top: 60px; margin-bottom: 80px;}
div.view_video-recent{margin-top: 80px; margin-bottom: 80px;}
div.view_video-sticky{margin-top: 80px; margin-bottom: 80px;}
div.view_video-more-by-date{margin-top: 60px; margin-bottom: 60px;}
div.view_podcast-domain{margin-top: 80px; margin-bottom: 80px;}
div.view_podcast-new{margin-top: 80px; margin-bottom: 80px;}
div.view_podcast-zine{margin-top: 60px; margin-bottom: 80px;}
div.view_podcast-more-by-date{margin-top: 60px; margin-bottom: 60px;}
div.view_carousel{margin-top: 60px; margin-bottom: 60px;}
div.view_publication{margin-top: 60px; margin-bottom: 60px;}
div.view_publication-more-by-date{margin-top: 60px; margin-bottom: 60px;}
div.view_embedded{margin-top: 40px; margin-bottom: 40px;}
div.view_embedded-spaced{margin-top: 60px; margin-bottom: 80px;}
div.view_search{margin-top: 60px; margin-bottom: 60px;}



/* zine layout */



div.zine-a{display: grid; row-gap: 32px;}
div.zine-b article>a div.card div.date-event{font-size: 2.6em !important;}
div.zine-c{display: grid; row-gap: 32px;}
@media (min-width: 990px){
div.zine-a{display: grid; grid-template-areas: "big small1" "big small2"; grid-template-columns: 64% 1fr; column-gap: 5vw; row-gap: 32px;}
div.zine-a>div:nth-child(1){grid-area: big; margin: 0;}
div.zine-a>div:nth-child(2){grid-area: small1;}
div.zine-a>div:nth-child(3){grid-area: small2;}
div.zine-b article>a{display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;}
div.zine-b article>a div.card{width: 40%; margin: 0 32px 0 0;}
div.zine-b article>a div.core{-webkit-flex: 1; flex: 1;}
div.zine-c{display: grid; grid-template-areas: "big small1" "big small2"; grid-template-columns: 40% 1fr; column-gap: 5vw; row-gap: 32px;}
div.zine-c>div:nth-child(1){grid-area: big; margin: 0;}
div.zine-c>div:nth-child(2){grid-area: small1;}
div.zine-c>div:nth-child(3){grid-area: small2;}
}
@media (min-width:1280px){
div.zine-a{column-gap: 6vw;}
div.zine-c{column-gap: 6vw;}
}



/* item layout */



article>a{display: block; text-decoration: none;}
article>a[href='']{pointer-events: none;}
article>a.active-0{pointer-events: none;}
article>a div.core ul{margin: 0 0 10px 0; overflow: hidden;}
article>a div.core ul>li{display: inline-block; float: left; margin: 0 6px 6px 0; padding: 4px 8px; background: #ffcd00; border-radius: 3px; font-size: 0.8em; line-height: 1.0em; font-weight: 600; text-transform: uppercase; color: #111 !important;}
article>a div.core span{display: block;}
article>a div.core span.name{margin-bottom: 8px; font-weight: 600;}
article>a div.core span.head{margin-bottom: 6px; font-size: 0.9em; line-height: 1.48em;}
article>a div.core span.date{font-size: 0.8em; font-style: italic; color: #666;}
article>a div.core span.date-event-mini{display: table; margin-bottom: 4px; padding: 0.1em 0.4em; background: #ffcd00; border-radius: 3px; text-transform: uppercase; font-weight: 600;}
article>a div.core span.name-user>span{display: inline; font-size: 0.9em; line-height: 1.4em; font-style: italic;}
article>a div.core span.name-user:not(.mix)>span:nth-child(1){display: none !important;}
article>a div.core span.name-user:not(.mix)>span:nth-child(2){display: block;}
article>a div.core span.name-user:not(.mix)>span:nth-child(2)::first-letter{text-transform: uppercase;}
article>a div.core div.name-user{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; font-size: 0.9em; line-height: 1.4em; font-style: italic;}
article>a div.core div.name-user>div:nth-child(1){width: 28px; aspect-ratio: 1/1; background: #eee; border-radius: 50%; overflow: hidden;}
article>a div.core div.name-user>div:nth-child(2){display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 10px;}
article>a div.core div.name-user:not(.mix)>div:nth-child(2)>span:nth-child(1){display: none !important;}
article>a div.core div.name-user:not(.mix)>div:nth-child(2)>span:nth-child(2)::first-letter{text-transform: uppercase;}
article>a div.core div.next{margin-top: 12px;}
article>a div.core div.next span.next-date{display: table; margin-bottom: 6px; padding: 0.1em 0.4em; background: #ffcd00; border-radius: 3px; text-transform: uppercase; font-weight: 600;}
article>a div.core div.next span.next-name{font-size: 0.9em; line-height: 1.4em; font-weight: 600;}
article>a div.card{position: relative; margin-bottom: 16px;}
article>a div.card div.hms,article>a div.card div.min{z-index: 4; position: absolute; right: 12px; bottom: 12px; padding: 4px 8px; border-radius: 3px; opacity: 0.9; font-size: 0.8em; line-height: 1.0em; font-weight: 600;}
article>a div.card div.hms{background: #111; color: #eee;}
article>a div.card div.min{background: #fff; color: #111;}
article>a div.card img{width: 100%; height: 100%; object-fit: cover;}
article>a div.card-media{z-index: 2; position: relative; width: 100%; background: #eee; border-radius: 8px; overflow: hidden;}
article.event-row{margin: 20px 0;}
article.event-row>a{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
article.event-row>a div.date{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 3.0em; aspect-ratio: 1/1; margin: 0 24px 0 0; background: #ffcd00; border-radius: 4px; overflow: hidden; font-size: 2.0em; line-height: 1.0em; font-weight: 600; text-transform: uppercase;}
article.event-row>a div.date span{display: block;}
article.event-row>a div.date span.d{font-weight: 400;}
article.event.hide{display: none;}
article.event div.card div.date-event{z-index: 4; position: absolute; top: 0; left: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-width: 4.0em; height: 3.0em; margin: 0 24px 0 0; padding: 0 0.6em; background: #ffcd00; border-top-left-radius: 8px; overflow: hidden; font-size: 1.6em; line-height: 1.0em; font-weight: 600; text-transform: uppercase;}
article.event div.card div.date-event span{display: block;}
article.event div.card div.date-event span.d{font-weight: 400;}
article.event div.core div.event-data{margin-bottom: 10px;}
article.event div.core div.event-data span{display: inline-block; margin: 0 12px 8px 0;}
article.event div.core div.event-data span.venue{padding: 0.2em 0.4em; padding-left: 1.0em; background: url(svg/pin.svg) left center / 0.5em auto no-repeat; font-size: 0.9em; opacity: 0.8;}
article.event div.core div.event-data span.start{padding: 0.2em 0.4em; background: #ddd; border-radius: 2px; font-size: 0.9em; line-height: 1.2em; color: #444;}
article.event div.core div.event-state{display: table; margin-bottom: 8px; padding: 0.4em 0.6em; background: #ce0000; border-radius: 3px; font-size: 0.8em; line-height: 1.0em; letter-spacing: 0.02em; font-weight: 600; text-transform: uppercase; color: #fff;}
article.event[data-sticky='1']>a{background: #ffcd00; border-radius: 8px; overflow: hidden;}
article.event[data-sticky='1']>a div.card-media{aspect-ratio: 3/4 !important; border-radius: 12px 0 0 8px;}
article.event[data-sticky='1']>a div.core{padding: 32px; padding-left: 0;}
section.main div.grid-video{grid-column: 2 / 20 !important;}
section.main div.grid-video h1{text-align: left;}
div.view_embedded article{margin-bottom: 32px;}
@media (min-width: 990px){
article>a div.core div.name-user>div:nth-child(1){width: 36px;}
article.event div.card div.date-event{font-size: 2.0em;}
}



/* item layout by context */



div.grid-view.view-1x article>a,div.view_embedded article>a,div.zine-c>div:not(:nth-child(1)) article>a{display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;}
div.grid-view.view-1x article>a div.card,div.view_embedded article>a div.card,div.zine-c>div:not(:nth-child(1)) article>a div.card{width: 32%; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 32px 0 0;}
div.grid-view.view-1x article>a div.core,div.view_embedded article>a div.core,div.zine-c>div:not(:nth-child(1)) article>a div.core{-webkit-flex: 1; flex: 1;}
div.grid-view.view-2x article>a{display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: flex-start; align-items: flex-start;}
div.grid-view.view-2x article>a div.card{width: 30%; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 16px 0 0;}
div.grid-view.view-2x article>a div.core ul{margin: 0 0 6px 0;}
div.zine-a article>a div.core span.name,article.news>a div.core span.name,div.zine-c>div:not(:nth-child(1)) article>a div.core span.name{margin-bottom: 16px; font-family: 'Merriweather', serif; font-size: 1.6em !important; line-height: 1.2em !important; letter-spacing: -0.01em; font-weight: 400;}
div.zine-a>div:nth-child(1) article>a div.core{padding: 40px 30px; background: #ffcd00; border-top-left-radius: 16px; border-top-right-radius: 16px; text-align: center;}
div.zine-a>div:nth-child(1) article>a div.core ul{display: table; margin-left: auto; margin-right: auto;}
div.zine-a>div:nth-child(1) article>a div.core ul>li{background: #111 !important; color: #ffcd00 !important;}
div.zine-a>div:nth-child(1) article>a div.core div.name-user{-webkit-justify-content: center; justify-content: center;}
div.zine-a>div:nth-child(1) article>a div.core span.name{margin-bottom: 20px; font-size: 2.6em !important; line-height: 1.2em !important;}
div.zine-a>div:nth-child(1) article>a div.card{margin: 0;}
div.zine-a>div:nth-child(1) article>a div.card-media{border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
div.zine-c>div:nth-child(1) article>a div.core{padding: 50px 30px 40px 30px; background: #ffcd00; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; text-align: center;}
div.zine-c>div:nth-child(1) article>a div.core ul{display: table; margin-left: auto; margin-right: auto;}
div.zine-c>div:nth-child(1) article>a div.core ul>li{background: #111 !important; color: #ffcd00 !important;}
div.zine-c>div:nth-child(1) article>a div.core div.name-user{-webkit-justify-content: center; justify-content: center;}
div.zine-c>div:nth-child(1) article>a div.core span.name{margin-bottom: 20px; font-family: 'Merriweather', serif; font-size: 2.2em; line-height: 1.2em; letter-spacing: -0.01em; font-weight: 400;}
div.zine-c>div:nth-child(1) article>a div.card{margin: 0;}
div.zine-c>div:nth-child(1) article>a div.card-media{aspect-ratio: 2/1; background: #000; border-radius: 0; border-top-left-radius: 16px; border-top-right-radius: 16px; overflow: hidden;}
div.zine-c>div:nth-child(1) article>a div.card-media img{filter: blur(24px); transform: scale(1.2);}
div.zine-c>div:nth-child(1) article>a div.card-media-square{z-index: 3; position: absolute; bottom: -20px; left: 28%; display: block; width: 44%; aspect-ratio: 1/1; border-radius: 8px; overflow: hidden;}
div.zine-a>div:nth-child(1) article>a div.core span.date{color: #262626;}
div.zine-a>div:nth-child(1) article>a div.core span.head{margin-bottom: 20px; font-size: 1.16em; line-height: 1.48em;}
div.zine-c>div:nth-child(1) article>a div.core span.head{margin-bottom: 16px;}
div.zine-b article>a div.core span.name{margin-bottom: 20px; font-family: 'Merriweather', serif; font-size: 2.6em; line-height: 1.2em; letter-spacing: -0.01em; font-weight: 400;}
div.zine-b article>a div.core span.head{margin-bottom: 20px; font-size: 1.16em; line-height: 1.48em;}
div.canvas-view article>a div.core span.name{margin-bottom: 20px; font-family: 'Merriweather', serif; font-size: 2.6em; line-height: 1.2em; letter-spacing: -0.01em; font-weight: 300;}
div.canvas-view article>a div.core span.head{margin-bottom: 20px; font-size: 1.16em; line-height: 1.48em;}
div.canvas-view article>a div.core span.date{color: #fff; opacity: 0.8;}
div.view_event-new div.swiper-slide article.event div.core span.name{font-size: 1.2em; line-height: 1.4em;}
div.grid-view.view-3x article>a div.core span.name{font-size: 1.2em; line-height: 1.4em;}
div.archive-view div.grid-view.view-3x article>a div.core span.name{font-size: 1.0em; line-height: 1.4em;}
div.calendar-view article.event>a div.core span.name{font-size: 1.4em; line-height: 1.4em;}
@media (min-width: 990px){
div.grid-view.view-2x article>a div.card{width: 44%; margin: 0 32px 0 0;}
}
@media (max-width: 640px){
div.grid-view.view-1x article>a,div.grid-view.view-4x article>a,div.archive-view div.grid-view.view-3x article>a,div.zine-c>div:not(:nth-child(1)) article>a{display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: flex-start; align-items: flex-start;}
div.grid-view.view-1x article>a div.card,div.grid-view.view-4x article>a div.card,div.archive-view div.grid-view.view-3x article>a div.card,div.zine-c>div:not(:nth-child(1)) article>a div.card{width: 30%; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 16px 0 0;}
div.grid-view.view-1x article>a div.core ul,div.grid-view.view-4x article>a div.core ul,div.archive-view div.grid-view.view-3x article>a div.core ul,div.zine-c>div:not(:nth-child(1)) article>a div.core ul{margin: 0 0 6px 0;}
div.zine-c>div:not(:nth-child(1)) article>a div.core span.name{font-size: 1.4em;}
div.calendar-view article.event>a div.card div.date-event{font-size: 1.2em;}
div.calendar-view article.event>a div.core div.event-data{margin-bottom: 4px;}
div.calendar-view article.event>a div.core span.name{font-size: 1.2em; line-height: 1.4em;}
}



/* item layout by content */



div.grid-view article.video div.card-media img,div.grid-view article.podcast div.card-media img,div.view_embedded article.video div.card-media img,div.view_embedded article.podcast div.card-media img{z-index: 2; position: relative;}
div.grid-view article.video div.card-media:before,div.grid-view article.podcast div.card-media:before,div.view_embedded article.video div.card-media:before,div.view_embedded article.podcast div.card-media:before{z-index: 4; position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: url(svg/play-w.svg) center center / 16% auto no-repeat; opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); transition: transform 120ms ease, opacity 200ms ease;}
div.grid-view article.video>a:hover div.card-media:before,div.grid-view article.podcast>a:hover div.card-media:before,div.view_embedded article.video>a:hover div.card-media:before,div.view_embedded article.podcast>a:hover div.card-media:before{opacity: 0.8; -webkit-transform: scale(1); transform: scale(1);}
div.grid-view.view-3x article.video div.card-media:before,div.grid-view.view-3x article.podcast div.card-media:before{background-size: 12% auto;}



/* image ratio */



div.c1x1{aspect-ratio: 1/1 !important;}
div.c2x3{aspect-ratio: 2/3 !important;}
div.c3x2{aspect-ratio: 3/2 !important;}
div.c3x4{aspect-ratio: 3/4 !important;}
div.c4x3{aspect-ratio: 4/3 !important;}
div.c4x5{aspect-ratio: 4/5 !important;}



/* canvas view */



div.canvas-view article>a{position: relative;}
div.canvas-view article>a div.card{z-index: 2; position: relative;}
div.canvas-view article>a div.core{z-index: 4; position: absolute; top: 0; left: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;  width: 100%; height: 100%; padding: 0 20px; background: radial-gradient(circle,rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.1) 100%); border-radius: 8px; text-align: center; color: #fff;}
div.canvas-view article>a div.core ul{display: table; margin-left: auto; margin-right: auto;}
@media (max-width: 990px){
div.canvas-view article>a div.card div.card-media{aspect-ratio: 1/1 !important;}
}
@media (max-width: 640px){
div.canvas-view article>a div.card div.card-media{aspect-ratio: 3/4 !important;}
}



/* crew */



article.crew>a{height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; align-items: stretch;}
article.crew>a div.card{margin: 0;}
article.crew>a div.card:before{z-index: 0; position: absolute; left: 0; bottom: 0; content: ''; display: block; width: 100%; height: 14px; background: #ffcd00;}
article.crew>a div.card-media{border-radius: 14px;}
article.crew>a div.core{-webkit-flex: 1; flex: 1; padding: 20px; background: #ffcd00; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px;}
article.crew>a span.name-crew{font-weight: 600;}
article.crew>a span.name-crew:first-letter{text-transform: uppercase;}
article.crew>a span.role{font-size: 0.8em; font-style: italic; margin-bottom: 6px;}
article.crew>a span.mail{font-size: 0.9em;}
article.crew>a span.call{font-size: 0.9em;}
article.crew>a:hover span.name-crew{text-decoration: underline;}



/* venue */



article.venue>a{height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; align-items: stretch;}
article.venue>a div.card{margin: 0;}
article.venue>a div.card:before{z-index: 0; position: absolute; left: 0; bottom: 0; content: ''; display: block; width: 100%; height: 14px; background: #ffcd00;}
article.venue>a div.card-media{border-radius: 14px;}
article.venue>a div.core{-webkit-flex: 1; flex: 1; padding: 20px; background: #ffcd00; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px;}
article.venue>a span.name-venue{font-size: 1.1em; font-weight: 600;}
article.venue>a:hover span.name-venue{text-decoration: underline;}
article.venue>a span.address{font-size: 0.9em; margin-top: 8px;}



/* faq */



div.accordion{max-width: 740px; background: #ffeca2; border-radius: 6px; overflow: hidden; -webkit-transition: background 120ms ease; transition: background 120ms ease;}
div.accordion>div.head{position: relative; padding: 14px 60px 14px 20px; cursor: pointer; font-size: 1.1em; line-height: 1.4em;}
div.accordion>div.head:before{position: absolute; top: 50%; right: 20px; content: ''; display: block; width: 0.8em; aspect-ratio: 1/1; margin-top: -0.4em; background: url(svg/arrow.svg) center center / contain no-repeat; -webkit-transition: transform 200ms ease; transition: transform 200ms ease; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
div.accordion>div.head span{display: block; font-weight: 600;}
div.accordion>div.head:hover span{text-decoration: underline;}
div.accordion>div.core{padding: 0 40px 0 20px; overflow-y: hidden; -webkit-transition: max-height 400ms ease-in-out; transition: max-height 400ms ease-in-out;}
div.accordion.hide{background: #ffcd00;}
div.accordion.hide>div.head:before{-webkit-transform: none; transform: none;}
div.accordion.hide>div.core{max-height: 0;}



/* news */



div.view_article-news div.news-feature{background: #ffcd00;}
div.view_article-news div.news-feature>a{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 100%; text-decoration: none;}
div.view_article-news div.news-feature>a>div{padding: 30px;}
div.view_article-news div.news-feature>a span.head{display: block; font-size: 2.2em; line-height: 1.2em; letter-spacing: -0.02em; font-weight: 600;}
div.view_article-news div.news-feature>a span.head-button{position: relative; display: table; margin-top: 2.0rem; padding: 0.5em 2.4em 0.5em 0.8em; background: #000 url(svg/arrow-uu.svg) right 0.8em center / auto 0.8em no-repeat; border-radius: 2px; text-transform: uppercase; font-weight: 600; color: #ffcd00;}
@media (min-width: 990px){
div.view_article-news article.news{height: 100%;}
div.view_article-news article.news>a{height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; align-items: stretch;}
div.view_article-news article.news>a div.card{margin: 0;}
div.view_article-news article.news>a div.card-media{border-radius: 0;}
div.view_article-news article.news>a div.core{-webkit-flex: 1; flex: 1; padding: 20px; padding-bottom: 30px; background: #fff;}
}



/* swiper */



div.swiper-container{position: relative;}
div.swiper-button{position: absolute; width: 5vw; max-width: 48px; aspect-ratio: 1/1; top: 30%; right: 0; background: url(svg/swiper-button.svg) center center / 40% auto no-repeat; outline: none; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: opacity 120ms ease; transition: opacity 120ms ease; touch-action: manipulation; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer;}
div.swiper-button.prev{left: 0; right: auto; -webkit-transform: scale(-1) translateX(100%); transform: scale(-1) translateX(100%);}
div.swiper-button.swiper-button-disabled{opacity: 0; pointer-events: none;}
div.swiper-scrollbar{position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; width: 100% !important; height: 2px !important; margin-top: 24px; background: rgba(0,0,0,0.2) !important;}
div.swiper-scrollbar-drag{background: #111 !important;}
div.swiper-slide{-webkit-user-select: none; user-select: none;}
div.view_recommend div.swiper-slide{width: 20%; min-width: 260px;}
div.view_event-new div.swiper-slide{width: 28%; min-width: 300px;}
div.view_series-preview div.swiper-slide{width: 20%; min-width: 260px;}
div.view_recommend div.swiper-container{margin-bottom: 30px;}
@media (max-width: 990px){
div.swiper{margin: 0 -5vw; padding: 0 5vw;}
div.swiper-button{display: none !important;}
}



/* carousel */



div.carousel{background: #000;}
div.carousel div.swiper-pagination{position: absolute; left: 0; bottom: 8px; width: 100%; text-align: center; pointer-events: none;}
div.carousel div.swiper-pagination span.swiper-pagination-bullet{display: inline-block; width: 8px; height: 8px; margin: 4px; border-radius: 50%; background: #fff; opacity: 0.4; -webkit-transition: opacity 120ms ease; transition: opacity 120ms ease;}
div.carousel div.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
div.carousel div.swiper-slide>a{position: relative; display: block; width: 100%; aspect-ratio: 16/4; cursor: pointer; text-decoration: none; overflow: hidden;}
div.carousel div.swiper-slide>a[href='']{pointer-events: none;}
div.carousel div.slide-card{z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000;}
div.carousel div.slide-card img{width: 100%; height: 100%; object-fit: cover;}
div.carousel div.slide-card-name{z-index: 6; position: absolute; top: 16px; right: 16px; padding: 0.2em 0.8em; border-radius: 2px; background: #000; font-size: 12px; color: #fff; opacity: 0.5;}
div.carousel div.slide-data{z-index: 4; position: relative; width: 100%; height: 100%; padding: 0 5vw; background: linear-gradient(20deg,rgba(0,0,0,1) 0%, rgba(0,0,0,0.0) 74%);}
div.carousel div.slide-data>div{max-width: 1296px; height: 80%; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end;}
div.carousel div.slide-data span.name{display: table; padding: 0.4em 0; font-size: 2.4em; line-height: 1.2em; font-weight: 500; color: #fff;}
div.carousel div.slide-data span.name-sub{display: table; padding: 0.5em 3.0em 0.5em 1.0em; background: #ffcd00 url(svg/arrow.svg) right 1.0em center / auto 36% no-repeat; border-radius: 2px; overflow: hidden; font-weight: 600; text-transform: uppercase; text-decoration: none;}
@media (max-width: 990px){
div.carousel div.swiper-slide>a{aspect-ratio: 12/4;}
div.carousel div.slide-data span.name{font-size: 2.0em;}
}
@media (max-width: 640px){
div.carousel div.swiper-slide>a{aspect-ratio: 12/8;}
div.carousel div.slide-card-name{padding: 0.12em 0.6em; font-size: 10px;}
}



/* speaker */



article.speaker>a{display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: stretch !important; align-items: stretch !important;}
article.speaker>a div.speaker-card{position: relative; width: 120px;}
article.speaker>a div.speaker-card:before{z-index: 0; position: absolute; top: 0; right: 0; content: ''; display: block; width: 14px; height: 100%; background: #ffcd00;}
article.speaker>a div.speaker-card>div{z-index: 2; position: relative; border-radius: 14px; overflow: hidden;}
article.speaker>a div.speaker-name{-webkit-flex: 1; flex: 1; padding: 20px; background: #ffcd00; border-top-right-radius: 14px; border-bottom-right-radius: 14px;}
article.speaker>a span{display: block;}
article.speaker>a span.name{font-size: 1.1em; font-weight: 600;}
article.speaker>a span.name:first-letter{text-transform: uppercase;}
article.speaker>a span.role{margin-top: 4px; font-size: 0.9em; font-style: italic;}
article.speaker>a:hover span.name{text-decoration: underline;}
@media (max-width: 640px){
article.speaker>a div.speaker-card{width: 90px;}
}