/* base */
* {
	margin: 0;
	padding: 0;
	border: 0 solid black;
	font-size: inherit;
	line-height: 1.25em;
	position: relative;
}
body {
	font-size: 20px;
	-webkit-text-size-adjust: 100%;
	text-align: center;
}
header, footer {
	width: 100%;
}
header {
	height: 220px;
	margin-bottom: 40px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
footer {
	left: 0;
	bottom: 0;
	position: fixed;
	z-index: 999;
}
footer li {
	display: inline-block;
	margin: 0 1rem;
}
footer a {
	font-size: 1.5rem;
	text-decoration: none;
}
a {
	text-decoration: none;
	cursor: pointer;
}
div#main {
	visibility: hidden;
}
#contents {
	text-align: left;
}
iframe {
	width: 100%;
	height: 300px;
}
/* step layout */
.orderstep {
	position: relative;
	overflow: hidden;
}
.orderstep li {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	overflow: visible;
}
.orderstep li:after {
	position: absolute;
	display: inline-block;
	content: "";
	z-index: -1;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-style: solid;
	border-width: 0;
}
.orderstep li span {
	background-repeat: no-repeat;
}
.orderstep .step1 {
	z-index: 40;
}
.orderstep .step2 {
	z-index: 30;
}
.orderstep .step3 {
	z-index: 20;
}
.orderstep .step4 {
	z-index: 10;
}
.orderstep li span {
	font-size: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
}
/* label / page-demessage / attention */
.description, .attention, .mesg {
	display: block;
	margin: 0 0px 40px;
	text-align: left;
	font-size: 1.5rem;
}
.description, .mesg {
	font-weight: bold;
}
ul.attention {
	list-style-type: none;
	margin-left: 1rem;
	text-align: justify;
}
ul.attention li {
	line-height: 1.25em;
	margin-bottom: .5em;
}
ul.attention li:before {
	position: absolute;
	line-height: 2rem;
	height: 2rem;
	left: -1.5rem;
	content: '※';
}
.error {
	color: red;
}
div.error {
	font-size: 1.5rem;
	font-weight: bold;
}
label.title {
	display: block;
	background-color: black;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 2.5rem;
	height: 2.5rem;
	padding-left: .75rem;
	margin-bottom: 1.5rem;
}
label.title, label.title a, label.title a:visited, label.title a:hover {
	color: white;
}
/* 配送コード, 商品コード */
ul#itemcode_list {
	list-style-type: none;
	margin-bottom: 40px;
}
.code_check, .icon {
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	background-color: #e4007f;
}
.input_field .ui-textinput {
	margin: 0;
}
.code_check {
	vertical-align: top;
}
#order_field {
	margin-bottom: 40px;
}
.code_field {
	margin-bottom: 20px;
}
.code_field .item_name {
	display: block;
	padding-left: 50px;
}
.input_field {
	display: inline-block;
	margin: .5rem 0;
}
.ui-icon-check, .ui-icon-forbidden, .ui-icon-minus, .ui-icon-plus {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80%;
	vertical-align: top;
}
.ui-icon-plus {
	margin-right: .5em;
}
#item_code_add {
	color: black;
	font-weight: normal;
	line-height: 50px;
	font-size: 30px;
}
.item_code_remove {
	float: right;
}
/* form */
input {
	font-size: 1.5rem;
}
.button {
	text-align: center;
}
button, input[type=button], input[type=submit] {
	display: inline-block;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	width: auto;
	min-width: 310px;
	height: 60px;
	line-height: 0;
}
/* select    要要要要要要要要要修正 */
input[type=text], input[type=password], input[type=tel], select {
	font-size: 1.5rem;
	line-height: 50px;
	border: 1px solid #959595;
	height: 50px;
	padding: 0 10px;
}
input[type=text].error, input[type=password].error, input[type=tel].error, select.error, .error[for=agreement], .ui-selectmenu-button.error {
	border-color: red;
}
/* 都道府県 */
#prefecture-button {
	height: 50px;
	padding: 0;
}
#prefecture-button .ui-selectmenu-button-icon {
	width: 30px;
	height: 30px;
	margin: 10px;
}
#prefecture-button .ui-selectmenu-button-text {
	font-size: 1.5rem;
	line-height: 50px;
	height: 50px;
	margin: 0 1rem;
}
/* 郵便番号 */
#postalcode {
	width: 300px;
}
.input_field.code_input, .code_input_short {
	margin: 0;
}
.input_field.postalcode div {
	display: inline-block;
}
/* 郵便番号自動入力 */
#getaddress {
	margin: 0 0 0 40px;
	padding: 0 3rem;
	min-width: auto;
	width: auto;
	height: 50px;
	font-weight: normal;
	vertical-align: top;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #959595));
	border-width: 0;
}
/* 読み込み中 */
#screen {
	display: none;
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
}
#screen div {
	/*margin: calc((100% - 200px)/2);*/
	width: 200px;
	height: 200px;
	opacity: .8;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px 200px;
	-webkit-animation: reading 2s linear infinite;
	-moz-animation: reading 2s linear infinite;
	-ms-animation: reading 2s linear infinite;
	animation: reading 2s linear infinite;
}
@-webkit-keyframes reading {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes reading {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes reading {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@keyframes reading {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
#popupDialog h1 {
	line-height: 4rem;
	height: 4rem;
	font-size: 2rem;
	background-color: rgba(200,200,200);
}
#popupDialog .description {
	font-size: 1.7rem;
	min-height: 10rem;
	line-height: 2rem;
}
#dialogButton {
	font-size: 2rem;
	padding: .5rem;
}
#popupDialog-popup {
	max-height: 90%;
	overflow-y: auto;
}
#popupDialog #address_list {
	list-style-type: none;
}
#popupDialog #address_list a {
	display: block;
	line-height: 5.5rem;
	font-size: 2rem;
	border: 1px solid gray;
	border-width: 1px 0;
}
/* top */
#contents > .top a {
	font-size: 0;
	display: block;
}
/* confirm label */
.shipping > *, #by_item > * > * {
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 1rem;
}
.shipping > label, #by_item > * > label {
	display: inline-block;
	font-weight: bold;
}
.modify {
	text-align: right;
	margin: 1rem 0;
}
.modify a {
	display: inline-block;
}
/* shop */
.shop_text, .shop_list {
	font-weight: normal;
	margin-bottom: .5em;
}
.shop_text {
	white-space: pre;
}
.shop_list ul {
	list-style-type: none;
}
.shop_list li:before {
	content: '※';
	padding-right: .25em;
}

/**
 * PC想定レイアウト
 */
@media (min-width: 751px) {
	/* base */
	body {
		overflow-x: auto !important;
	}
	.ui-page-active {
		min-width: 1200px !important;
	}
	div#main {
		display: inline-block;
		width: 1000px;
		margin-bottom: 145px;
	}
	#contents > div > *:not(.orderstap):not(ul) {
		padding: 0 30px;
	}
	footer {
		height: 145px;
	}
	footer ul {
		padding: 40px 0 0 25px;
	}
	#popupDialog-popup {
		width: 600px;
	}
	/* form */
	button, input[type=button], input[type=submit] {
		margin: 60px 30px;
	}
	input[type=text], input[type=password], input[type=tel], select {
		display: inline-block;
		font-size: 22px;
		line-height: 50px;
		border: 1px solid #959595;
		height: 50px;
		width: 643px;
		padding: 0 10px;
	}
	/* step layout */
	.orderstep {
		height: 100px;
		margin: 0 0 40px 0;
	}
	.orderstep li {
		left: 34px;
		height: 100px;
		width: 235px;
	}
	.orderstep li:after {
		right: -34px;
		width: 100px;
		height: 100px;
		border-radius: 5px;
		border-width: 5px 5px 0 0;
	}
	.orderstep .step1 {
		left: 0;
	}
	.orderstep .step2 {
		left: 235px;
	}
	.orderstep .step3 {
		left: 470px;
	}
	.orderstep .step4 {
		width: 245px;
		left: 705px;
	}
	/* top */
	#delivery_index #contents, #handover_index #contents {
		text-align: center;
	}
	#contents > .top {
		width: 920px;
		display: inline-block;
	}
	#contents > .top a {
		width: 100%;
		height: 100%;
	}
	#contents > .top a {
		font-size: 0;
		display: block;
		width: 100%;
		height: 100%;
	}
	#contents > .top .regist {
		display: block;
		float: left;
		margin-right: 50px;
		width: 430px;
		height: 220px;
	}
	#contents > .top .regist a {
		margin: 0 50px 0 0;
	}
	#contents > .top .detail, #contents > .top .qanda {
		vertical-align: top;
		display: inline-block;
		width: 430px;
		height: 100px;
	}
	#contents > .top .detail {
		margin: 0 0 18px 0;
	}
	#contents > .top .qanda {
		margin: 0 0 80px 0;
	}
	#contents > .top .detail a, #contents > .top .qanda a {
		border-style: solid;
		border-width: 1px 0 1px 1px;
	}
	#contents > .top .detail a {
		margin: 0 0 25px 0;
	}
	/* order_code, item_code*/
	.item_code_remove {
		right: 180px;
	}
	
}
/**
 * スマホ想定レイアウト
 */
@media (max-width: 750px) {
	/* base */
	body {
		font-size: 24px;
	}
	div#main {
		display: block;
		padding-top: 0;
		margin-bottom: 70px;
	}
	footer {
		height: 70px;
	}
	footer ul {
		padding: 20px 0 0 25px;
	}
	#popupDialog-popup {
		width: 95%;
	}
	/* top */
	#contents > .top ul {
		list-style-type: none;
	}
	#contents > .top li {
		margin: 40px 0;
	}
	#contents > .top a {
		height: 150px;
	}
	#contents > .top .detail a, #contents > .top .qanda a {
		border-style: solid;
		border-width: 1px 0 1px 1px;
		background-repeat: no-repeat;
		background-position: 35px 41px;
	}
	/* step layout */
	.orderstep {
		height: 75px;
		margin-bottom: 3rem;
	}
	.orderstep li {
		height: 75px;
		width: 180px;
	}
	.orderstep li:after {
		right: -20px;
		width: 75px;
		height: 75px;
		border-radius: 3px;
		border-width: 3px 3px 0 0;
	}
	.orderstep .step1 {
		left: -30px;
	}
	.orderstep .step2 {
		left: 140px;
	}
	.orderstep .step3 {
		left: 315px;
	}
	.orderstep .step4 {
		left: 490px;
	}
	/* form */
	.input_field {
		width: 100%;
	}
	/* order_code, item_code*/
	.input_field.code_input {
		width: calc(100% - 60px);
	}
	.code_input_short {
		width: calc(100% - 120px);
	}
}


/*
label.error, input.error, select.error {
	border: .25em solid red;
	border-style: solid !important;
	border-width: .25em !important;
	border-color: red !important;
}
#order_address .inputerror {
	margin-left: 40px;
	top: 60px;
}
.ui-popup-hidden {
	display: none;
}
form > div {
	position: relative;
	text-align: left;
}
span.inputerror {
	color: red;
	display: inline-block;
	top: 50px;
	position: absolute;
}
span.errmesg {
	color: red;
	display: block;
	padding: 10px;
	border: 1px solid red;
}
body {
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	color: #010101 !important;
	text-align: center;
}
header, footer {
	width: 100%;
}
footer {
	background: black;
	text-align: left;
}
footer li {
	display: inline-block;
}
footer ul li a {
	font-weight: normal !important;
	color: white !important;
	text-decoration: none;
}
div#main {
	display: none;
}
footer ul, div#order_index ul, ol.registstep {
	padding: 0;
	margin: 0;
}
div#order_index ul {
	display: block;
}
div#order_index ul li {
	display: block;
}
div#order_index ul li a {
	font-size: 0;
	display: block;
	text-decoration: none;
}
div#order_index ul li.regist a {
}
div#order_index li.detail a {
	border: solid #959595;
}
div#order_index li.qanda a {
	border: solid #959595;
}
ol.registstep {
	position: relative;
	overflow: hidden;
}
ol.registstep li {
	position: absolute;
	display: inline-block;
	background-color: rgb(160, 160, 160);
	vertical-align: middle;
	overflow: hidden;
}
ol.registstep li:after {
	position: absolute;
	z-index:-1;
	content: "";
	display: inline-block;
	box-sizing: border-box;
	background-color: rgb(160, 160, 160);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 0 solid white;
}
ol.registstep li.current {
	background-color: rgb(228, 0, 127);
}
ol.registstep li.current:after {
	background-color: rgb(228, 0, 127);
}
ol.registstep li.step1 {
	z-index: 40;
}
ol.registstep li.step2 {
	z-index: 30;
}
ol.registstep li.step3 {
	z-index: 20;
}
ol.registstep li.step4 {
	z-index: 10;
}
ol.registstep li span {
	font-size: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
}
a.prev_anchor {
	text-align: left;
	font-weight: normal;
	display: block;
	padding: 0;
	text-decoration: none;
}
a.prev_anchor:visited, a.prev_anchor:link {
	color: #010101;
}
div.button {
	text-align: center;
}
div.button div {
	display: inline-block;
}
input[type=button], input[type=submit] {
	border: solid;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: #e4007f;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4007f));
	border-color: #ff8ccc;
}
input.disagree {
	background-color: #959595;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #959595));
	border-color: #d6d6d6;
}
input.agree {
}
div.mesg {
	border: solid #959595;
}
div.mesg h3 {
	color: #e4007f;
	text-align: left;
	font-weight: bold;
	padding: 0;
}
div.kiyaku h3, div.privacy h3 {
	color: #010101;
}
div.mesg pre {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	line-break: normal;
	word-wrap: break-word;
	word-break: break-all;
}
.mesg2 {
	text-align: left;
	display: block;
	padding: 0;
}
span.mesg2 {
	font-weight: bold;
}
span.mesg2.attention {
	color: #a40000;
}
.mesg3 {
	text-align: left;
	display: block;
	padding: 0;
}
.mesg4 {
	color: red;
	text-align: left;
	display: block;
	padding: 0;
}
label {
	text-align: left;
	display: block !important;
	background-color: black;
	color: white;
}
ul.accept_domain {
	text-align: left;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
}
ul.accept_domain li {
	line-height: 1.5em;
}
span.header_mesg, span.header_mesg2 {
	text-align: left;
	font-weight: bold;
	line-height: 1.5em;
	display: block;
	padding: 0;
}
span.header_mesg {
}
span.header_mesg2 {
}
input[type=text], input[type=password], input[type=tel], select {
	border: solid #959595;
	display: block;
}
div.postalcode, div.postalcode_btn {
	vertical-align: top;
	display: inline-block;
}
input#postalcode {
}
input#code2address {
	border: none;
	background: #959595 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #959595)) !important;
}
#sipping_field, #itemcode_list {
	list-style-type: none;
	padding: 0;
	vertical-align: top;
	display: block;
}
#itemcode_list li {
	background-color: transparent;
}
.item_code, #sipping_code {
}
div.item_name {
	clear: both;
}
span.item_name {
	display: block;
	line-height: 1.5em;
}
span.item_name span {
	display: block;
}
.code_input {
}
.code_input2 {
}
.code_input, .code_input2, .item_code_remove {
	display: block;
	float: right;
}
	.code_check {
		width: 50px;
		height: 50px;
	}
.code_check {
	display: inline-block;
	border-radius: 50%;
	background-color: #e4007f;
}
.ui-icon-check, .ui-icon-forbidden {
	background: center center no-repeat;
}
.item_code_remove {
	display: inline-block;
	margin: 0 0 0 0 !important;
}
.ui-last-child {
	text-align: right;
	margin: 0 !important;
}
#item_code_add {
	font-size: 0;
	color: transparent;
	padding: 0;
	margin: 0;
	background: center center no-repeat;
	display: block;
	float: right;
}
div.agreement-checkbox {
	position: relative;
	text-align: center;
	margin: 0 0 50px 0 !important;
}
label[for=agreement] {
	background: initial;
	color: #010101;
	display: inline !important;
	vertical-align: middle;
}
input#agreement {
	border: solid #434343;
	display: inline-block;
	vertical-align: middle
}
#dialog h3 {
}
#dialog .mesg {
	line-height: 1.5em;
	border: 0px none;
}
.modify {
	background-color:  #959595;
}
.modify a, .modify a:link, .modify a:visited {
	text-decoration: none;
	font-weight: normal;
	display: block;
	color: white;
	text-align: center;
	line-height: 49px;
}
p.shipping, p.item {
	position: relative;
}
p.modify {
	text-align: right;
	text-align: center !important;
}
p.modify a {
	display: inline-block;
}
.ui-popup-container .mesg, .ui-popup-container .ui-content {
	color: red;
}
@media (min-width: 751px) {
	.agreement-checkbox .inputerror {
		text-align: center;
		position: relative;
		display: block;
		top: 0px !important;
	}
	* {
		text-align: left;
	}
	body {
		font-size: 20px;
	}
	body > div > div {
		text-align: center !important;
	}
	footer li {
		margin-right: 40px;
	}
	header {
		height: 220px;
		background: black url('../../img/pc/header.png') 30px 25px no-repeat;
		margin: 0 0 40px 0;
	}
	footer {
		position: fixed;
		z-index: 1000;
		bottom: 0;
		left: 0;
		height: 145px;
		text-align: center;
	}
	footer ul {
		padding: 58px 0 0 25px;
		text-align: center;
	}
	footer ul li a {
		font-size: 24px;
	}
	div#main {
		width: 1230px !important;
		margin-bottom: 250px;
	}
	div#order_index {
		text-align: center;
	}
	div#order_index ul {
		width: 910px;
		display: inline-block;
	}
	div#order_index ul li {
		display: block;
		margin: 0;
	}
	div#order_index ul li.regist {
		vertical-align: top;
		display: inline-block;
		float: left;
		width: 430px;
		height: 220px;
		margin-right: 50px;
	}
	div#order_index ul li a {
		width: 100%;
		height: 100%;
	}
	div#order_index ul li.regist a {
		margin: 0 50px 0 0;
		background: 
			url('../../img/pc/top_regist.png') 35px center no-repeat,
			-webkit-linear-gradient(left, #e4007f 395px, black 35px);
		background: 
			url('../../img/pc/top_regist.png') 35px center no-repeat,
			moz-linear-gradient(left, #e4007f 395px, black 35px);
		background: 
			url('../../img/pc/top_regist.png') 35px center no-repeat,
			-ms-linear-gradient(left, #e4007f 395px, black 35px);
		background: 
			url('../../img/pc/top_regist.png') 35px center no-repeat,
			linear-gradient(left, #e4007f 395px, black 35px);
	}
	div#order_index li.detail, div#order_index li.qanda {
		vertical-align: top;
		display: inline-block;
		width: 430px;
		height: 100px;
	}
	div#order_index li.detail {
		margin: 0 0 18px 0;
	}
	div#order_index li.qanda {
		margin: 0 0 80px 0;
	}
	div#order_index li.detail a {
		margin: 0 0 25px 0;
		border-width: 1px 0 1px 1px;
		background: 
			url('../../img/pc/top_detail.png') 35px center no-repeat,
			-webkit-linear-gradient(left, transparent 395px, black 35px);
		background: 
			url('../../img/pc/top_detail.png') 35px center no-repeat,
			moz-linear-gradient(left, transparent 395px, black 35px);
		background: 
			url('../../img/pc/top_detail.png') 35px center no-repeat,
			-ms-linear-gradient(left, transparent 395px, black 35px);
		background: 
			url('../../img/pc/top_detail.png') 35px center no-repeat,
			linear-gradient(left, transparent 395px, black 35px);
	}
	div#order_index li.qanda a {
		border-width: 1px 0 1px 1px;
		background: 
			url('../../img/pc/top_Q&A.png') 35px center no-repeat,
			-webkit-linear-gradient(left, transparent 395px, black 35px);
		background: 
			url('../../img/pc/top_Q&A.png') 35px center no-repeat,
			moz-linear-gradient(left, transparent 395px, black 35px);
		background: 
			url('../../img/pc/top_Q&A.png') 35px center no-repeat,
			-ms-linear-gradient(left, transparent 395px, black 35px);
		background: 
			url('../../img/pc/top_Q&A.png') 35px center no-repeat,
			linear-gradient(left, transparent 395px, black 35px);
	}
	div.mesg.attention {
		width: 1000px;
		margin: 0;
		padding: 25px;
		display: inline-block;
	}
	ol.registstep {
		height: 100px;
		margin: 0 0 40px 23px;
	}
	ol.registstep li {
		height: 100px;
		width: 300px;
		background-color: rgb(160, 160, 160);
		background: -webkit-linear-gradient(left, rgb(160, 160, 160) 245px, transparent 55px);
		background: moz-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);
	}
	ol.registstep li:after {
		right: 20px;
		width: 100px;
		height: 100px;
		border-radius: 5px;
		border-width: 5px 5px 0 0;
	}
	ol.registstep li.current {
		background-color: rgb(228, 0, 127);
		background: -webkit-linear-gradient(left, rgb(228, 0, 127) 245px, transparent 55px);
		background: moz-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);
	}
	ol.registstep li.current:after {
		right: 20px;	
		background-color: rgb(228, 0, 127);
		border-width: 5px 5px 0 0;
	}
	ol.registstep li.step1 {
		left: -40px;
		background: -webkit-linear-gradient(left, rgb(160, 160, 160) 245px, transparent 55px);
		background: moz-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);
	}
	ol.registstep li.step2 {
		left: 205px;
	}
	ol.registstep li.step3 {
		left: 450px;
	}
	ol.registstep li.step4 {
		left: 695px;
	}
	ol.registstep li.current {
		background: -webkit-linear-gradient(left, rgb(228, 0, 127) 245px, transparent 55px);
		background: moz-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);
	}
	ol.registstep li.step1 span {
		background: url('../../img/pc/step1.png') 60px center no-repeat
	}
	ol.registstep li.step2 span {
		background: url('../../img/pc/step2.png') 80px center no-repeat
	}
	ol.registstep li.step3 span {
		background: url('../../img/pc/step3.png') 70px center no-repeat
	}
	ol.registstep li.step4 span {
		background: url('../../img/pc/step4.png') 70px center no-repeat
	}
	a.prev_anchor {
		margin: 0 0 45px 35px;
		font-size: 22px;
	}
	div.button {
		margin: 0 0 50px 0;
	}
	input[type=button], input[type=submit] {
		width: 310px;
		height: 60px;
		border: 2px solid;
		border-radius: 20px;
		font-size: 30px;
	}
	input.agree {
		margin-left: 35px;
	}
	div.mesg {
		margin: 0px 40px 40px 40px;
		padding: 20px;
		border: 1px solid #959595;
	}
	div.mesg h3 {
		font-size: 24px;
		margin: 0 0 20px 0;
	}
	div.kiyaku h3, div.privacy h3 {
		font-size: 18px;
	}
	div.mesg pre {
		font-size: 20px;
		height: 300px;
		overflow-y: scroll;
	}
	.mesg2 {
		margin: 0 50px 60px;
	}
	.mesg3 {
		margin: 0 60px 25px 50px;
	}
	.mesg4 {
		margin: 0 60px 0 30px;
	}
	label {
		width: 980px;
		height: 50px;
		font-size: 26px !important;
		font-weight: normal !important;
		line-height: 50px;
		padding: 0 0 0 12px;
		margin: 0 55px 31px 30px !important;
	}
	ul.accept_domain {
		margin: 0 50px 60px;
	}
	ul.accept_domain li {
		font-size: 20px;
	}
	span.header_mesg, span.header_mesg2 {
		margin: 0 50px 40px;
	}
	span.errmesg {
		margin: 0 30px 40px !important;
		width: 970px;
	}
	span.header_mesg {
		font-size: 20px;
	}
	span.header_mesg2 {
		font-size: 30px;
	}
	input[type=text], input[type=password], input[type=tel], select {
		font-size: 22px;
		line-height: 50px;
		border: 1px solid #959595;
		height: 50px;
		width: 643px;
		margin: 0 40px 40px 40px;
		padding: 0 10px;
	}
	select {
		width: 675px;
	}
	input#postalcode {
		width: 420px;
	}
	input#code2address {
		font-size: 20px;
		line-height: 50px;
		border-radius: 20px;
		height: 50px;
		width: 175px;
		padding: 0 10px;
	}
	#sipping_field, #itemcode_list {
		margin: 0 70px 50px 50px;
		width: 615px;
	}
	#sipping_field {
		position: relative;
	}
	#itemcode_list li {
		margin: 0 0 25px 0;
		position: relative;
	}
	.item_code, #sipping_code {
		width: calc(100% - 20px) !important;
		margin: 0 0 20px 0 !important;
	}
	span.item_name {
		text-align: left;
		font-size: 20px;
	}
	span.item_name span {
		text-align: left;
	}
	span.item_name span.release, span.item_name span.code {
		display: inline-block;
	}
	span.item_name span.code {
		margin-left: 1em;
	}
	.code_input {
		width: 550px !important;
		position: absolute;
		top: 0px;
		left: 65px;
	}
	.code_input2 {
		margin: 0 20px 0 0 !important;
		width: 480px !important;
		position: absolute;
		top: 0px;
		left: 65px;
	}
	.code_check {
		width: 50px;
		height: 50px;
	}
	.ui-icon-check {
		background-image: url('../../img/pc/check.png');
	}
	.ui-icon-forbidden {
		background-image: url('../../img/pc/forbidden.png');
	}
	.item_code_remove {
		background: url('../../img/pc/remove.png') center center no-repeat;
		width: 50px;
		height: 50px;
	}
	.ui-last-child {
		text-align: left;
		height: 62px;
	}
	#item_code_add {
		width: 170px;
		height: 62px;
		background-image: url('../../img/pc/add.png');
		float: none;
	}
	label[for=agreement] {
		background: transparent;
		font-size: 20px !important;
		line-height: 48px;
		margin: 0 0 0 15px !important;
	}
	input#agreement:checked + label:before {
		content: "";
		width: 15px;
		height: 27px;
		display: inline-block;
		border: 1px solid black;
		position: relative;
		left: -45px;
		top: 5px;
		border-width: 0 4px 4px 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	input#agreement, input#agreement:checked {
		border-width: 1px;
		margin: 0;
		-webkit-appearance: none;
		width: 38px;
		height: 38px;
		border-radius: 5px;
		border: 2px solid black;
	}
	input#agreement:checked + label {
		margin: 0 !important;
	}
	#dialog h3 {
		font-size: 30px;
	}
	#dialog .mesg {
		font-size: 22px;
	}
	.modify {
		border-radius: 20px;
		width: 175px;
		height: 50px;
		left: 785px;
	}
	.modify a, .modify a:link, .modify a:visited {
		line-height: 50px;
		font-size: 20px;
	}
	.fields {
		padding: .4em;
	}
	p.shipping, p.item {
		margin: 0 50px 30px 50px;
	}

	footer ul{
	padding: 40px 0 0 25px;
	}

	footer{
	height: 100px;
	}


	div#main{
	width: 1230px !important;
	margin-bottom: 180px;
	}
}
@media (max-width: 750px) {
	#order_address .postalcode .inputerror {
		margin-left: 0px;
	}
	body {
		font-size: 20px;
	}
	footer li {
		margin-right: 40px;
	}
	div#order_index ul li a {
		height: 150px;
	}
	header {
		height: 220px;
		background: black url('../../img/sp/header.png') 30px 25px no-repeat;
		margin: 0 0 40px 0;
	}
	footer {
		height: 70px;
		bottom: 0;
		position: fixed;
	}
	footer ul {
		padding: 20px 0 0 25px;
	}
	footer ul li a {
		font-size: 24px;
	}
	div#main {
		margin-bottom: 100px;
	}
	div#order_index ul {
	}
	div#order_index ul li {
		width: 670px;
		height: 150px;
		margin: 0 40px 40px;
	}
	div#order_index ul li.regist a {
		background: 
			url('../../img/sp/top_regist.png') 35px 41px no-repeat,
			-webkit-linear-gradient(left, #e4007f 615px, black 53px);
		background: 
			url('../../img/sp/top_regist.png') 35px 41px no-repeat,
			moz-linear-gradient(left, #e4007f 615px, black 53px);
		background: 
			url('../../img/sp/top_regist.png') 35px 41px no-repeat,
			-ms-linear-gradient(left, #e4007f 615px, black 53px);
		background: 
			url('../../img/sp/top_regist.png') 35px 41px no-repeat,
			linear-gradient(left, #e4007f 615px, black 53px);
	}
	div#order_index li.detail a {
		border-width: 1px 0 1px 1px;
		background: 
			url('../../img/sp/top_detail.png') 35px 41px no-repeat,
			-webkit-linear-gradient(left, transparent 615px, black 53px);
		background: 
			url('../../img/sp/top_detail.png') 35px 41px no-repeat,
			moz-linear-gradient(left, transparent 615px, black 53px);
		background: 
			url('../../img/sp/top_detail.png') 35px 41px no-repeat,
			-ms-linear-gradient(left, transparent 615px, black 53px);
		background: 
			url('../../img/sp/top_detail.png') 35px 41px no-repeat,
			linear-gradient(left, transparent 615px, black 53px);
	}
	div#order_index li.qanda a {
		border-width: 1px 0 1px 1px;
		background: 
			url('../../img/sp/top_Q&A.png') 35px 41px no-repeat,
			-webkit-linear-gradient(left, transparent 615px, black 53px);
		background: 
			url('../../img/sp/top_Q&A.png') 35px 41px no-repeat,
			moz-linear-gradient(left, transparent 615px, black 53px);
		background: 
			url('../../img/sp/top_Q&A.png') 35px 41px no-repeat,
			-ms-linear-gradient(left, transparent 615px, black 53px);
		background: 
			url('../../img/sp/top_Q&A.png') 35px 41px no-repeat,
			linear-gradient(left, transparent 615px, black 53px);
	}
	ol.registstep {
		height: 75px;
		margin: 0 0 40px 23px;
	}
	ol.registstep li {
		height: 75px;
		width: 215px;
		background-color: rgb(160, 160, 160);
		background: -webkit-linear-gradient(left, rgb(160, 160, 160) 175px, transparent 40px);
		background: moz-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);
	}
	ol.registstep li:after {
		right: 14px;
		width: 74px;
		height: 74px;
		border-radius: 3px;
		border-width: 3px 3px 0 0;
	}
	ol.registstep li.current {
		background-color: rgb(228, 0, 127);
		background: -webkit-linear-gradient(left, rgb(228, 0, 127) 175px, transparent 40px);
		background: moz-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);
	}
	ol.registstep li.current:after {
		right: 14px;
		background-color: rgb(228, 0, 127);
		border-width: 5px 5px 0 0;
	}
	ol.registstep li.step1 {
		left: -30px;
		background: -webkit-linear-gradient(left, rgb(160, 160, 160) 175px, transparent 40px);
		background: moz-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);
	}
	ol.registstep li.step2 {
		left: 140px;
	}
	ol.registstep li.step3 {
		left: 315px;
	}
	ol.registstep li.step4 {
		left: 490px;
	}
	ol.registstep li.current {
		background: -webkit-linear-gradient(left, rgb(228, 0, 127) 175px, transparent 40px);
		background: moz-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);
	}
	ol.registstep li.step1 span {
		background: url('../../img/sp/step1.png') 45px 15px no-repeat
	}
	ol.registstep li.step2 span {
		background: url('../../img/sp/step2.png') 60px 15px no-repeat
	}
	ol.registstep li.step3 span {
		background: url('../../img/sp/step3.png') 50px 15px no-repeat
	}
	ol.registstep li.step4 span {
		background: url('../../img/sp/step4.png') 50px 15px no-repeat
	}
	a.prev_anchor {
		margin: 0 0 45px 35px;
		font-size: 22px;
	}
	div.button {
		margin: 0 0 50px 0;
	}
	input[type=button], input[type=submit] {
		width: 310px;
		height: 60px;
		border: 2px solid;
		border-radius: 20px;
		font-size: 30px;
	}
	input.agree {
		margin-left: 35px;
	}
	div.mesg {
		width: 623px;
		margin: 0px 40px 40px 40px;
		padding: 20px;
		border: 1px solid #959595;
	}
	div.mesg h3 {
		font-size: 24px;
		margin: 0 0 20px 0;
	}
	div.kiyaku h3, div.privacy h3 {
		font-size: 30px;
	}
	div.mesg pre {
		font-size: 20px;
	}
	.mesg2 {
		margin: 0 50px 60px;
	}
	.mesg3 {
		margin: 0 60px 25px 50px;
	}
	.mesg4 {
		margin: 0 60px 0 30px;
	}
	label {
		width: 653px;
		height: 49px;
		font-size: 26px !important;
		font-weight: bold !important;
		line-height: 49px;
		padding: 0 0 0 12px;
		margin: 0 55px 31px 30px !important;
	}
	ul.accept_domain {
		margin: 0 50px 60px;
	}
	ul.accept_domain li {
		font-size: 20px;
	}
	span.errmesg, span.header_mesg, span.header_mesg2 {
		margin: 0 50px 40px;
		margin: 0 50px 40px 30px;
	}
	span.header_mesg {
		font-size: 30px;
	}
	span.header_mesg2 {
		font-size: 30px;
	}
	input[type=text], input[type=password], input[type=tel], select {
		font-size: 22px;
		line-height: 50px;
		border: 1px solid #959595;
		height: 50px;
		width: 643px;
		margin: 0 40px 40px 40px;
		padding: 0 10px;
	}
	select {
		width: 675px;
	}
	input#postalcode {
		width: 420px;
		margin-left: 0;
	}
	input#code2address {
		font-size: 20px;
		line-height: 50px;
		border-radius: 20px;
		height: 50px;
		width: 175px;
		padding: 0 10px;
	}
	#sipping_field, #itemcode_list {
		margin: 0 70px 50px 50px;
	}
	#itemcode_list li {
		margin: 0 0 25px 0;
	}
	.item_code, #sipping_code {
		width: calc(100% - 20px) !important;
		margin: 0 0 20px 0 !important;
	}
	span.item_name {
		text-align: center;
		font-size: 20px;
	}
	.code_input {
		position: relative;
		text-align: left;
		width: 550px !important;
	}
	.code_input2 {
		position: relative;
		text-align: left;
		margin: 0 20px 0 0 !important;
		width: 480px !important;
	}
	.code_check {
		width: 50px;
		height: 50px;
	}
	.item_code_remove {
		width: 50px;
		height: 50px;
	}
	.ui-last-child {
		height: 62px;
	}
	#item_code_add {
		width: 170px;
		height: 62px;
	}
	label[for=agreement] {
		font-size: 20px !important;
		line-height: 48px;
		margin: 0 !important;
	}
	input#agreement {
		border-width: 1px;
		width: 46px;
		height: 46px;
		vertical-align: middle
	}
	#dialog h3 {
		font-size: 30px;
	}
	#dialog .mesg {
		font-size: 22px;
	}
	.modify {
		border-radius: 20px;
		width: 175px;
		height: 49px;
	}
	.fields {
		padding: .4em;
	}
	p.shipping, p.item {
		text-align: left;
		margin: 0 50px 30px 50px;
	}
	p.modify {
		left: 460px;
	}
}
*/