@charset "UTF-8";
/* CSS Document */


/* 見出し（注文情報、お客様情報） */
.order_midashi{		/* 紫のラベル */
	padding:1.3% 2% 0.7%;
	font-size:100%;
	background:#7FB39E;
	color:#FFF;
	width:9.0em;
	position: relative;
	z-index:-1;
}
.order_midashi:after{
	content: ' ';
	border-style: solid;
	border-width: 2.3em 0 0 1.7em;
	border-color: transparent transparent transparent #7FB39E;
	
	position: absolute;
    left: 100%;
    top: 0%;
}
form#mailformpro dl dd.order_midashi_line{		/* 紫の罫線 */
	border-top:2px solid #7FB39E;
}
@media screen and (max-width: 640px) {
.order_midashi:after{
	border-width: 2em 0 0 1.7em;
}
form#mailformpro dl dd.order_midashi_line{
	border-top:none;
}
}

/* リセットボタン */
.mfp_buttons .order-button:last-child{
	border-radius: 5px;
	border: solid 1px #CCC;
	background: gradient(linear, center top, center bottom, from(#EEE), to(#828282));
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#828282));
	background: -moz-linear-gradient(top, #EEE, #828282);
	background: -ms-linear-gradient(top, #EEE 0%, #828282 100%);

	color:#FFFFFF;
	padding:0.7% 3%;
	text-shadow:none;
	font-size:15px;
}
.mfp_buttons .order-button:last-child:hover {
	background: gradient(linear, center top, center bottom, from(#F7F7F7), to(#8C8C8C));
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#8C8C8C));
	background: -moz-linear-gradient(top, #F7F7F7, #8C8C8C);
	background: -ms-linear-gradient(top, #F7F7F7 0%, #8C8C8C 100%);
}

/* 入力内容確認ボタン */
.mfp_buttons .order-button:first-child{
	color:#FFFFFF;
	padding:2% 5%;
	text-shadow:none;
	background: gradient(linear, center top, center bottom, from(#E57794), to(#B31E23));
	background: -webkit-gradient(linear, center top, center bottom, from(#E57794), to(#B31E23));
	background: -moz-linear-gradient(top, #E57794, #B31E23);
	background: -ms-linear-gradient(top, #E57794 0%, #B31E23 100%);}
.mfp_buttons .order-button:first-child:hover{
	border: solid 1px #CCC;
	background: gradient(linear, center top, center bottom, from(#E57794), to(#B31E23));
	background: -webkit-gradient(linear, center top, center bottom, from(#EFA0AA), to(#D32432));
	background: -moz-linear-gradient(top, #EEE, #828282);
	background: -ms-linear-gradient(top, #EEE 0%, #828282 100%);
	box-shadow: 0px 2px 15px #CCC;
}


/* お客様情報全体 */
.oder_customer dl{
	padding:0 0 0 0%;
}




/* 背景を除いた注文フォーム幅 */
form#mailformpro {
	width:70%; margin:0 auto;
}
@media screen and (max-width: 640px) {
form#mailformpro{
	width:100%;
}
}


/* 各罫線間の基本テキスト制御 */
form#mailformpro dl.mailform .mfp {
	font-size:90%;
}

@media screen and (max-width: 640px) {
form#mailformpro dl.mailform .mfp{
	padding: 3% 0 3.2% 0; /* 罫線間幅 */
}
}


/* 各罫線間 制御 */
/* 左の項目 */
form#mailformpro dl dt { /* 値デフォルト */
	padding: 3% 1.5% 0 0; /* 罫線間幅 */
	font-weight:700;
	font-size:100%;
}

form#mailformpro dl dd { /* 値デフォルト */
	border-top: solid 1px #CCC;
	margin: 0px;
	padding: 2.8% 0 3% 27%; /* 罫線間幅 */
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;

}
@media screen and (max-width: 640px) {
}




/* -----------------------------------------------------------------
 
	送料一覧表
 
----------------------------------------------------------------- */

.souryou_muryoutxt{
	margin-bottom:5px;
	font-size:110%;
	font-weight:700;
	color:#F00;
}

#souryou table{
	font-size:90%; 
}

#souryou tr{ border:1px solid #000; }

.souryou_table_aria, .souryou_table_todouhuken{	background:#D6D6D6; }


.souryou_zeikomitxt{
	margin:10px 0 0 0;
	text-align:right;
}








/* ===============================================================
 
	最大
 
=============================================================== */
/* -----------------------------------------------------------------
 
	大見出し
 
----------------------------------------------------------------- */
/* -------------------- 小見出し -------------------- */


/* ===============================================================
 
	マルチデバイス対応／テンプレート
 
=============================================================== */
@media (min-width: 1021px) { /* PCにのみ適用 */ }
@media (max-width: 1020px) { /* 狭いブラウザとタブレット向け */ }
@media (max-width: 767px) { /* スマートフォン向け */ }

@media all and (orientation: portrait) { /* 縦横比が縦長 */ }
@media all and (orientation: landscape) { /* 縦横比が横長 */ }