/*----------------------------------
parts
----------------------------------*/
.aform-header{
font-size: 130%;
font-weight: bold;
margin: 1em 0;
}
.aform-hdln{
font-size: 120%;
font-weight: bold;
margin: 2em 0 0.5em;
padding: 3px 0;
border-bottom: 1px dotted #ccc;
}
.aform-note{
margin: 1em 0;
}
.aform-input[type="text"],
.aform-text,
.aform-email,
.aform-password,
.aform-tel,
.aform-url,
.aform-number,
.aform-date,
.aform-time,
.aform-textarea,
.aform-select,
.aform-name,
.aform-kana,
.aform-zipcode,
.aform-prefecture,
.aform-calendar{
font-size: 16px;
padding: 5px;
width: 100%;
box-sizing: border-box;
}
.aform-field-option-text{
font-size: 16px;
padding: 5px;
width: auto;
box-sizing: border-box;
margin-left: 5px;
vertical-align:middle;
}
.aform-checkbox,
.aform-radio{
margin-right: 5px;
vertical-align:middle;
}
.aform-required{
color:#fff;
font-size: 82%;
font-weight: normal;
margin-left: 5px;
padding: 2px;
display:inline-block;
line-height: 1;
border-radius: 3px;
background:#D92B00;
vertical-align: text-top;
}
.aform-validation{
color: #595959;
font-size: 90%;
font-weight: normal;
}
.aform-input-example{
color: #595959;
font-size: 90%;
font-weight: normal;
margin-bottom: 0.3em;
}
.aform-error {
color: #D92B00;
}
.aform-input.error{
color: #D92B00;
}
.aform-input.valid{
}
/*----------------------------------
layout
----------------------------------*/
.aform-content ul,
.aform-content li{
list-style:none;
margin: 0;
padding: 0;
}
@media (min-width: 40em) {
.aform-name-ul,
.aform-kana-ul{
display: flex;
}
.aform-name-ul li,
.aform-kana-ul li{
flex: 1;
}
.aform-name-ul li + li,
.aform-kana-ul li + li{
margin-left: 1em;
}
}
.aform-horizontal-ul li{
display: inline-block;
margin-right: 1em;
}
.aform-twice-note{
display: block;
margin-top: 0.5em;
}
.aform-content dl{
margin: 0.5em 0;
padding: 0.5em 0;
}
.aform-content dl dt{
font-weight: bold;
}
.aform-content dl dd{
margin: 0 0 0.5em;
}
.aform-button-area{
margin-top:20px;
padding:15px 20px;
background: #f3f3f3;
text-align:center;
}
.aform-button-area input{
margin:0 6px;
padding:2px 16px;
font-size: 120%;
}
.aform-content p.powerdby{
text-align: right;
font-size: 70%;
margin: 1em 0;
}
.aform-content p.powerdby a{
color: #fff;
padding:0 5px;
background:#BAD7E4;
text-decoration:none;
}
.aform-content p.powerdby a:hover{
background:#75AECA;
}
.aform-content .aform-demo{
text-align: center;
margin: 2em 0;
padding: 5px 10px;
border: 1px solid #EE7BA0;
background: #FDECF1;
}
.aform-content .aform-demo a{
color: #903;
font-weight:bold;
margin: 0 5px;
}
/*----------------------------------
aform_error
----------------------------------*/
.aform-error-list{
margin-bottom: 20px;
}
.aform-error-list dt{
float: none;
width: auto;
font-size:120%;
margin-bottom: 10px;
padding-left:16px;
}
.aform-error-list dd{
padding-left: inherit;
margin-left:16px;
display:list-item;
}
/*----------------------------------
aform_finish
----------------------------------*/
#aform_result{
color: #c00;
font-weight: bold;
font-size: 110%;
margin: 15px auto;
padding: 10px 15px;
}
#aform_result a{
margin: 0 1em;
}
/*----------------------------------
additional-parts
----------------------------------*/
/* aform-calendar */
.aform-calendar{
width: auto;
margin-right: 5px;
vertical-align: middle;
}
.aform-calendar + label{
margin-right: 5px;
vertical-align: middle;
}
.aform-content .ui-datepicker-trigger{
margin-left: 5px;
vertical-align: text-top;
}
.ui-datepicker .ui-widget-header{
color: inherit;
}
/* aform-payment */
.aform-payment li{
margin-bottom: 0.8em;
}
.aform-payment .aform-payment-description{
margin-left: 22px;
margin-top: 3px;
}
.aform-payment .aform-payment-description table th{
font-weight:normal;
padding: 2px 5px 2px 0;
vertical-align: top;
text-align:left;
}
.aform-payment .aform-payment-description table td{
padding: 2px 5px 2px 0;
}
.aform-payment .aform-payment-description .aform-input{
width: auto;
}
