/*============================================================================
モニター応募
============================================================================*/
@charset "utf-8";

article{
    min-height:100vh;
}

/*----------------------------------------------------------------------------
モニター応募
----------------------------------------------------------------------------*/
article .mailform{
    display:block;
}

article .mailform .shiryo_list{
    margin:10px 0 0 40px;
}

article .mailform .shiryo_list li{
    list-style-type:circle;
}

article .mailform .shiryo_list li.etc{
    margin-top:10px;
    list-style-type:none;
}

article .confirm{
    display:none;
}

article .endForm{
    display:none;
}

article .errorForm{
    display:none;
}

article .mailform dl,article .confirm dl{
    width:90%;
    margin:20px auto 20px auto;
    background:#ffffc7;
    border-bottom:solid 1px #000000;
    border-left:solid 1px #000000;
}

article .confirm dl{
    background:#ffccdd;
}

article .mailform dt,article .confirm dt{
    clear:left;
    float:left;
    width:30%;
    border-top:solid 1px #000000;
    padding:5px;
}

article .mailform dd,article .confirm dd{
    float:left;
    width:70%;
    border-left:solid 1px #000000;
    border-right:solid 1px #000000;
    border-top:solid 1px #000000;
    background:#ffffff;
    padding:5px;
}

article .mailform sup{
    color:#ff0000;
}

article .mailform input[type='text']{
    font-size:20px;
    line-height:20px;
    width:90%;
    padding:5px;
    margin:2px 0;
    border:solid 1px #a0a0a0;
    border-radius:4px;
}

article .mailform input.zipcode{
    width:40%;
}

article .mailform input.phone{
    width:46%;
}

article .mailform input.address1,article .mailform input.address2{
    width:80%;
}

article .mailform input.error{
    background:#ffd2d2;
}

article .mailform div.error{
    display:none;
    color:#ff0000;
}

article .mailform .button,article .confirm .button{
    text-align:center;
}

article .button button{
    width:70%;
    margin:0 auto 40px auto;
    padding:20px;
    color:#000000;
    background:#e0e0e0;
    border-radius:40px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    text-align:center;
}

article .button button:hover{
    background:#ffe0e0;
}

article .button button.return{
    width:30%;    
}

article .button button.sendmail{
    width:50%;    
}

article .mailform .privacypolicy{
    width:90%;
    margin:0 auto 40px auto;
    padding:20px;
    border:solid 1px #303030;
    font-size:20px;
    line-height:20px;
}

article .mailform .privacypolicy ul{
    margin-left:40px;
}

article .mailform .privacypolicy ul li{
    list-style:none;
    list-style-type:circle;;
}

article .mailform .privacypolicy .title{
    text-align:center;
    font-weight:bold;
    margin-bottom:10px;
}

@media screen and (max-width:900px){
    article .mailform dl,article .confirm dl{
        width:90vw;
        margin:4vw auto 4vw auto;
        border-bottom:solid 1px #000000;
        border-left:solid 1px #000000;
    }
    
    article .mailform dt,article .confirm dt{
        clear:both;
        float:none;
        width:100%;
        border-top:solid 1px #000000;
        border-right:solid 1px #000000;
        padding:3vw;
    }
    
    article .mailform dd,article .confirm dd{
        float:none;
        width:100%;
        border-left:none;
        border-right:solid 1px #000000;
        border-top:solid 1px #000000;
        padding:3px;
    }
    
    article .mailform input[type='text']{
        font-size:5vw;
        line-height:5vw;
        width:100%;
        padding:1vw;
        margin:0.5vw 0;
        border:solid 1px #a0a0a0;
        border-radius:1vw;
    }
    
    article .mailform input.zipcode{
        width:100%;
    }
    
    article .mailform input.phone{
        width:100%;
    }
    
    article .mailform input.address1,article .mailform input.address2{
        width:100%;
    }
    
    article .button button{
        width:70%;
        margin:0 auto 2vw auto;
        padding:4vw;
        border-radius:5vw;
        font-size:5vw;
        line-height:5vw;
    }
    
    article .mailform .privacypolicy{
        width:90%;
        margin:0 auto 6vw auto;
        padding:4vw;
        border:solid 1px #303030;
        font-size:4vw;
        line-height:4vw;
    }
    
    article .mailform .privacypolicy ul{
        margin-left:10vw;
    }
    
    article .mailform .privacypolicy .title{
        margin-bottom:2vw;
    }
}

/*============================================================================
EOF
============================================================================*/