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

  Project   : 特許申請代行サイト AFormsカスタマイズ
  Function  : WordPressフロントページ AForms見積もりフォーム スタイルシート

  Notes     : クライアント様は _a2/_config/ 下のCSSファイルでスタイルを記述して下さい。

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

@import "inc_a2-form.css";


/* USドル表示 */
.wq-Form .wq-Monitor .wq--footer .wq-for-total .wq-for-value .a2-usd {
    font-size: 16px;
    color: #111;
}

.wq-Form .wq-Monitor .a2-usd-caution {
    margin-top: 5px;
    padding: 0 10px;
    font-size: 14px;
    color: darkgray;
    text-align: right;
    word-break: break-word;
}

/* パスワード入力部 */
.wq-Form .wq-Attributes #wq-attr-text-90 .wq--body input {
    display: inline-block;
    margin-top: 0;
}

.wq-Form .wq-Attributes #wq-attr-text-90 .wq--body .a2-passwd-toggler {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 0;
    padding: 8px 0 0;
    vertical-align: bottom;
    text-align: center;
}

/* ｢国内以降期限｣のカレンダー入力 */
.wq-Form .wq-Attributes .wq-Control .wq--body.a2-has-calendar {
    position: relative;
}

.wq-Form .wq-Attributes .wq-Control .wq--body.a2-has-calendar input {
    height: 40px; /* 2つのinputの高さを揃える */
}

.wq-Form .wq-Attributes .wq-Control .wq--body.a2-has-calendar input[name] {
    color: transparent;
}

.wq-Form .wq-Attributes .wq-Control .wq--body.a2-has-calendar input#a2-calendar {

    /* 元々のinputの上に被せる */
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;

    background: transparent;
    border-color: transparent;
}

/* 明細入力部／顧客属性入力部の見出し部 */
.a2-form-phase-heading {
    margin-bottom: 20px;
}

.a2-form-phase-heading:empty {
    margin-bottom: 0;
}

/* アカウント選択 */

.wq-Form .wq-Attributes .wq-Control .wq--header.a2-has-selector {
    position: relative;
}

#a2-account-btn {
    margin-left: 6px;
    font-size: 22px;
    cursor: pointer;
    line-height: 1;
}

#a2-account-selector {
    position: absolute;
    top: 0;
    left: 0;
    border: solid 1px lightgray;
    border-radius: 4px;
    padding: 6px 15px;
    background: white;
    z-index: 100;
}

#a2-account-selector .item {
    color: gray;
    line-height: 2;
    cursor: pointer;
    white-space: nowrap;
}

#a2-account-selector .item:hover {
    color: inherit;
}


/* マイページ移行ボタン */
#a2-goto-mypage {
    background: transparent;
    text-align: right;
    margin-bottom: 20px;
}

#a2-goto-mypage .goto-btn {
    display: inline-block;
}

#a2-goto-mypage .goto-btn::after {
    vertical-align: middle;
}