@charset "utf-8";

header .head {
    border-bottom: 2px solid #e1e1e1;
    background: linear-gradient(to bottom, #f3b3cf, #e52d8a);
}

header .head h1 {
    color: #FFF;
}

/*~~*/

main .head {
	text-align: center;
}

main h1 {
    padding: 0 20px;
    padding-bottom: 10px;
    border-bottom: 5px solid #e52d8a;
    display: inline-block;
}

main .date {
    margin-top: 10px;
    text-align: center;
}

main .oubo {
    margin-top: 5px;
    text-align: center;
}

main .form-body {
    margin-top: 25px;
    padding: 15px;
    border: 1px solid #CCC;
    border-radius: 5px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
}

main .form-body .post-ng {
    margin-bottom: 10px;
    padding: 5px;
    background: #cc0000;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
}

main .form-body .post-ok {
    padding: 5px;
    background: #6666ff;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
}

main .form-body .post-end {
    padding: 5px;
    background: #e52d8a;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
}

main .note {
    margin-top: 20px;
}

/*
SP
*/
/*////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width: 768px) {
	/*
    */
    main .form-body {
        margin-top: 15px;
    }
	/*
    */
}
/*////////////////////////////////////////////////////////////////////////////*/

/*
PC
*/
/*////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width: 769px) {
	/*
    */
    main.wrap {
        margin-top: 30px;
    }

    main .form-body {
        margin-top: 25px;
    }
	/*
    */
}
/*////////////////////////////////////////////////////////////////////////////*/