@charset "utf-8";
@font-face {
	font-family: 'マナキス Scrap 5';
	src: url('../../font/Makinas-Scrap-5.otf');
}
@font-face{
	font-family: 'Futura';
	src: url('../../font/Futura-Bol.woff') format('woff');
}
a, button,abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
	padding: 0;
	margin: 0;
	border: 0;
}
body{
	color: #333;
	font-family: Futura,'マナキス Scrap 5';
	text-align: center;
	background: linear-gradient(to left, #b6fbff, #c5dcff);
}

button input{
	font-family: 'マナキス Scrap 5';
}
.logoimg{
	width:720px;
	height:100px;
	padding: 30px;
}

.speechbtn{
     width: 250px;
     height:70px;
     line-height: 70px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #f39800; /*ボタン色*/
     border-bottom: solid 6px #ec6c00; /*下線色*/
     border-radius: 5px; /*角丸*/
}
.speechbtn:hover{
     background-color: #f9c500;/*ボタン色*/
     border-bottom: solid 6px #f39800; /*下線色*/
}
.speechbtn:active {
     margin-top: 6px;
     border-bottom: none;
	 transform: translateY(6px);
}
.speechbtnup{
     width: 250px;
     height:70px;
     line-height: 70px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #00ccff; /*ボタン色*/
     border-bottom: solid 6px #0b7dc9; /*下線色*/
     border-radius: 5px; /*角丸*/
}
.speechbtnup:hover{
     background-color: #00eeff;/*ボタン色*/
     border-bottom: solid 6px #0b7dc9; /*下線色*/
}
.speechbtnup:active {
     margin-top: 6px;
     border-bottom: none;
	   transform: translateY(6px);
}
.speechbtntest{
     width: 250px;
     height:70px;
     line-height: 70px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #32e26dde; /*ボタン色*/
     border-bottom: solid 6px #00be5f; /*下線色*/
     border-radius: 5px; /*角丸*/
}
.speechbtntest:hover{
     background-color: #00ff00;/*ボタン色*/
     border-bottom: solid 6px #00be5f; /*下線色*/
}
.speechbtntest:active {
     margin-top: 6px;
     border-bottom: none;
	 transform: translateY(6px);
}

.btndiv{
	height: 130px;
}
.filelabel{
  color: white;  
  background-color: #00ccff;
  border-bottom: solid 6px #0b7dc9; /*下線色*/
  padding: 5px;
  border-radius: 5px;
  padding: 23px;
  margin: 20px;
}
.filelabel:hover{
    background-color: #00eeff;/*ボタン色*/
	border-bottom: solid 6px #0b7dc9; /*下線色*/
}
.wavplay a{
	color: #333;
	font-size: 200%;
}
.wavplay a:hover{
	color:#00ccff;
}
.audioaftertxt{
	font-family: Futura,'マナキス Scrap 5';
	color: #333333;
	font-size: 200%;
	padding-bottom: 20px;
}
.homeback{
	color:#333;
	font-size: 200%;
}
.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.gacha{
	width: 90px;
	height: 200px;
	position: absolute;
	left: 48%;
	top: 13%;
}