/*******************************************************************************
 "All Post Contact Form"'s CSS File
 Created by RainbowLink Inc.
 
 ###    Modified by You!  ###
 ###    Modify this file!  ###
 
 * CSS for /wp-content/plugins/allpost-contactform/allpost-contactform-core.php *
 
 #--------------- How to Modify this File -------------------------------
 https://www.Rainbow-Link.com/catalogue.htm?&item_no=RLF16&medialink_id=wp
 -----------------------------------------------------------------------#
 #--------------- このファイルの編集方法 ------------------------------------
 https://jp.Rainbow-Link.com/catalogue.htm?&item_no=RLF16ja&medialink_id=wp
 -----------------------------------------------------------------------#
 ******************************************************************************/

/*---------------------------------------------------
 OutLine ｜ ページ全体
 --------------------------------------------------*/
.apcf_outline {
    width: 100%;
}
@media screen and (max-width:48em){
    #apcf_table {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #apcf_table th {
        margin: 0;
        width: auto;
        max-width: 100%;
        display: block !important;
        padding:0.5em;
        font-size: 110%;
        line-height: 1.6;
        text-align: center;
    }
    #apcf_table td{
        margin: 0;
        width: auto;
        max-width: 100%;
        display: block !important;
        padding:0.5em;
        line-height: 1.6;
        vertical-align: top;
        text-align: left;
    }
    #apcf_table tr.apcf_even th{
        background:#ededed;
    }
    #apcf_table tr.apcf_odd th{
        background:#ededed;
    }
    #apcf_table tr.apcf_even td{
        background:#fbfbfb;
    }
    #apcf_table tr.apcf_odd td{
        background:#fbfbfb;
    }
}
@media screen and (min-width: 48em) {
    #apcf_table {
        margin: 0;
        padding: 0;
        width: 100%;
        border: none;
    }
    #apcf_table th{
        width: 30%;
        padding-right: 1em;
        text-align: right;
    }
    #apcf_table td{
        margin: 0;
        padding-left: 0.5em;
        vertical-align: top;
    }
    #apcf_table tr.apcf_even th{
        padding: 0.5em;
        background:#ededed;
    }
    #apcf_table tr.apcf_odd th{
        padding: 0.5em;
        background:#fbfbfb;
    }
    #apcf_table tr.apcf_even td{
        padding: 0.5em;
        background:#ededed;
        max-width: 68%;
        text-align: left;
    }
    #apcf_table tr.apcf_odd td{
        padding: 0.5em;
        background:#fbfbfb;
        max-width: 68%;
        text-align: left;
    }
}


/*---------------------------------------------------
 Confirmation Window ｜ 確認画面
 --------------------------------------------------*/
h2.confirmation {
    color: #000;
    font-size: 100%;
}
.confirmation_message {
    color: #000;
    font-size: 90%;
}
#apcf_confirmation_btn {  /*  submit button | 送信ボタン  */
    padding: 10px;
}
.btn_confirm {  /*  submit button | 送信ボタン  */
    /*  Example |  例  */
    /*
     border: 1px solid #000;
     display: inline-block;
     min-width: 160px;
     padding: .9em;
     height: 50px;
     text-align: center;
     color: #fff;
     font-style: normal;
     letter-spacing: 1px;
     margin: 0;
     font-size: 0.975rem;
     font-weight: 300;
     margin-top: 30px;
     background: #7f0cad;
     box-shadow: 0px 3px 2px 0px rgba(8, 8, 8, 0.35);
     border-radius: 3px;
     */
}


/*---------------------------------------------------
 Submission Window  ｜ 送信完了画面
 --------------------------------------------------*/
h2.submission {
    color: #000;
    font-size: 100%;
}
.submission_message {
    color: #000;
    font-size: 90%;
}