@charset "utf-8"; 
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	/-moz-appearance
	}
	body {
		font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		background-color: black;
		max-width: 1200px;
		margin: 0 auto;
	}
	a {
		color: white;
	}
	p {
		color: white;
	}
	
	
	.note {
		  font-size: 3rem;
		  font-weight: 400;
		  text-align: left;
		  padding-top: 0px;
		  padding-bottom: 0px;
	  }
	  
	
	
	.historybox{
		position: relative;
		width: 64vw;        /*スクリーン幅*/
		min-width: 320px;
		padding-top: 0rem;
		left: 0;
		right: 0;
		margin: auto;
		}
	
	.historybox h2 {
		text-align: center;
		color: white;
		padding-top: 6rem;
		padding-bottom: 3rem;
	} 
		
		
		.imagebox {
			display: flow;
			float: left;
			width: 20vw;
			min-width: 140px;
			text-align: center;
			margin: 20px 6px;
		} 
		
		@media not all and (min-width: 568px){
			.imagebox {
				margin: 16px 6px;
			}
		}  
		
		.pic-h img {
			width: 100%;
			height: auto;
		}
		.pic-h p {
			display: block;
			margin: 0 auto;
			line-height: calc(12px + (18 - 12) * (100vw - 600px) / (1200 - 600));
			font-size: clamp(1.4rem, 2.5vw, 2rem);			
		}
	
		.pic-v img {
			width: 15vw;
			min-width: 110px;
			height: auto;
			margin: 0 auto;
		}
		
		.pic-v p {
			line-height: calc(12px + (18 - 12) * (100vw - 600px) / (1200 - 600));
			text-align: center;
			font-size: clamp(1.4rem, 2.5vw, 2rem);
		}
		
		.pic-vs img {
			line-height: calc(12px + (18 - 12) * (100vw - 600px) / (1200 - 600));
			width: 14vw;
			min-width: 110px;
			height: auto;
			text-align: center;
			font-size: clamp(1.4rem, 2.5vw, 2rem);
			padding-left: 0rem;
		}
		
		.history::after {
			content: "";
			display: block;
			clear: both;
		}
  
.slideShowExh2011 {
	position: relative;
	width: 80vw;        /*スクリーン幅*/
	margin: 0 auto;
	padding-top: 0rem;
} 
.slideShowExh2011 h2 {
	text-align: center;
	color: white;
	padding-top: clamp(5rem, 4vw, 5rem);
	padding-bottom: 0rem;
} 

 
 .slideShowExh2011 ul.imgWrap {
	 position: relative;
	 display: flex;
	 flex-flow: row nowrap;
	 margin-left: 0;/*スクリーン位置 / 画像位置*/
	 min-width: 300px;

 }
 
.slideShowExh2011 ul.imgWrap li {
	display: none;
	width: 100%;         /*画像＋上部コメントの左右位置調整*/
	list-style-type: none;
	color: white;
}

.slideShowExh2011 ul.imgWrap li.is-show {
	position: relative;   /*上部コメント*/
	display: block;
	animation: slideAnime 300ms ease-out 0ms 1 normal both;
	text-align: center;
	font-size: clamp(1.4rem, 2.5vw, 2.6rem);
	margin-top: 0;
	padding-top: 1rem;
	line-height: 1.8;
	min-width: 300px;
}

@keyframes slideAnime {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.slideShowExh2011 ul.imgWrap li img {
	position: relative;
	width: 100%;         /*画像の輪郭*/
	display: block;
	left: 0vw;
}

.slideShowExh2011 button {
	display: block;
	position: absolute;
	top: clamp(23rem, 35vw, 70rem);
	width: clamp(2rem, 4vw, 6.4rem);
	height: clamp(2rem, 4vw, 6.4rem);
	padding: 1vw 0 0 0;
	background: gray;
	border: none;
	border-radius: 3vw;
	color: #ffffff;
	cursor: pointer;
	font-size: clamp(1rem, 2vw, 3rem);
	outline: none;
	transition: transform 200ms;
}

.slideShowExh2011 button.btn-prev {
	left: -7vw;
	padding-bottom: 1.6vw;
	transform: rotate( 90deg );
}
.slideShowExh2011 button.btn-prev:hover {
   transform: rotate( 90deg ) scale( 1.1 );
}

.slideShowExh2011 button.btn-next {
right: -7vw;
	padding-bottom: 1.6vw;
	transform: rotate( -90deg );
}
.slideShowExh2011 button.btn-next:hover {
   transform: rotate( -90deg ) scale( 1.1 );
}

@media screen and (min-width:768px) {
  .slideShowExh2011 {
	  width: 60vw;
	  }
  .slideShowExh2011 button.btn-prev {
	  left: -12vw;
	  }
  .slideShowExh2011 button.btn-next {
	  right: -12vw;
  }  
  }
	  
.is-show p {
	white-space: nowrap;
}

#imagevertical {
	display: block;
	width: 40vw;
	left: 0;
	right: 0;
	margin: auto;
}

		
		.logo p {
			color: white;
			font-size: clamp(1.4rem, 2.5vw, 1.8rem);
		}
		
		footer p {
			font-size: clamp(1.4rem, 2.5vw, 1.8rem);
			color: lightgray;
			bottom: 1.8em;
			text-align: center;
		}