/* initialize */
@charset "utf-8";

html {
	font-family : verdana, sans-serif;
	font-weight : bold;
	color : #FFFFFF;
	text-align : center;
	width : 90vmin;
	height : 90vmin;
	margin : 0 auto;
	background-color : #000000;
}

h1 {
	font-size : 7vmin;
}

h2 {
	font-size : 6vmin;
}

h3 {
	font-size : 5vmin;
}

h4 {
	font-size : 4vmin;
}

h5 {
	font-size : 3vmin;
}

li {
	font-size : 6vmin;
	line-height : 1.5;
	text-align:left;
}

p{
	font-size : 5vmin;
	line-height : 1.5;
}
/* _initialize */

/* Appicon */
#appicon{
	background-color:#000000;
	border:none;
}
#appicon img{
	width : 50%;
	height : 50%;
}
/* _Appicon */

/* Android */
#android{
	background-color:#000000;
	border:none;
}
#android img{
	width : 70%;
	height : 70%;
}
/* _Android */

/* iOS */
#ios{
	background-color:#000000;
	border:none;
}
#ios img{
	width : 61%;
	height : 61%;
}
#ios svg{
	width : 61%;
	height : 61%;
}
/* _iOS */

/* Youtube */
#youtube{
	background-color:#000000;
	border:none;
}
#youtube img{
	width : 50%;
	height : 50%;
}
/* _Youtube */

/* QRcode */
#qrcode{
	background-color:#000000;
	border:none;
}
#qrcode img{
	width : 70%;
	height : 70%;
	margin: 3vh 0vh 3vh 0vh;
}
/* _QRcode */

/* movie */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* _movie */

/* link */
a:link{
	text-decoration:none;
	color:#ffff00;
}
a:visited{
	text-decoration:none;
	color:#ffff00;
}
a:active{text-decoration:none;
	color:#ffff00;
}
a:hover{text-decoration:none;
	color:#ffff00;
}
/* _link */