p + p{
  margin-top: 0.8rem;
}

video{
  max-width: 100%;
}

.chrono_header{
  text-align: center;;
}


.color_a {
  color:#239;
}
.color_b{
  color:#789;
}
.color_c{
  color:#a40;
}
.color_d{
  color:#060;
}

.onBold{
  font-weight: bold;
}


/*
.color_a::before{
  content:"▲";
}
.color_b::before{
  content:"▼";
}
.color_c::before{
  content:"■";
}
.color_d::before{
  content:"○";
}
*/

.view_select{
  position: sticky;
  top:0;
  background: #fff;
  padding-bottom:0.5rem;
}

.view_select button{
 
  opacity: 0.65;
}
.view_select button.highlight{
  opacity: 1;
  font-weight:bold;
}


.view_select button#select_tenji{
  color:#239;
}
.view_select button#select_pub{
  color:#a40;
}
.view_select button#select_masterpiece{
  color:#060;
}

.main-description p + p{
  margin-top:1rem;
} 

.main-description{
  line-height:2.2;
}

.page-nav{
  margin-top: 2rem;
  margin-bottom: 3rem;
  display: flex;
  justify-content: center;
}

.page-nav a{
  text-decoration: none;
  color:inherit;
}

.page-next , .page-prev{

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-now{
  font-size: 1.5rem;
  font-weight: bold;
  padding:0 0.5rem;
}

.text-right{
  text-align: right;
}

.caption{
  font-size:0.8rem;
  margin:0.5rem auto 0 auto
}

.disableLink{
  opacity: 0.4;
}

.munakata-footer{
  font-size: 0.8rem;
  padding-left:1rem;
  border-left:solid 0.5rem #ddd;
}

.museum{
  border-top:solid 1px #ccc;
  margin-top: 3rem;
}

.mediaBox{
  margin-top: 2rem;
}

.museumName{
  margin-top: 2rem;
  font-size: 2rem;
}

.museumName .__small ,
.museumName .__location{
  font-size:70%;
  display: inline-block;
}

.museumName .__main{
  display: inline-block;
}

.museumInfo{
  margin-top: 2rem;
  font-size:0.85rem;
}

.center{
  text-align:center;
}



.small{
  font-size:85%;
}

a[target=_blank]{
  word-break: break-all;
}

.mediaBox__image img{
  display: block;
  margin:0 auto;
}

.story{
  text-align: center;
  margin-top:-2rem;
}

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

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

.panorama-pager a{
  display: block;
  padding:5px 12px;
  border:solid 1px #ccc;
  border-radius:0.5rem;
  text-align: center;
  text-decoration: none;
}

.focus{
  cursor: pointer;
}

.commentary{
  margin-top: 3rem;
  padding-bottom: 5rem;
  border-bottom:solid 1px #ccc;
}

.commentary + .commentary{
  margin-top: 5rem;
}

.commentary h1{
  margin-bottom: 3rem;
  padding-top: 1rem;
}

.nowrap{
  display: inline-block;
}

.topLinks__section{
  display: block;
  text-decoration: none;
  color:inherit;
}



.openingMovie{
  position: relative;
}

.read{
  display: inline-block;
  font-size:16px;
}

.gridBox230{
  display: flex;
  
  flex-direction : row-reverse;
  flex-wrap:wrap;
  justify-content: space-between;
}

.gridBox230 > *{
  margin-bottom: 2rem;
}

.gridBox230 a{
  text-decoration: none;
  color:inherit;
}

.backToPanorama{
  margin-top: 3rem;
  text-align: center;
}

.backToPanorama a{
  display: inline-block;
  padding:5px 12px;
  border:solid 1px #ccc;
  border-radius:0.5rem;
  text-decoration: none;
  color:inherit;
}

.backToPanorama a::before{
  content: "◀";
}

section.work{
  margin-top: 4rem;
  padding-top: 3rem;
  border-top:solid 1px #ccc;
}

.linkObj01{
  display: block;
  width: 25%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
}
.linkObj02{
  display: block;
  width: 30%;
  height:100%;
  position: absolute;
  top:0;
  right:0;
}
.textOnImage{
  position: relative;
}

.gap2{
  gap:2rem
}

.contentsList{
  line-height:2;
}

.panorama-wrapper{
  position: relative;
}

.icon-fullscreen{
  position: absolute;
  bottom:13px;
  right:3px;
}

.lb-number{
  display:none!important;
}
.panorama-help{
  font-size:9px;
  text-align:right;
  padding-bottom:0.3rem;

}

/* panorama infospot */
.panorama_work_title{
  display:block;
  text-align:center;
  padding:4px 12px;
  margin-bottom:4px;
  font-size:0.8rem;
  background:rgba(0,0,0,0.5);
}

.panorama_board,.go_field,.board{
  display: block;
  padding:0.3rem 0.5rem;
  background: rgba(255,255,255,0.7);
  color:#444;
  text-shadow: none;
  border-radius:0.5rem;
  border:solid 1px #999;
  font-size:75%;
  /*margin-top: -30px;*/
}
.panorama_board::after{
  content:"▼作品詳細へ";
}
.go_field::after{
  content:"▼作品を見る";
}
.panorama_board h1 ,.go_field h1{
  font-size:1rem !important;
}
.panorama_board p, .go_field p{
  display: none;
} 

#panoramaControl{
  display: flex;
  justify-content: space-between;
}

.age{
  font-size:70%;
  display: inline-block;
  margin-left: 1rem;
  color:#777;
  font-weight:normal;
  font-family: sans-serif;
}

.age::before{
  content:"(";
}
.age::after{
  content:")";
}

.artist_message{
  margin-top: 2rem;
  padding-left:1rem;
}

.roomA .artist_message{
  border-left:solid 0.5rem #f93;
}

.roomB .artist_message{
  border-left:solid 0.5rem #3a6;
}

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

.thums img{
  display: block;
  max-height:200px;
}

.thums a{
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-decoration: none;
  color:#666;
  max-width:25%;
}

.thums a:hover img{
  opacity: 0.8;
  
}

.thums_caption{
  text-align: center;
  margin-top: 0.4rem;
}

section.artwork{
  margin-top: 5rem;
  padding-top: 5rem;
  border-top:dotted 1px #ccc;
}

section.artwork:last-child{
  margin-bottom: 10rem;
}

.back2panorama{
  margin-top: 1.5rem;
  text-align: center;
}
.back2panorama::before{
  content:"≪";
}

.artwork_image, .artwork_title, .artwork_info{
  text-align: center;
}

.artwork_title{
  margin-top: 1rem;
}

/* lightbox mp4 */
.lightbox .lb-outerContainer video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  height: auto;
  opacity: 1;
  transition: opacity 300ms ease-in-out;
  border: none;
  outline: none;
}
.lightbox .lb-outerContainer video:hover, .lightbox .lb-outerContainer video:focus {
  border: none;
  outline: none;
}
.lightbox .lb-outerContainer.animating video {
  opacity: 0;
}
.lightbox .lb-container {
  position: relative;
  padding:0;
}
.lightbox .lb-container .lb-image {
  border: none;
}

video{
  max-width: 100%;
}

.u22_info td , .u22_info th{
  padding:0.5rem 0;
}

.u22_info th{
  font-weight:normal;
  padding-right:1rem;
  text-align: right;
  white-space: nowrap;
}

.small_text{
  font-size:0.7rem;
}

.ad_header{
  display: flex;
  gap:1rem;
}



#panoramaControl button{
  border:none;
  background: inherit;
  cursor: pointer;
  width: 64px;
  height: 64px;
}

#panoramaControl button:hover{
  opacity: 0.7;
  transition:0.2s;
}

#panoramaControl #bgm_btn::after{
  content:url('../imgs/btn_audio_on.png');
}
#panoramaControl #bgm_btn.playing::after{
  content:url('../imgs/btn_audio_off.png');
}
#panoramaControl #rotate_btn::before{
  content:url('../imgs/btn_rotate_on.png');
}
#panoramaControl #rotate_btn.enable::before{
  content: url('../imgs/btn_rotate_off.png');
}
#panoramaControl #panorama_right::before{
  content: url('../imgs/btn_right.png');
}
#panoramaControl #panorama_left::before{
  content: url('../imgs/btn_left.png');
}
#panoramaControl #fullscreen::before{
  content: url('../imgs/btn_fullscreen.png');
}


#fullScreenHeader #rotate_btn::before{
  content: '回転開始';
}
#fullScreenHeader #rotate_btn.enable::before{
  content: '回転停止';
}
#fullScreenHeader #bgm_btn::before{
  content: '音楽再生';
}
#fullScreenHeader #bgm_btn.playing::before{
  content: '音楽停止';
}
.hidebtn{
  display: none;
}

.prof_photo_wrapper{
  margin-top: 1rem;
}

.prof_photo {
  max-height:600px;
  display: block;
  margin:0 auto;
}


.photo_section img{
  max-height:720px;
  display: block;
  margin:0 auto;
}

.photo_section img{
  margin-top: 1rem;
}


.prof_text{
  margin: 2rem auto 4rem auto;
  max-width:640px;
}



.prof_text h2{
  margin-top: 2.5rem;
}

.prof_text h2 + p{
  margin-top: 0.7rem;
}

.photo_section{
  margin-top: 3rem;
}

.photo_section + .photo_section{
  margin-top: 3rem;
  padding-top: 3rem;
  border-top:solid 1px #ccc;
}

.prof_name , .photo_section h2{
  text-align: center;
  font-family: serif;
}

.prof_links{
  margin-top: 2rem;
  border-top: 1px solid #ccc;
  padding-top: 2rem;
  text-align: center;
  margin-bottom: 4rem;

}

.prof_links a:before{
  content: "▶";
}

.prof_links a{
  display: inline-block;
  min-width:200px;
  padding:0.5rem 1rem;
  border:solid 1px #888;
  border-radius: 0.5rem;
  text-decoration: none;;
}

.prof_links a + a{
  margin-left: 1rem;
}