.open { margin: 1em auto; padding: 1.5em; letter-spacing: -0.05rem; border: 1px solid #ccc; }

a:hover img { opacity: 0.75;}
.container { display: flex; flex-wrap: wrap; }
.column { width: 100%; }
.col2w10, .col2w20, .col2w30, .col2w40, .col2w50, .col2w60, .col2w70, .col2w80 { width: 100%;}

.EXHnewsBox { padding: 2em; border: 1px solid #ccc; margin: 0 1em;}
.EXHnewsImgV, .EXHnewsImgH { max-width: 80%; }
.EXHupcomingBox { padding: 0.75em; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.EXHupcomingImgV { max-width: 80%; margin: 0.5em; }
.EXHupcomingImgH { max-width: 80%; margin: 0.5em;}

@media (min-width: 1024px) {/*1024px以上*/
  .column { width: 50%; }
  .col2w10 { width: 10%; }
  .col2w20 { width: 20%; }
  .col2w30 { width: 30%; }
  .col2w40 { width: 40%; }
  .col2w50 { width: 50%; }
  .col2w60 { width: 60%; }
  .col2w70 { width: 70%; }
  .col2w80 { width: 80%; }
}

@media (max-width: 1024px) {/*1024px以下*/

  .open { margin: 0; padding: 0; letter-spacing: -0.05rem; border: none; }

  .EXHnewsBox { padding: 0; border: none;}
  .EXHnewsImgV { max-width: 80%; margin: 1em; }
  .EXHnewsImgH { max-width: 80%; margin: 1em; }
  .EXHupcomingBox { padding: 0.75em; margin: 0 auto; display: inline-block; }
  .EXHupcomingImgV { max-width: 40%; margin: 1em; }
  .EXHupcomingImgH { max-width: 60%; margin: 0.5em auto; display: block; }

  }



.flex-container {
  display: flex;
  flex-wrap: wrap;         /* 幅が足りないと自動で折り返す */
  gap: 20px;               /* 要素間の余白 */
  padding: 0 20px 20px; /* 上:0px, 左右:20px, 下:20px */
  box-sizing: border-box;
}

.box {
  box-sizing: border-box;
}

.box-1 {
  flex: 1 1 300px;         /* 最小幅300px、比率1 */
  background-color: transparent;
}

.box-2 {
  flex: 2 1 600px;         /* 最小幅600px、比率2 */
  background-color: transparent;
}


dl#info {
    margin: 0 10px 30px 15px;
    padding: 0;
}

dl#info dt{
    float: left;
    margin: 0;
    text-align: right;
    line-height: 1.5em;
    min-height: 1.5em;
    font-weight: bold;
    width: 8em !important;
    padding: 10px 20px 10px 0;
}

dl#info dd{
    margin: 0;
    padding: 10px;
    text-align: left;
    line-height: 1.5em;
    min-height: 1.5em;
    padding-left: 9em !important;
    border-bottom: 1px solid #bddcd4;
}

dl#info::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.exhibitionInfo { padding: 0 2em; display: flex; align-items: center; }

@media (max-width: 1000px) {/*1000pxまで*/
  dl#info dt {
    float: none;
    text-align: left;
    padding: 0.75em 0 0 0;
  }
  dl#info dd {
    padding-left: 0 !important;
 }
 .exhibitionInfo { padding: 0; border: none; }
}



  .centerBox {
    margin: 1em auto;             /* 上下余白＋中央揃え */
    max-width: 900px;             /* 最大幅指定でレスポンシブ対応 */
    width: 90%;                   /* 画面幅に応じて変化 */
    padding: 1em;
    border: 1px solid #000;
    box-sizing: border-box;
  }

  .centerBox h2 {
    margin-top: 0;
  }

  .centerBox span {
    text-decoration: underline;
    display: inline-block;
    margin-top: 1em;
  }