@charset "utf-8";

/* 大枠
----------------------------------------------- */
body {
	background: url('../img/form-back.jpg') top center no-repeat ;
}
#formWrap {
	width:90%;
	margin:10px auto 0;
	background-color:#fff;
	padding: 0 10px 30px;
	border-radius: 2em;
}
@media all and (min-width: 568px){
#formWrap {
	width:520px;
	margin-top: 20px;
	padding: 10px 20px 30px;
}
}
@media all and (min-width: 980px){
#formWrap {
	width:940px;
}
}

/* 文字装飾
----------------------------------------------- */
h2 {
	text-align: center;
	font-size: 1.2em;
	margin: 0;
}
h3,h4 {
	padding-top: 20px;
}
@media all and (min-width: 568px){
h2 {
	font-size: 1.4em;
}
h2 br {
	display: none;
}
h3,h4 {
	padding-top: 0;
}
}
@media all and (min-width: 980px){
h2 {
	font-size: 1.8em;
}
}

#formWrap span {
	font-size: 0.7em;
	color: #f00;
}
address {
	font-style: normal;
}
address a {
	color: #000;
	font-weight: bold;
}
address a:hover {
	color: #00f;
}
.button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }

/* フォーム
----------------------------------------------- */
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

/* 20181210 数量フォーム変更 */

#formWrap ul.quantity{
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#formWrap ul.quantity li{
	clear: both;
	list-style: none;
	vertical-align: middle;
	display: inline-block;
	width: 46%;
}
#formWrap ul.quantity li > span{ 
	float: left;
	font-size: 0.8em;
	color: #000;
	width: 3em;
	padding-top: 0.5em;
}
#formWrap ul.quantity li input{
	float: left;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
@media all and (min-width: 568px){
#formWrap ul.quantity li{
	display: inline-block;
	width: 30%;
}
}
@media all and (min-width: 980px){
#formWrap ul.quantity li{
	display: inline-block;
	width: 20%;
}

}