@charset "utf-8";

/* slide
----------------------------------------------- */

#sliderbox figure{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: calc(100vh - 75px);
}
#sliderbox figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sliderTtl2 {
	position: absolute;
	max-width: 168px;
	width: 109.26829px;
	height: 320px;
	top: 50%;
	left: 20%;
	margin-top: -160px;
	writing-mode: vertical-rl;
	color: #FFF;
	text-shadow:
	rgba(0,0,0,0.4) 1px 1px 2px, rgba(0,0,0,0.4) -1px 1px 2px,
	rgba(0,0,0,0.4) 1px -1px 2px, rgba(0,0,0,0.4) -1px -1px 2px;
	font-size: 32px;
	font-family: 'Noto Serif JP', serif;
}

.sliderTtl2 span{
	display: inline-block;
	font-size: 28px;
}

.sliderTxt2 {
	position: absolute;
	max-width: 56px;
	width: 39.2px;
	height: 149.8px;
	left: 20px;
	bottom: 20px;
	writing-mode: vertical-rl;
	color: #FFF;
	text-shadow:
	rgba(0,0,0,0.4) 1px 1px 2px, rgba(0,0,0,0.4) -1px 1px 2px,
	rgba(0,0,0,0.4) 1px -1px 2px, rgba(0,0,0,0.4) -1px -1px 2px;
	font-size: 16px;
	font-family: 'Noto Serif JP', serif;
}


#sliderbox a{
	display: block;
	color: #FFF;
	text-shadow:
	rgba(0,0,0,0.4) 1px 1px 2px, rgba(0,0,0,0.4) -1px 1px 2px,
	rgba(0,0,0,0.4) 1px -1px 2px, rgba(0,0,0,0.4) -1px -1px 2px;
}

.scroll {
	z-index: 99999999999;
}