table.chrono{
  border-collapse: collapse;
}

table.chrono tr td{
  border:solid 1px #ccc;
  padding:0.5rem;
}


table.chrono tr td:first-child , table.chrono tr td:nth-child(2), table.chrono tr td:nth-child(3){
  white-space: nowrap;
  width:3rem;
  text-align: center;
}

table.chrono tr td:nth-child(4) {
  width:40%;
}
table.chrono tr td:nth-child(5){
  width:43%;
}

.buttons_wrapper{
  display: flex;
}

.buttons_wrapper > div{
  margin-right:2rem;
}

.topLinks__section + .topLinks__section{
  margin-top: 1rem;
}

.textOnImage__text{
  position: absolute;
  top:2rem;
  right:2rem;
  color:#fff;
  font-family: serif;
}

.textOnImage__text h1{
  font-size:3.7rem;
}

.textOnImage__text .sign{
  text-align: right;
  font-size: 1.8rem;;
}

.flex-wrapper-pc{
  display: flex;
  justify-content: space-between;

}



.w32ps-pc{
  width:32%;
  flex-grow: 0;
}

.w64ps-pc{
  width:67%;
  flex-grow:0;
}

.w64ps-pc a{
  width: 49%;
}

.mediaBox{
  display: flex;
  justify-content: space-between;
}

.mediaBox__image{
  width:45%;
  flex-grow: 0;
}



.mediaBox__text{
  width:52%;
}

.museumInfo > div{
  display: flex;
}

.museumInfo dt{
  width: 5rem;
}

.museumInfo dd{
  display: flex;
}

.museumInfo dd::before{
  content:":";
  display: block;
  padding-right:0.5rem
}


.flex-pc{
  display: flex;
}

.flex-center{
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.enterFromfront{
  position: absolute;
  top: 200px;
  text-align:center;
  width: 100%;
  
}
.enterFromfront .__enterBtn{
  display: inline-block;
  color:#fff;
  text-decoration: none;
  padding:20px 40px;
  font-size:2rem;
  background:rgba(0,0,0,0.7);
  border-radius:10px;
  line-height:1;
}

.center-70-pc{
  width: 70%;
  margin-left:auto;
  margin-right:auto;
}

.w70per-pc{
  width:70%;
}
.w50per-pc{
  width:50%;
}
.w40per-pc{
  width:40%;
}
.w30per-pc{
  width:30%;
}
.w66per-pc{
  width:66%;
}

.oprningLink{
  display: block;
  position: absolute;
  width: 190px;
  height:70px;
  top:430px;
  text-indent:-9999px
}

.oprningLink.__tenji{
  left:88px;
}
.oprningLink.__period{
  left:291px;
}
.oprningLink.__chrono{
  left:494px;
}
.oprningLink.__info{
  left:696px;
}
#frame-wrapper{
  position: relative;
}
#frame-wrapper img , #frame-wrapper video{

  position: absolute;
  max-width:100%;
}




.contentsList li{
  display: inline-block;
  margin-right: 0.5rem;
}

.contentsList li + li::before{
  content:"/";
  display: inline-block;
  padding-right:0.5rem;
}


.block-center-pc{
  margin-left:auto;
  margin-right:auto;
}

.topLinks{
  width: 80%;
  margin:2rem auto;

}

.topLinks__section{
  display: flex;
}

.topIcon{
  height:5rem;
  min-width:5rem;
  margin-right: 1.5rem;
}

.topLinks__section:not(:first-child){
  border-top:solid 1px #ccc;
  padding-top:1rem
}

.topLinks__section p::after{
  content:"▶";
}

main{
  margin-top: 2rem;
}

main h1:first-child {
  margin-top: 2rem;
}

.munakata-footer{
  margin-top: 4rem;
}

.view_select{
  margin-top: 1rem;
  padding-top: 1rem;
}

.gridBox230 > *{
  width:200px;
}

.openingMovie , .openingMovie > img , .openingMovie > video{
  width: 960px;
  height:540px;
}

#panorama{
  width: 100%;
  height:540px;
}

.commentary h1{
  font-size: 2.5rem;
}

.artwork_desc{
  width:70%;
  margin-left:auto;
  margin-right:auto;
  padding:1rem;
  border:solid 1px #ccc;
}

.roomA .artwork_desc{
  border-color:#f93;
}
.roomB .artwork_desc{
  border-color:#3a6;
}

.greeting section{
  width: 75%;
  margin-left:auto;
  margin-right:auto;
}

.prof{  
  display: flex;  
  justify-content: right;  
  font-size:0.7rem;
  margin-bottom: 3rem;
}

.prof > div{
  width:50%;
}

.ad_header{
  display: flex;
  height: 180px;
  gap:1rem;
}



.pc_w80{
  width:80%;
  margin-left:auto; margin-right:auto;
}
.pc_w70{
  width:70%;
  margin-left:auto; margin-right:auto;
}