/* base */
body {
	color: #010101;
}
header, footer {
	background-color: black;
}
footer a {
	color: white !important;
	font-weight: normal !important;
}
#contents > .top a {
	background-repeat: no-repeat !important;
	background-position: 35px center !important;
}
#contents > .top .regist a {
	background-color: rgb(228, 0, 127) !important;
}
.orderstep li, .orderstep li:after {
	background-color: rgb(160, 160, 160) !important;
}
.orderstep li:after {
	border-color: white;
}
.orderstep .current, .orderstep .current:after {
	background-color: rgb(228, 0, 127) !important;
}
/* input */
button, input[type=button], input[type=submit] {
	border-radius: 20px !important;
	color: white !important;
	background-color: #e4007f !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4007f));
	border-color: #ff8ccc !important;
}
#pre_disagree {
	background-color: rgb(160, 160, 160) !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(160, 160, 160)));
	border-width: 0;
}
/**
 * PC想定レイアウト
 */
@media (min-width: 751px) {
	/* base */
	header {
		background-image: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/pc/header.png');
	}
	.orderstep li {
		background: -webkit-linear-gradient(left, rgb(160, 160, 160) 245px, transparent 55px);
		background: -ms-linear-gradient(left, rgb(160, 160, 160) 245px, transparent 55px);
		background: linear-gradient(left, rgb(160, 160, 160) 245px, transparent 55px);
	}
	.orderstep .current {
		background: -webkit-linear-gradient(left, rgb(228, 0, 127) 245px, transparent 55px);
		background: -ms-linear-gradient(left, rgb(228, 0, 127) 245px, transparent 55px);
		background: linear-gradient(left, rgb(228, 0, 127) 245px, transparent 55px);
	}
	.orderstep .step1 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/step1.png');
		background-position: center center;
	}
	.orderstep .step2 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/step2.png');
		background-position: 80px center;
	}
	.orderstep .step3 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/step3.png');
		background-position: 65px center;
	}
	.orderstep .step4 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/step4.png');
		background-position: 70px center;
	}
	/* top */
	#contents > .top .detail a, #contents > .top .qanda a {
		border-color: #959595;
	}
	#delivery_index .regist a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_regist.png'),
			-webkit-linear-gradient(left, #e4007f 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_regist.png'),
			-ms-linear-gradient(left, #e4007f 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_regist.png') 35px center no-repeat,
			linear-gradient(left, #e4007f 360px, black 35px);
	}
	#delivery_index .detail a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_detail.png'),
			-webkit-linear-gradient(left, transparent 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_detail.png'),
			-ms-linear-gradient(left, transparent 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_detail.png') 35px center no-repeat,
			linear-gradient(left, transparent 360px, black 35px);
	}
	#delivery_index .qanda a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_Q&A.png'),
			-webkit-linear-gradient(left, transparent 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_Q&A.png'),
			-ms-linear-gradient(left, transparent 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_Q&A.png') 35px center no-repeat,
			linear-gradient(left, transparent 360px, black 35px);
	}
}
/**
 * スマホ想定レイアウト
 */
@media (max-width: 750px) {
	/* base */
	header {
		background-image: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/sp/header.png');
	}
	.orderstep li {
		background: -webkit-linear-gradient(left, rgb(160, 160, 160) 175px, transparent 40px);
		background: -ms-linear-gradient(left, rgb(160, 160, 160) 175px, transparent 40px);
		background: linear-gradient(left, rgb(160, 160, 160) 175px, transparent 40px);
	}
	.orderstep .current {
		background: -webkit-linear-gradient(left, rgb(228, 0, 127) 175px, transparent 40px);
		background: -ms-linear-gradient(left, rgb(228, 0, 127) 175px, transparent 40px);
		background: linear-gradient(left, rgb(228, 0, 127) 175px, transparent 40px);
	}
	.orderstep .current:after {
		background-color: rgb(228, 0, 127);
	}
	.orderstep .step1 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/step1.png');
		background-position: 45px center;
	}
	.orderstep .step2 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/step2.png');
		background-position: 60px center;
	}
	.orderstep .step3 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/step3.png');
		background-position: 50px center;
	}
	.orderstep .step4 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/step4.png');
		background-position: 50px center;
	}
	/* top */
	#delivery_index .regist a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_regist.png') 35px 41px no-repeat,
			-webkit-linear-gradient(left, #e4007f 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_regist.png') 35px 41px no-repeat,
			-ms-linear-gradient(left, #e4007f 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_regist.png') 35px 41px no-repeat,
			linear-gradient(left, #e4007f 615px, black 53px);
	}
	#delivery_index .detail a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_detail.png') 35px 41px no-repeat,
			-webkit-linear-gradient(left, transparent 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_detail.png') 35px 41px no-repeat,
			-ms-linear-gradient(left, transparent 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_detail.png') 35px 41px no-repeat,
			linear-gradient(left, transparent 615px, black 53px);
	}
	#delivery_index .qanda a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_Q&A.png') 35px 41px no-repeat,
			-webkit-linear-gradient(left, transparent 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_Q&A.png') 35px 41px no-repeat,
			-ms-linear-gradient(left, transparent 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_Q&A.png') 35px 41px no-repeat,
			linear-gradient(left, transparent 615px, black 53px);
	}
}


/**
 * PC想定レイアウト
 */
@media (min-width: 751px) {
	/* base */
	div#handover header {
		background-image: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/pc/header_handover.png');
	}
	div#handover .orderstep .step1 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/handover_step1.png');
		background-position: center center;
	}
	div#handover .orderstep .step2 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/handover_step2.png');
		background-position: 80px center;
	}
	div#handover .orderstep .step3 span {
		background-image: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/pc/handover_step3.png');
		background-position: 65px center;
	}
	div#handover .orderstep .step4 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/handover_step4.png');
		background-position: 70px center;
	}
	/* top */
	#handover_index .regist a {
		background: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/pc/top_handover_register.png') 35px center no-repeat,
			-webkit-linear-gradient(left, #e4007f 360px, black 35px);
		background: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/pc/top_handover_register.png') 35px center no-repeat,
			-ms-linear-gradient(left, #e4007f 360px, black 35px);
		background: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/pc/top_handover_register.png') 35px center no-repeat,
			linear-gradient(left, #e4007f 360px, black 35px);
	}
	#handover_index .detail a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_handover_modify.png') 35px center no-repeat,
			-webkit-linear-gradient(left, transparent 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_handover_modify.png') 35px center no-repeat,
			-ms-linear-gradient(left, transparent 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_handover_modify.png') 35px center no-repeat,
			linear-gradient(left, transparent 360px, black 35px);
	}
	#handover_index .qanda a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_Q&A.png') 35px center no-repeat,
			-webkit-linear-gradient(left, transparent 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_Q&A.png') 35px center no-repeat,
			-ms-linear-gradient(left, transparent 360px, black 35px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/pc/top_Q&A.png') 35px center no-repeat,
			linear-gradient(left, transparent 360px, black 35px);
	}
}
/**
 * スマホ想定レイアウト
 */
@media (max-width: 750px) {
	/* base */
	div#handover header {
		background-image: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/sp/header_handover.png');
	}
	div#handover .orderstep .current:after {
		background-color: rgb(228, 0, 127);
	}
	div#handover .orderstep .step1 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/handover_step1.png');
		background-position: 45px center;
	}
	div#handover .orderstep .step2 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/handover_step2.png');
		background-position: 60px center;
	}
	div#handover .orderstep .step3 span {
		background-image: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/sp/handover_step3.png');
		background-position: 50px center;
	}
	div#handover .orderstep .step4 span {
		background-image: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/handover_step4.png');
		background-position: 50px center;
	}
	/* top */
	#handover_index .regist a {
		background: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/sp/top_handover_register.png') 35px 41px no-repeat,
			-webkit-linear-gradient(left, #e4007f 615px, black 53px);
		background: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/sp/top_handover_register.png') 35px 41px no-repeat,
			-ms-linear-gradient(left, #e4007f 615px, black 53px);
		background: url('https://s3-ap-northeast-1.amazonaws.com/next-yoyaku-custom/img/sp/top_handover_register.png') 35px 41px no-repeat,
			linear-gradient(left, #e4007f 615px, black 53px);
	}
	#handover_index .detail a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_handover_modify.png') 35px 41px no-repeat,
			-webkit-linear-gradient(left, transparent 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_handover_modify.png') 35px 41px no-repeat,
			-ms-linear-gradient(left, transparent 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_handover_modify.png') 35px 41px no-repeat,
			linear-gradient(left, transparent 615px, black 53px);
	}
	#handover_index .qanda a {
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_Q&A.png') 35px 41px no-repeat,
			-webkit-linear-gradient(left, transparent 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_Q&A.png') 35px 41px no-repeat,
			-ms-linear-gradient(left, transparent 615px, black 53px);
		background: url('https://next-yoyaku-web.s3.ap-northeast-1.amazonaws.com/img/sp/top_Q&A.png') 35px 41px no-repeat,
			linear-gradient(left, transparent 615px, black 53px);
	}
}