﻿
* {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
:root {
	--side: 20px;
	--maincolor: #2E3192;
	--yellow: #FCB714;
	--red:#EF1D26;
	--border: 1px solid rgba(0,0,0,0.2);
	--mtop: 30px;
	--fontfamily:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',YuGothic,'Yu Gothic',sans-serif;
	--bk:rgba(0,0,0,0.1);
}
#fo-required-fields{ /* a，?e?¨a?oaR?e?¨a?†a??aR?a??a?Ra?…e??e?…c?Ra?? */
    display: none;
    position: fixed;
    top: 10px;
    padding: 0 20px;
    right: 10px;
    height: 50px;
    background: rgba(255, 0, 0, 0.75);
    color: white;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
}

.fo-optimized .fo-field{
    -webkkit-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.fo-optimized .fo-item:not(.fo-required) .fo-field.fo-invalid-field.fo-not-empty,
.fo-optimized .fo-item.fo-required .fo-field.fo-invalid-field{
    background: rgba(251, 194, 178, 0.5); /* a?…e??e?…c?Ra?Ra??a?￡a??a?≪a?‰a?Re??a?￣e‰2 */
}

.fo-optimized .fo-submit-invalid,.fo-submit{/* e??a?!a??a??a?3 */
    background-color:#292929;
    color: white;
    width: auto;
    display: block;
    margin: 50px auto;
    height: 50px;
    line-height: 50px;
    border: none;
    outline: none;
    padding: 0 25px;

}

.fo-optimized .fo-required-text{ /* a?…e??a?Re￡…e￡? */
    display: inline-block;
    height: 18px;
    background: rgba(255, 0, 0, 0.75);
    color: white;
    border-radius: 3px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    padding: 0px 5px;
    margin-left: 10px;
}

.fo-error{
    color: #bd9b9b; /* a?¨a?ca??a?Ra?‡a-?e‰2 */
    font-size: 12px;
}

.wrapper{
    width: 80%; /* a・|a?≫a?≪a?Ra??a1…300pxa?oaR? */
    max-width:800px;
    min-width:280px;
    margin: auto;
    padding:1em 0;
    }

.table{
	display: table;
	width:100%;
	margin: auto;
	border-collapse: collapse;
}

.tr{
    display: table-row;
}

.td{
    display: table-cell;
    padding: 12px 0px 12px 0;
    border-bottom:1px #ECECEC dashed;

}
.lasttd .td {
	padding:12px 0 0 0;
	border:none;
}

form{
    margin: 0px;
}

.fo-label{
    width: 250px; /* e?…c?Ra?´a?Ra1… */
    vertical-align: top;
}
.fo-label:before{
	content: '';
	border-left:5px solid var(--maincolor);;
	margin-right:5px;
	border-radius: 5px;
}

input:not([type="radio"]):not([type="checkbox"]),
select{
    height: 35px;
    padding-left: 10px;
    width: 100%;
}

::-webkit-inner-spin-button{
    height: 100%;
}

.double input:not([type="radio"]):not([type="checkbox"]),
.double select{
    width: 48%;
}

.double input.second,
.double select.second{
    float: right;
}

textarea{
    width: 100%;
    height: 200px;/* ea?a?´ */
    padding: 10px;
    resize: none;
}

input:not([type="radio"]):not([type="checkbox"]), textarea, select{
    border: 1px solid #b7b7b7; /* ea?a?´ */
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    outline: none;
}
input:not([type="radio"]):not([type="checkbox"]):focus, textarea:focus, select:focus{
    border: 1px solid #21cdf1;
    -webkit-box-shadow: 0px 0px 4px #00d3ff;
    box-shadow: 0px 0px 4px #00d3ff;
}

.fo-address-2{
    margin-top: 5px;
}

.submit button{ /* jquery.form-optimizer.cssa?§ea?a?´ */
}

.fo-errors{
    margin-top: 5px;
}

.fo-submit{
    cursor: pointer;
}

#fo-required-fields{
    position: absolute;
}

#fo-required-fields.fixed{
    position: fixed;
}
ul{
	margin:0;padding:0;
}
ul li{
	display:inline;
}
ul.list{
	margin:0;padding:0;
}
ul.list li{
	display:inline;
}
.tyuui{
	width:80%;
	font-size:80%;
	color:rgba(0,0,0,0.4);
}
