@charset "utf-8";

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

.sliderTtl2 {
	position: absolute;
	max-width: 168px;
	width: 67.2px;
	height: 196.8px;
	top: 50%;
	left: 15%;
	margin-top: -100px;
	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: 20px;
	font-family: 'Noto Serif JP', serif;
}

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

.sliderTxt2 {
	position: absolute;
	max-width: 56px;
	width: 28px;
	height: 107px;
	left: 10px;
	bottom: 10px;
	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: 12px;
	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;
}

@media only screen and (min-device-width: 540px) and (max-device-width: 1024px) and (orientation:portrait) {
.sliderTtl2 {
	position: absolute;
	max-width: 168px;
	width: 109.26829px;
	height: 320px;
	top: 50%;
	left: 13%;
	margin-top: -160px;
}
}