@charset "UTF-8";


/**
 * デバッグ用、全体を表示する
 *
 * $('.a-com-step').parent().addClass('a-com-form-basic-all-open');
 */
.a-com-form-basic-all-open > .a-com-step{
    display: block !important;
    margin: 0 0 80px 0;
    padding: 20px 0 20px 0;
    border: solid 1px #00f;
    box-shadow:3px 3px 10px 0px #7a7b7d;
}
.a-com-form-basic-all-open-message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #eaeaea;
    z-index: 1;
    text-align: center;
    padding: 1em;
    color: #f00;
    font-weight: bold;
    line-height: 1;
    opacity: .8;
    z-index: 99999;
}

/* 隠し項目、デバッグモードのときはjavascriptでclassを除去 */
.a-com-form-hide-box ,
.a-com-form-hide-item {
    display: none;
}

.a-com-form-basic-all-open .a-com-form-hide-box {
    position: relative;
    display: block;
    border: solid 2px darkorange;
    margin: 5px;
    padding: 10px;
    background-color: #eee;
}

.a-com-form-basic-all-open .a-com-form-hide-box:after {
    content: 'デバッグ表示';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    background-color: darkorange;
    color: #fff;
    line-height: 1;
    margin: 0;
    padding: 2px 5px 4px;
}

/* inline-block は必要になったとき用意する */
.a-com-form-basic-all-open .a-com-form-hide-item {
    display: inline-block;
}

/*************************************/

.a-com-global-error-wrap{
    display: none;
}

.global-error{
    list-style: none;
    margin: 1em 0;
    padding: 0;
    color: #f00;
    display: none;
}

.a-com-input-error{
    list-style: none;
    margin: 5px 0;
    padding: 0;
    color: #f00;
    display: none;
}

.a-com-input-message{
    color: #080;
    margin: 5px 0;
}

.a-com-input-preview-item-list > span:after {
    content: ' / ';
}
.a-com-input-preview-item-list > span:last-child:after {
    content: '';
}

/* ローディング */
.a-com-form-basic .a-com-loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 9999;
    text-align: center;
}
.a-com-form-basic .a-com-loading:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #aaa;
    opacity: .5;
}
.a-com-form-basic .a-com-loading img {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 110px);
    z-index: 1;
    display: block;
}

.a-com-form-basic-loading .a-com-loading{
    display: block;
}
.a-com-form-basic-loading input[type="button"],
.a-com-form-basic-loading input[type="submit"],
.a-com-form-basic-loading button{
    visibility: hidden;
    display: none;
}
.a-com-form-basic-loading .a-com-loading-block{
    display: block !important;
}

.a-com-form-basic-loading{
    position: relative;
}
.a-com-form-basic-loading:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ccc;
    z-index: 2;
    opacity: 0.01;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 1);
    filter: alpha(opacity = 1);
}


/****************************************************************************
    下書き
****************************************************************************
.message-box .alert{
    position: relative;
    margin: 20x 0;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.message-box .alert h4 {
  margin-top: 0;
  color: inherit;
}
.message-box .alert .alert-link {
  font-weight: bold;
}
.message-box .alert > p,
.message-box .alert > ul {
  margin-bottom: 0;
}
.message-box .alert > p + p {
  margin-top: 5px;
}
.message-box .alert-dismissable,
.message-box .alert-dismissible {
  padding-right: 35px;
}
.message-box .alert-dismissable .close,
.message-box .alert-dismissible .close {
  position: absolute;
  top: 50%;
  right: 15px;
  color: inherit;
  margin-top: -12px;
}
.message-box .alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.message-box .alert-success hr {
  border-top-color: #c9e2b3;
}
.message-box .alert-success .alert-link {
  color: #2b542c;
}
.message-box .alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.message-box .alert-info hr {
  border-top-color: #a6e1ec;
}
.message-box .alert-info .alert-link {
  color: #245269;
}
.message-box .alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.message-box .alert-warning hr {
  border-top-color: #f7e1b5;
}
.message-box .alert-warning .alert-link {
  color: #66512c;
}
.message-box .alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.message-box .alert-danger hr {
  border-top-color: #e4b9c0;
}
.message-box .alert-danger .alert-link {
  color: #843534;
}


/****************************************************************************
    アップロードボタン
****************************************************************************/

.a-com-upload-button-loading{
    position: absolute;
    background-color: #eaeaea;
    text-align: center;
    line-height: 1;
    display: none;
}
.a-com-upload-button-loading .bar{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #90EE90;
    z-index: 1;
}
.a-com-upload-button-loading .bar-server{
  width: 100px;
  -webkit-animation: a-com-upload-button-loading-bar-server-anime 2s infinite ease-in-out;
  animation: a-com-upload-button-loading-bar-server-anime 2s infinite ease-in-out;
}

@-webkit-keyframes a-com-upload-button-loading-bar-server-anime{
    0% {
        width: 100%;
        left: 0;
    }
    50% {
        width: 10%;
        left: 45%;
    }
    100% {
        width: 100%;
        left: 0;
    }
}
@keyframes a-com-upload-button-loading-bar-server-anime {
    0% {
        width: 100%;
        left: 0;
    }
    50% {
        width: 10%;
        left: 45%;
    }
    100% {
        width: 100%;
        left: 0;
    }
}

.a-com-upload-button-loading .info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.a-com-upload-button-loading .info .row{
    margin: 1px 0;
}
.a-com-upload-button-loading .info .row:first-child{
    margin-top: 0;
}
.a-com-upload-button-loading .info .row:last-child{
    margin-bottom: 0;
}

.a-com-upload-button-loading .info .status{
    display: inline-block;
    font-size: 14px;
    padding-top: 3px;
}
.a-com-upload-button-loading .info .time{
    display: inline-block;
    font-size: 14px;
}
.a-com-upload-button-loading .info .time:before{
    content: '/';
    margin: 0 5px;
    display: inline-block;
}

.a-com-upload-button-loading .info .upload-size{
    display: inline-block;
    font-size: 12px;
}
.a-com-upload-button-loading .info .total-size{
    display: inline-block;
    font-size: 12px;
}
.a-com-upload-button-loading .info .total-size:before{
    content: '/';
    margin: 0 5px;
    display: inline-block;
}

/*
.a-com-form-basic-loading .a-com-buttons-confirm,
.a-com-form-basic-loading .a-com-buttons-input{
    display: none;
}


/* デバッグ用、全体を表示する *
.a-com-form-basic-all-open > div{
    display: block !important;
    margin: 0 0 20px 0;
    padding: 20px 0 20px 0;
    border: solid 1px #00f;
}
/*************************************/

.a-com-form-basic .a-com-step {
    display: none;
}

.a-com-form-basic-step-1 .a-com-step-1,
.a-com-form-basic-step-2 .a-com-step-2,
.a-com-form-basic-step-3 .a-com-step-3,
.a-com-form-basic-step-4 .a-com-step-4,
.a-com-form-basic-step-5 .a-com-step-5,
.a-com-form-basic-step-6 .a-com-step-6,
.a-com-form-basic-step-7 .a-com-step-7,
.a-com-form-basic-step-8 .a-com-step-8,
.a-com-form-basic-step-9 .a-com-step-9,
.a-com-form-basic-step-10 .a-com-step-10,
.a-com-form-basic-step-11 .a-com-step-11,
.a-com-form-basic-step-12 .a-com-step-12,
.a-com-form-basic-step-13 .a-com-step-13,
.a-com-form-basic-step-14 .a-com-step-14,
.a-com-form-basic-step-15 .a-com-step-15,
.a-com-form-basic-step-16 .a-com-step-16,
.a-com-form-basic-step-17 .a-com-step-17,
.a-com-form-basic-step-18 .a-com-step-18,
.a-com-form-basic-step-19 .a-com-step-19,
.a-com-form-basic-step-20 .a-com-step-20,
.a-com-form-basic-step-21 .a-com-step-21,
.a-com-form-basic-step-22 .a-com-step-22,
.a-com-form-basic-step-23 .a-com-step-23,
.a-com-form-basic-step-24 .a-com-step-24,
.a-com-form-basic-step-25 .a-com-step-25,
.a-com-form-basic-step-26 .a-com-step-26,
.a-com-form-basic-step-27 .a-com-step-27,
.a-com-form-basic-step-28 .a-com-step-28,
.a-com-form-basic-step-29 .a-com-step-29,
.a-com-form-basic-step-30 .a-com-step-30,
.a-com-form-basic-step-31 .a-com-step-31,
.a-com-form-basic-step-32 .a-com-step-32,
.a-com-form-basic-step-33 .a-com-step-33,
.a-com-form-basic-step-34 .a-com-step-34,
.a-com-form-basic-step-35 .a-com-step-35,
.a-com-form-basic-step-36 .a-com-step-36,
.a-com-form-basic-step-37 .a-com-step-37,
.a-com-form-basic-step-38 .a-com-step-38,
.a-com-form-basic-step-39 .a-com-step-39,
.a-com-form-basic-step-40 .a-com-step-40,
.a-com-form-basic-step-41 .a-com-step-41,
.a-com-form-basic-step-42 .a-com-step-42,
.a-com-form-basic-step-43 .a-com-step-43,
.a-com-form-basic-step-44 .a-com-step-44,
.a-com-form-basic-step-45 .a-com-step-45,
.a-com-form-basic-step-46 .a-com-step-46,
.a-com-form-basic-step-47 .a-com-step-47,
.a-com-form-basic-step-48 .a-com-step-48,
.a-com-form-basic-step-49 .a-com-step-49,
.a-com-form-basic-step-50 .a-com-step-50,
.a-com-form-basic-step-51 .a-com-step-51,
.a-com-form-basic-step-52 .a-com-step-52,
.a-com-form-basic-step-53 .a-com-step-53,
.a-com-form-basic-step-54 .a-com-step-54,
.a-com-form-basic-step-55 .a-com-step-55,
.a-com-form-basic-step-56 .a-com-step-56,
.a-com-form-basic-step-57 .a-com-step-57,
.a-com-form-basic-step-58 .a-com-step-58,
.a-com-form-basic-step-59 .a-com-step-59,
.a-com-form-basic-step-60 .a-com-step-60,
.a-com-form-basic-step-61 .a-com-step-61,
.a-com-form-basic-step-62 .a-com-step-62,
.a-com-form-basic-step-63 .a-com-step-63,
.a-com-form-basic-step-64 .a-com-step-64,
.a-com-form-basic-step-65 .a-com-step-65,
.a-com-form-basic-step-66 .a-com-step-66,
.a-com-form-basic-step-67 .a-com-step-67,
.a-com-form-basic-step-68 .a-com-step-68,
.a-com-form-basic-step-69 .a-com-step-69,
.a-com-form-basic-step-70 .a-com-step-70,
.a-com-form-basic-step-71 .a-com-step-71,
.a-com-form-basic-step-72 .a-com-step-72,
.a-com-form-basic-step-73 .a-com-step-73,
.a-com-form-basic-step-74 .a-com-step-74,
.a-com-form-basic-step-75 .a-com-step-75,
.a-com-form-basic-step-76 .a-com-step-76,
.a-com-form-basic-step-77 .a-com-step-77,
.a-com-form-basic-step-78 .a-com-step-78,
.a-com-form-basic-step-79 .a-com-step-79,
.a-com-form-basic-step-80 .a-com-step-80,
.a-com-form-basic-step-81 .a-com-step-81,
.a-com-form-basic-step-82 .a-com-step-82,
.a-com-form-basic-step-83 .a-com-step-83,
.a-com-form-basic-step-84 .a-com-step-84,
.a-com-form-basic-step-85 .a-com-step-85,
.a-com-form-basic-step-86 .a-com-step-86,
.a-com-form-basic-step-87 .a-com-step-87,
.a-com-form-basic-step-88 .a-com-step-88,
.a-com-form-basic-step-89 .a-com-step-89,
.a-com-form-basic-step-90 .a-com-step-90,
.a-com-form-basic-step-91 .a-com-step-91,
.a-com-form-basic-step-92 .a-com-step-92,
.a-com-form-basic-step-93 .a-com-step-93,
.a-com-form-basic-step-94 .a-com-step-94,
.a-com-form-basic-step-95 .a-com-step-95,
.a-com-form-basic-step-96 .a-com-step-96,
.a-com-form-basic-step-97 .a-com-step-97,
.a-com-form-basic-step-98 .a-com-step-98,
.a-com-form-basic-step-99 .a-com-step-99 {
    display: initial;
}

/****************************************************************************
    bootstrap 4.3
****************************************************************************/
/*
.input-wrap > * {
    vertical-align: middle;
}

.input-wrap > .form-control ,
.a-com-datepicker > .form-control {
    display: inline;
}

form select.selectbox {
    width: auto;
}

.form h2 {
    font-weight: bold;
    margin-top: .5em;
    margin-bottom: 1em;
}

.form h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: .5em;
    margin-bottom: 1em;
}
*/