*{margin:0;padding:0;box-sizing: borderーbox;}

body{
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.75;
    overflow-x: hidden;
	word-break: break-all;
}

a{color: rgb(39, 157, 52);text-decoration: none;}
a:hover{opacity: 0.7;}
a.ul{color:#4C4C4C;text-decoration: underline;}
p{margin:0;padding:0;}

small{font-size: 0.8em;}
.middle{margin-left: auto;margin-right: auto;}
.clearfix{clear: both;}
hr{height: 0;margin: 0;padding: 0;border: 0;padding:1em 0;border-top: 1px solid #ddd;}

.mt50{display: inline-block;margin-top: 50px;}
.mb50{display: inline-block;margin-bottom: 50px;}
.mb100{display: inline-block;margin-bottom: 100px;}
.mb200{display: inline-block;margin-bottom: 200px;}
.mb300{display: inline-block;margin-bottom: 300px;}


h1{font-size: 24px;font-weight: 500;line-height: 1em;}
h1 small{font-size: 12px;font-weight: 500;}
h2{font-size: 20px;font-weight: 500;}
h3{font-size: 24px;font-weight: 500;line-height: 1em;margin:0;padding:0;}
h3 small{font-size: 12px;font-weight: 500;}
h4{font-size: 20px;font-weight: 500;}
h4 small{font-size: 12px;font-weight: 500;}
.large{font-size: 25px;font-weight: 500;}
.middle{font-size: 16px;}
.small{font-size: 13px;}
.semi-large{font-size: 18px;font-weight: 500;}
.center{text-align: center;}
.lh1{line-height: 1;}
.lh2{line-height: 2.5;}
.mb15em{margin-bottom:1.5em;}
.mb2em{margin-bottom:2em;}
.right{text-align: right;float:right;}
.bottom{position: fixed;bottom:0;right:0;}
.rotate{transform: scale(1, -1);}

.pcdis{display: none;}
.smpdis{display: inline-block;}
.dis{display: none;}

.themecolor{color: rgb(39, 157, 52);}
.themecolor-second{color: rgb(112, 112, 112);}
.themecolor-bkgd{background-color: rgb(251, 251, 251);}

@media screen and (max-width: 768px) {
    .pcdis{display: inline-block;}
    .smpdis{display: none;}
    .mb300{display: inline-block;margin-bottom: 100px;}
    .large{font-size: 22px;font-weight: 500;}
	img {max-width: 100%;height: auto;}
}




/*page constract*/
.wrapper,.title,footer,.menu{width:90%;max-width:1250px;}
.wrapper{margin:0 auto;min-height:100vh;position: relative;box-sizing: border-box;} 
.title{height:4em;position: sticky;top:0;left:0;padding:1em 0;z-index:1000;}
footer{width:100%;text-align:center;font-size:0.8em;z-index:10000;position:sticky;margin-bottom:3em;}
.menu{height:6em;max-height:115px;position: fixed;z-index: 5000;bottom:0;padding-top:40px;padding-bottom:10px;background: linear-gradient(rgba(251,251,251,0),1%,rgba(251,251,251,1));}
.menu img{width:45%;max-width:418px;}
menu{float:right;display:flex;justify-content:space-around;width:55%;margin-top:30px;}
menu a{color:black;}
menu a:hover{color:rgb(39, 157, 52);}


@media screen and (max-width: 930px) {
	.menu img{width:35%;max-width:none;}
	menu{width:62%;margin-top:10px;}
}

@media screen and (max-width: 768px) {
    .wrapper{width:100%;height: auto;margin:0 auto;max-width:100%;} 
    footer,.menu{width:100%;height: auto;max-width:none;}
    .title{width:100%;height:4em;position: sticky;top:0;left:0;padding:1em 0;z-index:1000;}
    footer{width:100%;max-width:none;text-align:center;margin:0 auto 2em auto;position:relative;overflow-x: hidden;}

}


/*top page heading*/
#outline{width:100%;margin:5em auto;}
#toparea{width:80%;max-width:1200px;height:90vh;}
#toparea h2{position: absolute;right:0;top:45vh;}
#toparea .copyright{position: absolute;right:0;top:78vh;text-align: right;font-size: 0.65em;color: rgb(112, 112, 112);}
#toparea .arrow{position: absolute;left:50%;top:85vh;animation: arrowmove 2s ease-in-out infinite;}
@keyframes arrowmove{
      0%{top:85vh;}
      50%{top:85.5vh;}
     100%{top:85vh;}
 }
img#prof2004{position: absolute;left:40%;top:18vh;width:30%;max-width:350px;min-width:200px;}
img#prof2000{position: absolute;left:0;top:45vh;width:30%;max-width:350px;min-width:200px;}

@media screen and (max-width: 768px) {
	#toparea h2{top:70vh;font-size:25px;}
    #toparea .arrow{top:100vh;}
    img#prof2004{right:0;}
    img#prof2000{left:5%;}
}




#mainarea{width:100%;max-width:1200px;}
aside{width:10%;float:left; padding-top: 100px; margin-top:-100px;}
main.desc{width:75%;margin-left:10%;float:left;text-align: center;padding: 2em 0 10em auto;}
p.description{width:70%;font-size:15px;margin:0 auto 100px auto;text-align: left;}
main.desc dl{width:55%;margin:0 auto;text-align: left;}
main.desc dt{width:15%;min-height:3em;float: left;}
main.desc dt{width:13%;min-height:3em;float: left;}
main.desc dd{width:85%;min-height:3em;float: left;}
main.desc dd img{width:200px;}
main.desc dt.dllong{width:27%;}
main.desc dd.dllong{width:65%;}


.smpcenter a{color: rgb(10, 10, 10);}
.smpcenter a:hover{color: rgb(39, 157, 52);}

main.program{width:85%;margin-left:5%;float:left;padding: 4em 0 10em auto;display: flex;flex-wrap: wrap; gap:3%;}
main.program div{width:30%;font-size:1.3em;}
main.program_event div{font-size:1em;}
main.program div .credit{font-size:0.7em;}
main.program div.half{width:45%;}
main.program div.textbox-full{width:100%;}
main.program div p.detail{font-size:14px;}
main.program dl{display: flex;flex-wrap: wrap;width:100%;font-size:0.7em;}
main.program dt{flex-basis: 20%;}
main.program .half dt{flex-basis: 13%;}
main.program dd{flex-basis: 80%;}


@media screen and (max-width: 768px) {
body{padding:0 5%;}
#mainarea{width:100%;margin:0 auto;max-width:none;}
aside{width:100%;margin:0 auto;float:none;margin-bottom:3em;}
main.desc{width:100%;margin:0 auto;float:none;text-align: left;padding:0;}
main.program div.textbox-full{width:100%;}
p.description{width:100%;margin:0 auto;font-size:15px;margin:0 auto 100px auto;text-align: left;}
.smpcenter{text-align: center;}
main.desc dl{width:100%;margin:0 auto;text-align: left;}

main.program{width:100%;display:inline-block;margin-left:0;}
main.program div{width:100%;margin:0 auto;margin-bottom:2em;}
main.program div.half{width:100%;margin:0 auto;}

main.program dt{flex-basis: 18%;}
main.program .half dt{flex-basis: 15%;}
main.program dd{flex-basis: 78%;}
	
main.desc dt.dllong{width:35%;}
main.desc dd.dllong{width:60%;}
}





/*btn*/
.cls-1,.cls-2{fill:none;}.cls-3{fill:#a5a4a4;}.cls-2{clip-path:url(/biennale23/css/);}
#basebtn:hover .cls-3{fill: rgb(39, 157, 52);}





/*page  speakers*/
#speakers .title{width:100%;}
#speakers .title .themecolor-second{float:left;width:auto;}
#speakers .title div.smpdis{float:right;}
#speakers menu{display:flex;justify-content:space-between;width:100%;min-width:500px;}
aside.speak{position: sticky;}
aside.speak a{color: rgb(10, 10, 10);}
aside.speak a:hover{color: rgb(39, 157, 52);}

main.speakers{width:85%;margin-left:5%;float:right;display: flex;flex-wrap: wrap; gap:3%;}
main.speakers div{padding-top: 100px; margin-top:-100px;width:31%;line-height:1.9em;}
main.speakers .mb2em{font-size:1.3em;margin-bottom:1em;}

.photocredit{font-size:0.7em;display:inline-block; width:120px;line-height:1em;margin-left:10px;color:gray;}

@media screen and (max-width: 900px) {	
	#speakers .title div.smpdis{float:left;width:100%;}
	#speakers menu{float:left;width:700px;margin:30px auto;}
}

@media screen and (max-width: 768px) {
#speakers .title{width:100%;max-width:none;height:4em;position: sticky;top:0;left:0;padding:1em 0;z-index:1000;}
#speakers .title .themecolor-second{float:left;width:90%;overflow-x: hidden;}
main.speakers{width:100%;margin:0 auto;float:none;padding:3em 0;display: inline-block;flex-wrap: wrap; gap:0;}
main.speakers div{width:100%;margin:0 auto;}
main.speakers div:first-child{padding-top:0;}
#speakers aside{padding:0;}
#speakers footer{width:100%;max-width:1200px;text-align:center;font-size:0.8em;z-index:10;margin-bottom:3em;}
}



.yt-wrapper {
      position: relative;
      min-width: 100%;
   
    }
    .yt-wrapper:before {
      content: "";
      display: block;
      padding-top: 56.25%;
    }
    .yt-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
.btn_live{background-color: rgb(39, 157, 52);border-radius: 0.5rem;border: 8px double #fff;padding:0.5em 0;color:white;display:block;text-align:center;margin-bottom:3em;animation: flash 2s linear infinite;}
.btn_live_small{border: 1px solid rgb(39, 157, 52);border-radius: 0.5rem;padding:0.5em 2em;color:rgb(39, 157, 52);text-align:center;margin-bottom:3em;font-size:0.8em;}
@keyframes flash {
	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.65;
	}
}


.js-time_limited{
  display: none;
}
.js-time_limited_fire{
  display: block;
}