body{font:normal 16px/1.6 "Inter",Helvetica,arial,Meiryo,sans-serif;color:#ccc;margin:0;background: #000;}
ul,li{margin:0;padding:0;list-style:none;}
a{color:#c6c6c6;text-decoration: none;}
a:hover{opacity: .7;}
img{vertical-align:bottom;max-width:100%;}
header{border-bottom: 1px solid #000;border-color: rgba(225,225,225,.4);padding: 30px 0;margin-bottom: 80px;}
footer{border-top: 1px solid #000;border-color: rgba(225,225,225,.4);text-align: center;padding: 30px 0;margin-top: 80px;}
header .wrap{display: grid;grid-template-columns: 1fr 1fr}
header .wrap div:last-child{text-align: right;padding-right: 15px}
header img{height: 30px;}
header .wrap div:last-child a{display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 25px;background: #;border-radius: 30px;margin-left: 9px}
header .wrap div:last-child img{height:18px;}
h1{font-size: 18px;margin: 0}
.index_inner{margin-bottom: 50px !important;}
.inner_grid{display: grid;grid-template-columns: 1fr 1fr ;grid-gap: 30px}
.inner_grid span.flr{display: block;margin-bottom: 7px;}
span.segundo{margin-bottom: 5px;display: block;}
.inner_grid{margin: 30px 0;}
.domi{margin: 80px 0 0}
.youtube{text-align: center;background: #;padding: ;box-sizing: border-box;margin-bottom: 50px;}
.contact main a{border: 1px solid #fff;display: inline-block;padding: 15px 0;max-width: 80%;width: 290px;border-radius: 10px;font-size: 24px;text-align: center;border-color: rgba(225,225,225,.5);}
.img_grid{display: grid;grid-template-columns: repeat(8,1fr);grid-gap: 5px;}
.img_grid img{width: 120px;height:120px;object-fit: cover;}
.flex_center{display: flex;justify-content: center;}
.flex_align_center{display: flex;align-items:  center;width: 100%;}
iframe{width: 100%;height:clamp(200px,55vw,630px);}
.flex_center > ul > li{margin-bottom: 25px;}
ul ul li{margin-left: 15px;}
.venue div > ul > li ul li,
.archive div > ul > li ul li{margin-left: 0}
.venue div > ul > li ul,
.archive div > ul > li ul{margin-top: 20px}
footer a{margin: 0 15px}
footer a.active{text-decoration: underline;cursor: text;}
footer a.active:hover,a.afalse:hover{opacity: 1}
a.afalse{cursor: text;}
.fond{position: fixed;top:0;left: 0;width: 100%;height: 100vh;z-index: -1;opacity: .3;background-color: #000;}
.home .fond{background: url(images/nexjam-bg1.jpg) center center / 150% auto fixed no-repeat;}
.media .fond{background: url(images/nexjam-bg-media.jpg) center center / 150% auto fixed no-repeat;}
.venue .fond{background: url(images/nexjam-bg-venue.jpg) center center / 150% auto fixed no-repeat;}
.archive .fond{background: url(images/nexjam-bg-contact2.jpg) center center / 150% auto fixed no-repeat;}
.contact .fond{background: url(images/nexjam-bg-contact.jpg) center center / 150% auto fixed no-repeat;}
.sitemap .fond{background: url(images/nexjam-bg-sitemap.jpg) center center / 150% auto fixed no-repeat;}
.copyright{margin-top: 20px;}
@media screen and (min-width: 768px) {
   .wrap{max-width: 1300px;width: 95%;margin: 0 auto;}
   .wrap_inner{max-width: 960px;width: 90%;margin: 0 auto;}
   main{min-height: calc(100vh - 92px - 132px - 80px - 80px);box-sizing: border-box;}
   main .index_inner, .imgurlflag_1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 80px;box-sizing: border-box;}
   .imgurlflag_0{padding-left:230px;}
   .home .youtube{margin:100px 0 100px;}
   .venue .wrap_inner{max-width: 800px}
   .venue iframe{margin-bottom: 100px;height:500px;}
   .sitemap div > ul,
   .archive div > ul{margin-left: -100px}
   .archive img + img{margin-top: 50px;}
   .footer_grid{display: grid;grid-template-columns: 100px 1fr 100px }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
   header,footer{padding: 15px 0}
   header{margin-bottom: 20px}
   footer{margin-top: 20px}
   main{min-height: calc(100vh - 92px - 132px - 20px - 20px);box-sizing: border-box;}
   main > div{padding: 020px 15px;}
   .index_inner img{margin: 20px 0}
   .img_grid{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 5px;}
   .img_grid img{width: calc((100vw - 30px) / 4 );height:calc((100vw - 30px) / 4 );object-fit: cover;}
   .fond{background-size: auto 100vh !important;background-position: top center !important;}
   .venue iframe{margin-bottom: 50px;}
   .archive img {margin-top: 20px;}
}
