@charset "utf-8";

.entry_form #engtitle {background: url("../../images/entry/eng_entry.png") no-repeat right center / auto 60%;}


/* entry
---------------------------------------- */
.req {
	display:inline-block;
	padding:2px 5px 1px;
	color:#fff;
	background-color:#F00004;
	border-radius:3px;
	font-size: 0.9em;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;*/
}

/* entryForm
---------------------------------------- */
#entryForm table {
	margin-bottom:30px;
	border-top:#947054 1px solid;
	border-left:#947054 1px solid;
}

#entryForm table th,
#entryForm table td {
	padding:15px;
	border-bottom:#947054 1px solid;
	border-right:#947054 1px solid;
}

#entryForm table th {
	width:30%;
	color:#947054;
	font-weight:bold;
	background-color:#f8f1e8;
}

#entryForm table td {
	width:70%;
}

#entryForm input,
#entryForm textarea {
	padding:5px;
	border:1px solid #d8d8d8;
}

#entryForm .selectWrap select,
#entryForm .selectWrapNoJS select {
	padding:2px;
	border:1px solid #d8d8d8!important;
}

#entryForm input[type=button]:hover {
	border:#B79E71 1px solid;
}

.icon-arrow-right {
	display:inline-block;
	color:#4F1C18;
	padding:0 5px 0 10px;
}
.textBtn a {
	display:inline-block;
	padding:2px 10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-color:#947054;
	border-radius:3px;
}

.textBtn a .icon-arrow-right3 {
	padding-left:5px;
}

.textBtn a:hover {
	background-color:#BDA57D;
}

#btnBox {
	width:540px;
	margin:0 auto;
}
#btnBox .btnSubmit a {
	padding:0 15px 0 0;
	background-position:165px center;
}

#EmailErr {
	display:none;
	margin-top:5px;
	border:#E50003 2px solid;
	padding:5px;
}

#differentAddress {
	display:none;
	padding-top:5px;
}

#differentAddress table {
	border:none!important;
	border-top:#aaa 1px dotted!important;
	margin-bottom:0!important;
}

#differentAddress th,
#differentAddress td {
	padding:10px 5px!important;
	border:#aaa 1px dotted!important;
}

#shopAddress {
	display:none;
	padding-top:5px;
}

#shopAddress table {
	border:none!important;
	border-top:#aaa 1px dotted!important;
	margin-bottom:0!important;
}

#shopAddress th,
#shopAddress td {
	font-size:11px;
	padding:10px 5px!important;
}

#shopAddress span {
	font-size:10px!important;
}

.err {
	background-color:#FFC9CA!important;
}

#npBox,
#creditBox {
	width:470px;
	display:none;
	margin-top:10px;
	padding:10px;
	border:#ccc 1px solid;
}

#receiptBox {
	/*width:470px;*/
	display:none;
	margin-top:10px;
	padding:10px;
}

#npBox h4,
#creditBox h4 {
	font-weight:bold;
	line-height:20px;
}

.btnTable td {
	padding:0!important;
	border:none!important;
}

#textfont {
	width:448px;
	border:#ccc 1px solid;
	border-top:none;
	border-left:none;
}

#textfont label {
	width:203px;
	float:left;
	padding:10px;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	margin-right:0;
}

#textfont .last {
}

#textfont label img {
	vertical-align:middle;
}

#stitchImg {
	display:none;
}

#referBox {
	display:none;
}

#postframe {
	display:none;
}

input:disabled {
	border:#aaa 1px solid!important;
	background-color:#ccc!important;
}

.orderConfirm table {
	margin-bottom:20px!important;
}

.orderConfirm th,
.orderConfirm td {
	padding:10px!important;
}

.largeBtnBox div {
	width:250px;
	margin: 0 auto;
}

.largeBtnBox,
.largeBtnBox td {
	padding:0!important;
	border:none!important;
	vertical-align:top;
	/*background-color:#fff!important;*/
}

.largeBtnBox .btnSubmit {
	margin-left:40px;
}

.orderConfirm .largeBtnBox {
	margin-bottom:30px!important;
}

#order03BtnBox {
	padding-top:20px;
	border-top:#ccc 1px solid;
}

#order03BtnBox .btnSubmit,
#btnCenter {
	width:250px;
	margin:0 auto;
}

/* 再注文No選択ダイアログ
---------------------------------------- */
table.grid {
	width: 100%;
}

table.grid td {
	padding:3px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:top;
}

table.grid tr:nth-child(2n+1) td {
	background-color:#f0f0f0;
}

table.grid tr:hover td {
	background-color:#FFF0D7;
}

table.grid li {
	margin-bottom:3px;
}

table.grid .photoPrint {
	width:100px;
	height:136px;
	float:left;
	margin-right:5px;
}

table.grid .photoPrint .photoPrintCaption{
	text-align:center;
	line-height:18px;
}

table.grid .photoPrint img {
	background-color:#FFFFFF;
}

div.ui-dialog div.searchBox {
	display:none;
}

div.ui-dialog div.searchnav .number {
	text-align:center;
}

/*===============================================
●画面の横幅が769px以下(スマホ)
===============================================*/
@media only screen and (max-width: 769px) {
	
	#formArea {margin-bottom: 4em;}
	
	#entryForm table th,
	#entryForm table td {
		display: block;
		width: 100%;
	}
	#npBox,
	#creditBox {
		width: 100%;
		display:none;
		margin-top: 0.76em;
		padding:0.76em;
		border:#ccc 1px solid;
	}
	.formNote {
		display: block;
		margin-top: 0.5em;
	}
	.formNoteBox .formError {margin-bottom: -0.5em;}
	.textLeft {text-align: left;}
	
	.largeBtnBox {
		margin:0 auto;
	}
	
	#btnBox {
		width: 100%;
		margin: 2em auto 4em;
	}
	#btnBox .btnCancel {margin-bottom: 1.5em;}
	#btnBox .btnCancel,
	#btnBox .btnSubmit {text-align: center;}
	#btnBox .btnCancel a,
	#btnBox .btnSubmit button {width: 80%;}
}

/*===============================================
●画面の横幅が770px以上(PC)
===============================================*/
@media only screen and (min-width: 770px) {
	
	#formArea {margin-bottom: 140px;}
	#postalCode.formNoteBox .formNote {margin-left: 0.8em;}
	
	#npBox,
	#creditBox {
		width:470px;
		display:none;
		margin-top:10px;
		padding:10px;
		border:#ccc 1px solid;
	}
	#btnBox {
		display: flex;
		margin: 2em auto 0;
	}
	#btnBox .btnCancel {margin-right:30px;}
	
	.largeBtnBox {
		width:270px;
		margin:0 auto;
	}
}