@charset "UTF-8";


/*pc_cssここから*/
@media screen and (min-width:900px){

p{
font-size:30px;
}

.music{
	width: 100%;
	height:auto;
	z-index:2;
	position: fixed;
	left: 10px;
	bottom: 10px;
}

.audiojs { width: 30%; }
.audiojs .play-pause { width: 30px; }
.audiojs .scrubber { width: 45%; }

.title{
	width: 33%;
	height:auto;
	z-index:2;
	position: fixed;
	left: 10px;
	top: 10px;
}

.title img{
	width: 100%;
	height:auto;
}

#slideShow {
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: fixed;
	z-index:-1;
}
#slideShow img {
	width: 100%;
	height:auto;
	position: fixed;
	left: 0;
	top: 0;
	filter: contrast(120%);
	filter: brightness(90%);
	filter: grayscale(100%);
opacity:50%;
}

audio {
z-index:100;
right: 10px;
bottom: 10px;
width: 33%;
}

}/*pc_cssここまで*/

/*モバイル_cssここから*/

@media screen and (max-width:899px) {

p{
font-size:120%;
}

.music{
	width: 80%;
	height:auto;
	z-index:2;
	position: fixed;
	left:10%;
	bottom: 10px;
}

.audiojs { width: 100%; }
.audiojs .play-pause { width: 40px; }
.audiojs .scrubber { width: 45%; }

.title{
	width: 33%;
	height:auto;
	z-index:2;
	position: fixed;
	left: 10px;
	top: 10px;
}

.title img{
	width: 100%;
	height:auto;
}

#slideShow {
	width: auto;
	height:100%;
	margin: 0 auto;
	position: fixed;
	z-index:-1;
}
#slideShow img {
	width: auto;
	height:100%;
	position: fixed;
	right:-400px;
	top: 0;
	filter: grayscale(90%);
opacity:50%;

}

audio {
z-index:100;
right: 10px;
bottom: 10px;
width: 33%;
}
}/*モバイル_cssここまで*/