/*Grabador*/
@font-face {
	font-family: "Ubuntu Regular";
	src: url(../../../ttf/Ubuntu-Regular.ttf);
}
body {
	background-color: #aaa;
	text-align:center;
	font-family: "Ubuntu Regular";
	font-size: 2.8vw;
}
.cg {}
audio {
	width:calc(100% - 40px);
	border-radius: 0.5em 0.5em;
}
label {
	font-size: 3vw;
}
.log {
	/*background:url('../image/image001.svg') no-repeat 0% 0% #999;padding: 1px 0 1px 0;background-size:100%;font-size:20.48px;*/
}
.button {
	-webkit-transition: background 0.4s ease-in; transition: background 0.4s ease-in;
	display: inline-block;
	width: calc(100% - 40px);
	padding: 12px 11px;
	outline: none;
	color: #fff;
	background-color: #B00;
	border: solid 1px #A00;
	border-radius: 15px;
	box-shadow: 3px 5px 0 #666;
	font-size: 3.7vw;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.button:hover {
	background-color: #F00;
}
.button:active {
	background-color: #F00;
	box-shadow: 1px 3px 0 #777;
	-webkit-transform: translateX(2px) translateY(2px); transform: translateX(2px) translateY(2px);
}
.button:disabled {
	background-color: #999;
	border: solid 1px #777;
	cursor: auto;
}
.button.f {
	width: calc(100% - 50px);
}
.ea {
	vertical-align:-2px;
}
input[type=url] {
	width: calc(100% - 40px);
	font-size: 2.8vw;
}
.ust {
	width: calc(40% - 20px);
	font-size: 3vw;
}
.jiz {
	margin-bottom:-2vw;
	text-align:left;
}
@media screen and (min-width: 646px) {
	body { font-size: 18px; }
	input[type=url] { width:590px; font-size: 18px; }
	label { font-size: 19.4px; }
	.button { width:590px; font-size: 23.9px; }
	.button.f {width:580px;}
	audio { width:590px; }
	.ust { width: 232.4px; font-size: 19.4px; }
	.iz { padding-left:calc(50% - 316px); }
	.jiz { padding-left:calc(50% - 316px); margin-bottom:-12.9px; }
}
.p {}
.no {
	display:none;
}
.h {
	visibility:hidden;
}
.iz {
	text-align:left;
}
.m {
	-webkit-transition: background 0.4s ease-in; transition: background 0.4s ease-in;
	display: inline-block;
	color: #fff;
	background-color: #B00;
	border: solid 1px #A00;
	border-radius: 4px;
	box-shadow: 3px 4px 0 #666;
	cursor:pointer;
}
.m:hover {
	background-color: #F00;
}
.m:active {
	background-color: #F00;
	box-shadow: 1px 2px 0 #777;
	-webkit-transform: translateX(2px) translateY(2px); transform: translateX(2px) translateY(2px);
}
.n {
	color:#fff;
	background-color:#000;
}
.r {
	color:#fff;
	background-color:#f22;
}