bnmbertsurhetertertertertertertertpdf'tdfg

hjkhghopjkertteerterterterertertrtoirh bnmbertsurhetertertertertertertertpdf'tdfg

/**
 * sp/contact/t01/assets/css.less/form.less
 *
 * @author Mitsutoshi Nakamura <mitsutoshi.nakamura.jp@gmail.com>
 */

@import (less) 'form.cgi.fix.css';

/**
 * Mixin
 */
.mi-font {
    font-size: 14px;
    font-family: "Lucida Grande", "メイリオ", Meiryo;
    letter-spacing: normal;
    line-height: 1.618;
}
.mi-link {
    color: #000;
    text-decoration: underline;
}

/**
 * Common
 */
input[type=reset],
input[type=button] {
    -webkit-appearance: none;
}
.box-area {
    width: 98%;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    box-sizing: border-box;
    border: 7px solid #f8f4f0;
    background: #fefdfd;
}
.form_q {
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #7c481f;
    border-top: 3px solid #f8f4f0;
    clear: both;
}
.form_q.brand {
    width: 100%;
    margin-bottom: 0;
}
.form_a {
    margin-bottom: 20px;
    word-break: break-all;
    clear: both;
}
.info-form {
    font-size: 16px;
    font-weight: bold;
    color: #6e5e54;
    span {
        margin: 10px 0;
        display: block;
        color: #f00;
    }
}

/**
 * Detail
 */
body {
    #wrap {
        header {
            
        }
        #main {
            .mi-font;
            a {
                .mi-link;
            }
            #f1_form {
                margin-top: 20px;
                //display: none;
                #privacy-check {
                    width: 98%;
                    height: auto;
                    margin: 0 auto;
                    p {
                        text-align: center;
                        font-weight: bold;
                        color: #6e5e54;
                    }
                    .pp-info {
                        width: 90%;
                        height: 160px;
                        margin: 0 auto;
                        padding: 4px;
                        background: #f8f4f0;
                        overflow: auto;
                        .header {
                            
                        }
                        ul {
                            padding-left: 26px;
                            list-style: decimal;
                            li {
                                
                            }
                        }
                        .footer {
                            font-size: 10px;
                            text-align: right;
                        }
                    }
                    .privacy-check-area {
                        margin: 20px 0;
                        label {
                            width: 98%;
                            margin: 0 auto;
                            padding: 10px;
                            padding-left: 50px;
                            display: block;
                            .mi-font;
                            &:before {
                                left: 28px;
                            }
                            &:after {
                                left: 22px;
                            }
                        }
                    }
                }
                .form_a.brand {
                    @h-li: 200px;
                    //height: @h-li * 7;
                    //height: 1150px;
                    ul {
                        margin: 0;
                        padding: 0;
                        float: left;
                        list-style: none;
                        li {
                            width: 50%;
                            //min-height: @h-li;
                            padding: 0 10px;
                            float: left;
                            text-align: center;
                            box-sizing: border-box;
                            //border: 1px solid #00f;
                            &:nth-child(6) {
                                min-height: 153px;
                            }
                            img {
                                width: 100%;
                                //border: 1px solid #f00;
                            }
                        }
                    }
                }
                .note {
                    margin: 30px 0;
                    padding: 0;
                    padding-left: 20px;
                }
                #f1_btn_confirm {
                    margin: 20px 0;
                }
            }
            #f1_confirm {
                display: none;
                .alert {
                    width: 92%;
                    margin: 10px auto;
                    font-weight: bold;
                    color: #f00;
                }
                #f1_btn_form {
                    cursor: pointer;
                }
                #f1_btn_submit {
                    margin: 20px 0;
                }
            }
        }
        footer {
            
        }
    }
}

@media (orientation: landscape) {
    #f1_form {
        .form_a.brand {
            //height: 1500px !important;
        }
    }
}