@charset "UTF-8";

.mfp_colored,
.mfp_achroma {
    background-color: #f2f1f0;
    background-color: rgba(255, 255, 255, 0.0);
}

form#mailformpro,
#mfp_phase_confirm_inner {
    font-family: "Helvetica Neue", Noto Sans JP, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
form#mailformpro label.mfp_checked {
    padding: 0 0.8em;
    
}
form#mailformpro label.mfp_not_checked {
    padding: 0 0.8em;
    border: 1px solid #d1d1d1;
    background-color: rgba(242, 241, 240, 0.5);
}
/*============================================================
input
============================================================*/
input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: medium none;
    outline: medium none;
    padding: 4px 5px;
    border: 1px solid #bfbfbf;
    /*box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1) inset;*/
    -webkit-transition-duration: 0.24s;
    transition-duration: 0.24s;
}
input[type="checkbox"],
input[type="radio"]{
    width: auto;
}
input[type="submit"]{
    padding-right: 10px;
    padding-left: 10px;
}
input[type="submit"]:hover {
    color:#FFFFFF;
    border: 1px solid #EEE;
    border-bottom: 1px solid #FFFFFF;
    /*box-shadow: 0 1px 8px rgba(0, 0, 0, 0.8) inset;*/
}
textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #bfbfbf;
    /*box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1) inset;*/
    -webkit-transition-duration: 0.24s;
    transition-duration: 0.24s;
    min-height: 62px;
    outline: medium none;
    padding: 5px 6px;
    resize: vertical;
    width: 100%;
}
select {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #e6e6e6;
    /*box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2) inset;*/
    -webkit-transition-duration: 0.24s;
    transition-duration: 0.24s;
    cursor: default;
    font-weight: normal;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 4px 5px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
}
input:focus,
textarea:focus,
select:focus {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}


@media screen and ( max-width : 480px ) {
    form#mailformpro {
        padding: 0;
    }
}