body{
    font-family: 'Noto Sans JP', sans-serif;
    /*font-family: 'Sawarabi Gothic', sans-serif;*/
    background-color:#ffeb01;
    color:#222;
    font-feature-settings: "palt" ;
}
    body#ex20{
        background-color:pink;
        color:#ddd;
        font-size:1.1em;
        font-weight: bold;
    }
    

    body#News{
        background-color:#F4F5F7;
    }
    a{
        text-decoration: none;
        color: #333;
    }
    a:hover{
        text-decoration:underline;
    }

    nav a {
        color: #444;
        font-weight: 600;
    }
    .wrapper {
        margin:0 auto;
    }
    .english{
        letter-spacing: .1em;
    }
    .japanese{
        letter-spacing: .22em;
    }
    h1,h2,h3{
        /*font-family: 'Source Sans Pro', sans-serif;*/
        /*font-family: 'Roboto', sans-serif;*/
        font-family: 'Merriweather Sans', sans-serif;

    }
    .number{
        font-family: 'Frank Ruhl Libre', serif;
    }
    ul {
        list-style-type: none;
    }
    span.english{
        margin-right:1em;
    }
    dd{
        display: none
    }
    .country:before{
        content:" / ";
    }
    dd#map{
        height: 0;
        overflow: hidden;
        padding-bottom: 70%;
        position: relative;
    }
    dd#map iframe{
        position: absolute;
        left: 0;
        top:0;
        height: 100%;
        width: 100%;
    }
    dl dd.access span.english{
        display:none;
    }
    footer {
        font-size:0.6em;
        text-align:center;
        border-top:1px solid #999;
        padding-top:10px;
        margin:10px auto;
    }
    
    
    .logo{
        width:140px;
        height: 20%;

    }
    h1{
        word-spacing: .04em;
    }
    /*exhibition2019autmun*/
    
    body#ex20{
        background-color:#333;
        color:#333;
    }
    #ex20 h1{
        color:#fff;
    }
    #ex20 h3{
        border :0;
       /* border-color: #333;*/
    }
    #ex20 nav a {
        color: #fff;
        font-weight: 600;
    }
    #ex20 .mean-container .mean-nav ul li a{
        border-top:1px solid #fff;
    } 
    #ex20 .link a{
        text-decoration:underline;
    }
    body#ex20 .mean-bar {
        background-color: #333;
    }

    body#ex20 .mean-bar span{
        background-color:#ddd;
    }
    #attention a{
        text-decoration: underline !important;
    }

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

    .mean-container .mean-nav ul li{
        background-color: #333;
        }
nav h1{
       font-size: 1.2em;
       position: absolute;
       line-height: 48px;
       top:0;
       left: 1em; 
    }


    .mainImage {
        padding-bottom:calc(768/1524*100%);
        width: 100%;
        display:flex;
        background-size: cover;
    }
    #globalNav{
        line-height:1.8em;
        margin:10px auto;
        color:#333;
        font-size:0.8em;
    }
    #globalNav ul li{
        padding: 10px;
        display: inline-block;
    }
    hgroup#exhibition{
        margin: 10px auto; 
        margin-left:1em;
        line-height:1.8em;
    }
    h1{
        font-size:1.3em;
    }
    h2{
        font-size:0.8em;
    }
    h3{
        text-align:left;
        padding-bottom:20px;
        border-bottom:1px solid #AAA;
        margin-bottom:20px;
        font-size:1.4em;
    }
    #News h2{
        font-size:1.2em;
        letter-spacing: .04em;
    }
    #News p{
        line-height: 1.8em;
        margin-left: 1em;
        margin:1em 0;
        letter-spacing: .06em;
    }
    #News p time{
        font-size:.64em;
        text-align: right; 
        display: inherit;   
    }
    div .cf{
        margin-top:4em;
    }
    #News h2 br{
        display:none;
    }
    #News div.cf p{
        font-size:80%;
        line-height:1.2em;
    }
    #News div.article:first-of-type {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom:1px solid #aaa;
    }
    main section {
        line-height:1.8em;
        width:90%;
        margin:80px auto;
        font-size:0.8em;
    }
    section dt span.japanese,section li span.japanese{
        display:block;
        margin-bottom: 1em;
    }
    section#Endorsement dl dt span.japanese{
        display:block;
        margin-bottom: 0px;
    }
    ul .country:before,dl.country:before{
        content:" / ";
    }
    dt{
        line-height:1.8em;
    }
    /*2020au*/
    #ex20 .mean-bar h1{
        font-size:1.15em;
    }
    #ex20 .wrapper:before{
        content:"";
        display:block;
        position:fixed;
        top:0;
        left:0;
        z-index:-1;
        width:100%;
        height:100vh;
        background: url(../images/bg2022.jpg) ;
        background-size:cover;
      }
    /*#ex20 .wrapper {
        background: url(../images/ex20.jpg) ;
        padding-bottom:calc(768/1524*100%);
        width: 100%;
        display:flex;
        background-size: cover;
        background-attachment: fixed;
        background-position:center ;
    }*/
    #ex20 .english{
        margin-right:.5em;
    }
    #ex20 #globalNav{
        line-height:1.8em;
        width:90%;
        margin:10px auto;
        color:#333;
        font-size:0.8em;
    }
    #ex20 hgroup h1{
        color: #333;
    }
    #ex20 hgroup#exhibition {
        margin:100px 0 100px 20px;
    }
    #ex20 h3 {
        padding-bottom:0;
    }

    #ex20 h3 .english:after{
        margin-left:.5em;
        content: "/";
    }
    #ex20 .access br{
        display:none;
    }

    #ex20 .visible .english:after{
        content:" / ";
    }
    #ex20 .visible .english{
        margin-right: 0px;
    }
    #ex20 .visible{
        display: block;
        margin-top: -1em;
        margin-bottom: 2em;
    }
    #ex20 .access .japanese{
        margin-bottom: 0px;
    }
    #ex20 footer{
        border: 0;  
        background-color: #333;
        margin:0;
        padding:15px;
        color: #ddd;
    }
    .svg{
        width:300px;
        margin-top: .4em;
    }
   /*2022対応*/ 
    .logo2022 {
            width:80%;
    }
    #map{
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }
}

@media screen and (min-width:481px){
    .mainImage {
        background: url(../images/bg.jpg) no-repeat fixed;
        padding-bottom:calc(850/1524*100%);
        width: 100%;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment: fixed;
        
    }
    nav#globalNav{
        width:100%;
        border-bottom: solid 2px #333;
        margin:0 auto;
    }
    nav#globalNav h1{
        line-height: 48px;
        padding-left: 1em;
        font-size:1.4em;
        display: inline;
        vertical-align: baseline;
    }
    nav#globalNav ul{
        display:inline-flex;
        padding-left:1em;
        vertical-align: baseline;
    }
    nav#globalNav ul li{
        padding:0 1em;
        font-size:.6em;
        vertical-align: baseline;
    }
    hgroup#exhibition {
        color:#fff;
        background-color:#00000080;
        padding:20px;
    }
    .overMainImage {
        position: absolute;
        top: 40%;
        z-index:10;
        min-width: 33%;
        max-width: 900px;
        float: none;
        line-height: 4em;
    }
    h1 {
        font-size:2.8em;
    }

    h2{
        font-size:1.2em;
    }

    h3{
        padding-bottom:20px;
        border-bottom:1px solid #AAA;
        margin-bottom:20px;
        font-size:1.4em;
    }
    dt {
        font-size:1.1em;
    }
    main section {
        line-height:1.8em;
        margin: 80px auto;
        /*width : 60%;*/
    }
    #map {
        margin:0.8em 0;
    }
    #News h2{
        font-size:1.2em;
        letter-spacing: .04em;
    }
    #News p{
        line-height: 1.8em;
        margin-left: 1em;
        margin:1em 0;
        letter-spacing: .06em;
    }
    #News p time{
        font-size:.64em;
        text-align: right; 
        display: inherit;   
    }
    div .cf{
        margin-top:4em;
    }
    #News div.article:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom:1px solid #aaa;
    }
    #News div.cf p{
        font-size:90%;
        line-height:1.4em;
    }
    section#News{
        width :640px;
    }
    section#Endorsement dt{
        margin-right: 1em;
        display:inline-block;
    } 
    footer {
        font-size:0.8em;
        text-align:center;
    }
    footer dt dd {
        float :left;
    }
    #ex20 h1 br,#ex20 h2 br{
        content: "";
    }
    #ex20 h2 br::after{
        content: " / ";
    }
    #ex20 #mainImage {
        background: url(../images/bg2022.jpg) no-repeat ;
        width: 100%;
        background-position: top center;
        background-size: contain;
    }
    #ex20 nav#globalNav{
        border-bottom: solid 2px #333;
    }
    #ex20 nav#globalNav{
        background-color: #333
    }
    #ex20 .english{
        margin-right:0px;
    }
   #ex20 #Organiser span{
        font-size:90%;
    }
    
   #ex20 #Venue span{
        font-size:90%;
    }
    #ex20 .english:after{
        content: " / ";
    }
    #ex20 section{
        /*margin:0 auto 80px;
        padding-top: 80px;*/
        margin: 0 40px;
        padding: 30px 0;
    }
    #ex20 dd.visible{
        display:inline;
    }
    #ex20 #exhibition .english:after {
       content:"";
    } 
    #ex20 #exhibition h2{
        line-height: 1.4em;
    }
    #ex20 #Cooperation dt{
        display: inline;
        padding-right: 2em;
    }
    #ex20 #Cooperation dd:after{
        content:'\A';
        white-space:pre;
    }
    #ex20 #Artists li>span.english::after,#ex20 #Curator dt>span.english::after {
        content:'';
        margin-right: 1.4em;
    }
    #ex20 .japanese{
        margin-left:0;
    }
    #ex20 hgroup#exhibition h1 {
        color: #333;
    }
    #ex20 hgroup#exhibition {
        color:#333;
        background: none;
        padding:100px 0px 40px 40px;
        min-width: 33%;
        max-width: 900px;
        float: none;
        line-height: 4em;
    }
    #ex20 footer{
        border: 0;  
        background-color: #333;
        margin:0;
        padding:15px;
        color: #ddd;
    }
    
    .logo2022 {
            width:50%;
    }
    .ml1empc{
        margin-left:1em!important;
    }
    #Endorsement{
        width:60%;
    }
    #Endorsement{
        width:60%;
    }
    .svg{
        width:300px;
        padding-top: 0.4em;
        vertical-align: top;
    }
}

@media screen and (m4x-width:1146px){
    .belong:before{
        content:'\A';
        white-space:pre;
    }
}