/**
 *
 */


/** RESET AND LAYOUT
===================================*/

html,body{margin:0;padding:0;}

a {
	text-decoration: none;
	color: #fff;
	font-size:0.9em;
	}
a:visited{
	color:#fff;
	}
a:hover{
	text-decoration: underline;
	color:#fff;
	}

/** top page
===================================*/
img{
	display: block;
}
body{
	background-image: url(images/bg_toppage.jpg);
	background-repeat: repeat;
	
  -webkit-text-size-adjust: 100%;
}
.centerobx{
position: absolute;
padding: 20px;
max-width:  910px;
  left: 0;
  right: 0;  
  top:2%;
  margin: auto;
}

.mainbox{
	position:relative;
	
}
.mainboximg{
	width: 100%;
	height:auto;
	display: block;
}

.mainboximg_sp{
	display: none;
}

.youtubebox{
	padding: 3.5rem 4%;
}
#youtube_btn{
	padding: 0;
	border: 0;
	position:relative;
	top:62%;
	width: 100%;
	cursor: pointer;
}
#youtube_btn img{
	transition: all 0.2s ease-in-out;
	width: 100%;
}
#youtube_btn img:hover{
	padding: 0;
	border: 0;
  	filter:brightness(82%);
}


.btnwrapper{
	/* max-width: 150px; */
	height: 27px;
	width: min(150px,19vw);
	position: absolute;
	left: 0;
	right: 0;  
	top:56%;
	bottom: 0;
	margin: auto;
}

a.slideshowbtn img{
	width: 100%; /*149px */
  -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
       -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}

a.slideshowbtn:hover img{
  opacity: 1;
  filter:brightness(82%);
  	background-color: #FFDF0E;
}
.musicbtn{
  position: fixed;
  top: 12px;
  left: 12px;
}
.musicbtn img{
 width: min(11vw,90px)
}

.floatboxinfo{
		display:none;
		padding: 5px;
}

.credit{	
	font-size:0.8em; 
	color:#F9E3AC; 
	max-width:881px; 
	margin:0px auto; 
	padding:12px px;
	text-align:center; 
	
}
.credit a{color:#F9E3AC;}

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

.mainboximg{
display: none;
}
.mainboximg_sp{
	width: 100%;
	height:auto;	
	display: block;
}
.centerobx{
padding: 10px 10px 0px;
max-width:  910px;
  left: 0;
  right: 0;  
  top:0;
  bottom: 0;
  margin: auto;
}

.btnwrapper{
	left: 0;
	right: 0;  
	top:5%;
	bottom: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	width: min(49vw, 100%);
	/* border: 2px solid lime; */
}

.credit{	
	font-size:0.7em; 	
}
.musicbtn{
  position: fixed;
  top: 12px;
  left: 8px;
}
.musicbtn img{
}

}

@media screen and (orientation: landscape) {


}