@charset "utf-8";

/*
	form.css
*/


/* === PC用レイアウト === */
@media print, screen and (min-width:641px) { 


/* === Span === */

span {
	font-weight: bold;
	color: #F63;
}


/* === Form === */

#formbase {
	background-image: url(suits.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

h5 {
	margin: 15px 0px 15px 4px;
	padding-left: 3px !important;
	border-left: 5px solid #478384;
	background: none !important;
}

h5 + p {
	margin-bottom: 10px;
	padding-left: 15px !important;
}

.btn {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color: #111;
	width: 100px;
	padding: 10px 0;
}
.btn:hover {
	background: #39C;
	color: #FFF;
}

}
/* --- /PC --- */



/* === スマホ用レイアウト === */
@media screen and (max-width:640px) { 

/* === Span === */

span {
	font-weight: bold;
	color: #F63;
}


/* === Form === */

#formbase {
}

#formbase input,
#formbase textarea {
	max-width: 95%;
}

h5 {
	margin: 15px 0px 15px 4px;
	padding-left: 3px !important;
	border-left: 5px solid #478384;
	background: none !important;
}

h5 + p {
	margin-bottom: 10px;
	padding-left: 15px !important;
}

.btn {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color: #111;
	width: 100px;
	padding: 10px 0;
}
.btn:hover {
	background: #39C;
	color: #FFF;
}



}
/* --- /SP --- */