/* request css */
@charset "UTF-8";
html{
	overflow-y:scroll;
}
#requestMailPage{
	width:500px;
	overflow-x:hidden;
	-ms-overflow-style:none;
}
.requestMail{
	color:#666;
}
.requestMail .itemInfo{
	display:flex;
}
.requestMail .itemInfo .img{
	width:120px;
	padding-right:30px;
}
.requestMail .itemInfo .img img{
	width:120px;
}
.itemSku .itemName{
	display: -webkit-box;
	width:350px;
	margin-top:5px;	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
	word-break: break-word;
}
*::-ms-backdrop, .itemSku .itemName{
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.itemSku .price{
	margin-top:10px;
	padding-bottom:7px;
	font-size:13px;
	color:#111;
	border-bottom:1px solid #ccc;
}
.itemSku .price span,
.itemSku .price del{
	font-size:18px;
	font-weight:bold;
	margin-right:5px;
}
.itemSku .price.sale{
	color:#f00;
}
.itemSku .price del{
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	color:#111;
}
.itemSku .price del:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:calc(100% - 1.5em);
	height:1px;
	border-top:1px solid #666;
}
.itemSku .price del:after{
	content:'';
	width: 20px;
	height: 13px;
	display:inline-block;
	margin:-5px 5px 0 5px;
	font-size:14px;
	font-weight:bold;
	font-family:'myFontN','myFontB', sans-serif;
	background: url(../img/arrow.svg) center right no-repeat;
	margin-left: 0px;
}
.itemSku .sku{
	margin-top:13px;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
}
.itemSku .sku span{
	display:block;
	line-height:1.5;
}
.requestMail .text{
	margin:35px 0 25px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.requestMail .mailConfirm{
	margin:25px 0 45px;
	padding:45px 30px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:#333;
	background:#ddd;
	word-break: break-all;
}
.requestMail .completeMessage{
	margin:35px 0;
	padding:45px 15px;
	text-align:center;
	font-size:13px;
	color:#333;
	background:#ddd;
	word-break: break-all;
}
.requestMail .inputArea{
	margin:0 25px;
}
.requestMail input[type='text']::placeholder{
	color:#aaa;
}
.requestMail .attention{
	margin:35px 25px 40px;
	color:#f00;
	line-height:1.6;
	font-size:13px;
}
.requestMail .attention .head{
	font-weight:bold;
	font-size:15px;
}
.requestMail .primaryBtn a,
.requestMail .clearBtn a{
	width:235px;
	font-size:14px;
}
.requestMail .clearBtn{
	margin-top:20px;
}
.requestMail .errorTxt{
	margin: 5px 25px 0;
}
/*---------------------------------------------------------------------
 sp
----------------------------------------------------------------------*/
@media all and (max-width: 640px) {
	html{
		ovrflow-y:scroll;
	}
	#requestMailPage{
		width:100%;
	}
	.requestMail .itemInfo .img{
		width:90px;
		padding-right:15px;
	}
	.requestMail .itemInfo .img img{
		width:90px;
	}
	.itemSku{
		width: calc(100% - 105px);
	}
	.itemSku .itemName{
		width:100%;
		font-weight:normal;
		font-size:13px;
	}
	.itemSku .price{
		margin-top:7px;
		padding-bottom: 10px;
		font-size:12px;
	}
	.itemSku .sku span{
		display:inline-block;
		font-weight:normal;
		font-size:12px;
	}
	.itemSku .sku span + span:before{
		content:'/';
		margin:0 5px;
	}
	.requestMail .text{
		text-align:left;
	}
	.requestMail .text br{
		display:none;
	}
	.requestMail .inputArea{
		margin:0;
	}
	.requestMail .mailConfirm{
		padding: 40px 30px;
	}
	.requestMail .attention{
		margin: 25px 0 40px;
		font-size:12px;
	}
	.requestMail .attention .head{
		font-size:13px;
	}
	.requestMail .primaryBtn a,
	.requestMail .clearBtn a {
		width: 100%;
		font-size: 12px;
	}
	.requestMail .errorTxt {
    margin: 7px 0 0;
	}
}