@charset "utf-8";


body {
	overflow-y: scroll; /* あってもなくてもどちらでも可 */
}


div#confirm_field {
    margin: 0;
    padding: 0;
    background: #ffffff;
    font-size: 95%;
    line-height: 1.8;
}

div#confirm_field {
	display: none;
}

div#confirm_field h2 {
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
}

div#confirm_field dl {
    width: 50%;
    margin: 0 auto;
    overflow: hidden;
}

div#confirm_field dl dt {
    clear: both;
    width: 30%;
    float: left;
    border-top: 1px solid #cccccc;
    padding: 15px 0;
}

div#confirm_field dl dd {
    width: 65%;
    float: right;
    border-top: 1px solid #cccccc;
    padding: 15px 0 15px 5%;
}

div#confirm_field p#confirm_submit {
    width: 75%;
    margin: 0 auto;
}

div#confirm_field button {
	color: #ffffff;
	-webkit-appearance: none;
}

div#confirm_field button{
    cursor: pointer;
}

div#confirm_field button#confirm_submit_button span:hover:before{
     width: 100%;
}

div#confirm_field button#confirm_submit_button span:hover::after{
    animation: arrow 0.5s;
}

div#confirm_field button#confirm_cancel_button span:hover::after{
    animation: arrow2 0.5s;
}

/* -- responsive ----------------------------------------------------------------------------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {

div#confirm_field {
	/*width: 95%;*/
	font-size: 100%;
}

div#confirm_field dl {
    width: 90%;
}

div#confirm_field dl dt {
	width: auto;
	float: none;
	text-align: left;
	padding: 15px 0 0;
	font-weight: bold;
}

div#confirm_field dl dt:before {
	content: "【";
}

div#confirm_field dl dt:after {
	content: "】";
}

div#confirm_field dl dd {
	width: auto;
	float: none;
	border-top: none;
	padding: 0px 0 15px 0px;
}
/*
div#confirm_field button#confirm_submit_button {
	margin-left: 0;
}
*/
}
/* 1000pixel end */

@media screen and (max-width: 767px) {
    div#confirm_field dl dt:last-of-type{
        border-bottom: none;
    }
    div#confirm_field p#confirm_submit {
        flex-direction: column-reverse;
    }
    div#confirm_field button#confirm_submit_button{
        margin: 0 auto 15px;
    }
}