@charset "UTF-8";
/* CSS Document */

/***
* common_pcs.css
*/

@media only print, only screen and (min-width: 1000px){
	
.sp,
.tab,
.tab_sp{
	display:none;
}

.pc,
.pc_tab,
.pcw_pc{
	display:block;
}

.hover{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hover:hover{
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

sub{
	top: -0.5vw;
  left: 0.4vw;
	font-size: 0.8vw;
	letter-spacing: 0.02em;
}

a{
  color: #000;
  -webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

a:hover{
  color: #bbb;
  -webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

/* header */

#header{
  width: 100%;
  position: fixed;
  font-size: 1.214vw;
  line-height: 1.4;
  letter-spacing: 0.02em;
  z-index: 9999;
}

#header ul{
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 8888;
  white-space: nowrap;
}

#header li > .pc{
  display: flex;
  justify-content: space-between;
}

#logo{
  width: 6.42vw;
  position: relative;
  top: 3px;
  left: 4px;
  margin-left: 0;
}

/* btnMenu */

.btnMenu{
	display: block;
	width: 18px;
	height: 18px;
	padding:21px 18px 15px;
	color: #000;
	font-size: 1.5em;
	cursor: pointer;
	position: fixed;
	top:-6px;
	right:12px;
	z-index: 6666;
}

.bars.active:before, .bars.active:after{
  background: #000;
	top: 0;
	width: 100%;
	user-select: none;
  animation: bar1 .8s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.bars.active:after{
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.bars{
	width: 100%;
	height: 2px;
	margin-top: .3em;
	background: #000;
	position: relative;
	display: block;
  -moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.bars:before {
	top: -5px;
  display: none;
}

.bars:after {
  top: 0.5px;
}

.bars:before, .bars:after {
	width: 100%;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	content: '';
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
  animation: bar2 .8s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

#closeOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
  left:0;
  z-index:1111;
  display: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#aboutInner{
  width: 50%;
  height: calc(100% - 15vw);
  margin-top: 0;
  padding:0 30px 40px 0; /* add */
  position: fixed;
  top: 15vw;
  right: 0;
  z-index: -1111;
  overflow: scroll;
}

#aboutInner::-webkit-scrollbar{
  display: none;
  -webkit-appearance: none;
}

#aboutTitle{
  margin-bottom: 25px;
}

#aboutTtl,
#aboutBtn{
  font-size: 1.571vw;
}

#aboutBtn{
  margin-right: 0; /* add */
}

#aboutBtn a{
  color: #bbb;
}

#aboutBtn a.active{
  color: #000;
}

#aboutTtl{
  float: left;
}

#aboutBtn{
  float: right;
}

#aboutInnerTxt{
  position: relative;
}

#aboutInner h2{
  margin-bottom: 30px;
  padding-bottom: 140px;
  font-size: 1.35vw;
  line-height: 1.2;
  position: absolute;
  top: 0;
  left: 0;
}

#aboutInner h3{
  margin-bottom: 50px;
  padding-bottom: 140px;
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  font-size: 1.214vw;
  line-height: 1.6;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

#aboutInner h4{
  margin-bottom: 30px;
  font-size: 1.214vw;
}

.aboutCopy{
  padding-top: 40px;
  font-size: 1.071vw;
  position: fixed;
  bottom: 21px;
  right: 20px;
  letter-spacing: 0.01em;
}

.aboutCopy span{
  display: inline-block;
}

.accordion dt{
  padding: 1px 0;
}

.exhibitionList{
  position: absolute;
  top: 15vw;
  left: 25px;
  padding-bottom: 18px;
  color: #000;
  font-size: 1.571vw;
  z-index: 7777;
  white-space: nowrap;
}

.exhibitionList h3,
.exhibitionList h4{
  display: inline;
}

.exhibitionList h4{
  display: none;
  margin-left: 0.5em;
}

.accordion:hover h4{
  display: inline-block;
}

.exTtl{
  margin-right: 0.5em;
}

.exhibitionList h2{
  margin-left: 0;
  font-size: 1.429vw;
  display: block;
}

.exhibitionList h2::before{
  content: '●';
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  font-size: 1vw;
  margin-right: 5px;
  position: relative;
  top: 0px;
}

#btnPageTop{
  display: none !important;
}

section{
  margin-bottom: 20px;
}

section:last-child{
  margin-bottom: 0;
}

.exhibitionListDetail{
  position: relative;
/*  overflow: hidden;*/
}

.exhibitionListImg{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1111;
  overflow: hidden;
  text-align: center;
}

.exhibitionListImg img{
  width: auto;
  height: 100vh;
  object-fit: cover;
}

.exhibitioTxt{
  padding: 0;
  line-height: 1.4;
}

.accordion dt{
  cursor: pointer;
  position: relative;
  z-index: 1111;
}

.exhibitionList dl dd{
  display: none;
  -webkit-animation: fadeOut2 0.5s linear;
}

.exhibitionList dl.active dd{
  display: block;
  -webkit-animation: fadein2 0.5s linear;
}

@-webkit-keyframes fadeOut2 {
	100% {
		opacity:0;
	}
  0%{
		opacity:1;
	}
}

@-webkit-keyframes fadein2 {
	0%{
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.exhibitionListDetail .btnClose{
  display: none;
}

/* main */

#main{
  padding: 115px 0 25px;
  min-height: 740px;
}

#exhbitionImage{
  width: 100%;
  margin-bottom: 60px;
  padding-bottom: 0;
  border-bottom: none;
  overflow: hidden;
}

.exImgL img{
  width: auto;
  height: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.exImgM img{
  width: auto;
  height: 80%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.exImgS img{
  width: auto;
  height: 62%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#exhbitionImage li{
  width: auto;
  height: 100%;
  margin-right: 30px;
}

#exhbitionImage img{
  width: auto;
  height: 42vw;
}

#exhbitionDetail{
  max-width: 84.28vw;
  margin: 0 auto 60px;
  border-bottom: none;
}

#exhbitionTtl h2{
  margin-bottom: 20px;
  font-size: 1.714vw;
}

#exhbitionTtl h3{
  margin-bottom: 20px;
  font-size: 1.5vw;
  line-height: 1.2;
  font-family:'Neue Haas Grotesk Disp W05_65M';
}

#exhbitionTtl h3.date{
  margin-bottom: 20px;
  font-size: 1.5vw;
  line-height: 1.2;
  font-family:'Neue Haas Grotesk DispW0566MdI';
}

#exhbitionTtl h4{
  font-size: 1.214vw;
}

#artistList{
  margin-top: 40px;
  font-size: 1.214vw;
  line-height: 1.8;
}

#artistList li a{
  text-decoration: underline;
}

#artistList li:hover a{
  text-decoration: none;
}

#exhbitionTtl{
  width: 28.57vw;
  float: left;
  margin-bottom: 0;
}

#exhbitionTxt{
  width: 55.71vw;
  float: right;
  line-height: 1.6;
  position: relative;
  top: -0.4vw;
  text-align: justify;
  word-break: break-word;
  line-break: strict;
}

#exhbitionTxtEn{
  font-size: 1.286vw;
  line-height: 1.4;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}

#exhbitionTxtJp{
  padding-top: 40px;
  font-size: 1.071vw;
  line-height: 1.6;
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  font-feature-settings: "palt" 1;
}

#exhbitionSub{
  padding-top: 20px;
  font-size: 0.95vw;
  line-height: 1.6;
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  font-feature-settings: "palt" 1;
}

#exhbitionTxtEn small,
#exhbitionTxtJp small{
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

#exhbitionTxtEn span,
#exhbitionTxtJp span{
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.4;
  display: block;
}

/* gallery */

#galleryImg{
  width: calc(100% - 50px);
  margin: 0 auto;
  overflow: hidden;
}

#galleryImg ul{
  width: calc(100% + 15px);
  margin-bottom: 20px;
  padding: 0;
}

#galleryImg li{
  float: left;
  width: calc(100% / 3 - 15px);
  margin: 0 15px 15px 0;
}

#gallery a{
  font-size: 1.571vw;
  line-height: 1.4;
  position: relative;
  left: 0;
}

#gallery a .date{
  font-family:'Neue Haas Grotesk DispW0566MdI';
}

/* footer */
.copyright{
  position: absolute;
  bottom: 30px;
  left: auto;
  right: 25px;
  font-size: 1.071vw;
  letter-spacing: 0.01em;
}

.copyright span{
  display: inline-block;
}

.btnViewMore{
  margin-bottom: 0;
  font-size: 1.071vw;
}

}