@charset "utf-8";
* {
outline:none;
}
body,div,dl,dt,dd,ul,ol,li,p,
h1,h2,h3,h4,h5,h6,
th,
td,
pre,
code,
blockquote,
form,fieldset,legend,input,textarea {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}

li {list-style:none;}

caption,th {text-align:left;}

/*h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}*/

q:before,q:after {content:'';}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

input,textarea,select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

input,textarea,select {*font-size:100%;}

legend {
	color: #FFF;
}
hr {display:none;}
img {vertical-align:bottom;}

body {
	color: #3C3C3C;
	background-color: #FFF;
	font: 14px 'Noto Sans Japanese',"メイリオ",arial,helvetica,clean,sans-serif;
}
select,
input,
button,
textarea {
font:99% 'Noto Sans Japanese',"メイリオ",arial,helvetica,clean,sans-serif;
}

table {
	font-size:inherit;
	font:100%;
	border-collapse:collapse;/*+*/
	border-spacing:0;/*+*/
}

pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
body{
 word-break: break-all;
}
.hd {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
a {
	color: #342276;

}
a:hover {
	text-decoration:none;
}
/*::selection {background: #342276; color: #fff;}
::-moz-selection {background: #342276; color: #fff;}*/

#formWrap {
	min-width: 640px;
	background-image: url(../images/bg_form.jpg);
	background-position: center top;
	padding-top: 430px;
	width: 100%;
	overflow: hidden;
	background-color: #F8F8F8;
	background-repeat: no-repeat;
	position:relative;
}
#formWrap h2 {
	text-align: center;
	font-size: 12px;
	color: #e38faf;
	clear: both;
}
#formWrap h2#mainform3 {
	color: #009ED9;
}
#formWrap h2 img {

}
#formWrap h2 span {
	display: block;
	padding-top: 10px;
}
.formMain {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 11;
}
#loginBox {
	padding-top: 40px;
	padding-bottom: 60px;
}
#loginLeft,#newLeft {
	float: left;
	width: 300px;
}
#formWrap h3 {
	font-size: 20px;
	font-weight: bold;
	color: #E38FAF;
	text-shadow:0px 0px 1px #f8f8f8,
				0px 2px 1px #f8f8f8,
				0px -2px 1px #f8f8f8,
				2px 0px 1px #f8f8f8,
				2px 2px 1px #f8f8f8,
				2px -2px 1px #f8f8f8,
				-2px 0px 1px #f8f8f8,
				-2px 2px 1px #f8f8f8,
				-2px -2px 1px #f8f8f8;
}
#formWrap input,
#formWrap select {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	border: 1px solid #DDD;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 16px;
	height: 56px;
	margin-top: 15px;
	position: relative;
	background-color:#FFF;
}
#formWrap select {
	-webkit-appearance: textfield;
}
#formWrap input:focus,
#formWrap select:focus,
#searchWrap input:focus,
#searchWrap select:focus,
#forgetWrap input:focus,
#forgetWrap select:focus {
	border-color: #E38FAF;
	background-color: #FDF7F9;
}
#searchWrap input,#searchWrap select {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
    padding-left: 25px;
    border: 1px solid #DDD;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    height: 56px;
    margin-top: 15px;
    position: relative;
    background-color: #FFF;
}
::-webkit-input-placeholder {
	color: #999;
	font-size:14px;
	/*line-height:56px;*/
}
:-moz-placeholder {
	color: #999;
	opacity: 1;
	font-size:14px;
	/*line-height:56px;*/
}
:-ms-input-placeholder {
    color: #999;
	 font-size:14px;
	 /*line-height:56px;*/
}
.wfull {
	width:100%;
}
input[type=submit] {
	background-color: #E38FAF !important;
	border: 1px solid #E38FAF !important;
	color: #FFF !important;
	cursor:pointer !important;
	padding-left:0px !important;
}
input[type=submit]:hover {
	background-color:#fff !important;
	color:#E38FAF !important;
}
#loginRight,#newRight {
	float: right;
	width: 250px;
}
#loginRight a,#newRight a {
	display: block;
	height: 54px;
	margin-top: 15px;
	border-radius: 10px;
}
.icons {
	line-height: 52px;
	text-align: left;
	display: block;
	float: left;
	height: 54px;
	width: 30px;
	color: #FFF;
	font-size: 24px;
	padding-left: 25px;
}
.btn_facebook {
	background-color: #425D8F;
	border: solid 1px #425D8F;
}
.btn_twitter {
	background-color: #67ABC8;
	border: solid 1px #67ABC8;
}
.btn_gplus {
	background-color: #DC4934;
	border: solid 1px #DC4934;
}
.btn_facebook:hover {
	background-color:#fff;
	border-color:#425D8F;
}
.btn_facebook:hover span {
	color: #425D8F;
}
.btn_twitter:hover {
	background-color:#fff;
	border-color:#67ABC8;
}
.btn_twitter:hover span {
	color: #67ABC8;
}
.btn_gplus:hover {
	background-color:#fff;
	border-color:#DC4934;
}
.btn_gplus:hover span {
	color: #DC4934;
}
.snsname {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	height: 54px;
	width: 178px;
	line-height: 52px;
	text-align: center;
}
.sns_notice {
	font-size: 12px;
	line-height: 17px;
	color: #999;
	padding-top:15px;
}
.sns_notice a {
	color:#FF0000;
}
.firstform_text {
	font-size: 12px;
	line-height: 17px;
	color: #999;
	padding-top: 10px;
	padding-bottom: 5px;
	text-shadow:0px 0px 1px #f8f8f8,
				0px 2px 1px #f8f8f8,
				0px -2px 1px #f8f8f8,
				2px 0px 1px #f8f8f8,
				2px 2px 1px #f8f8f8,
				2px -2px 1px #f8f8f8,
				-2px 0px 1px #f8f8f8,
				-2px 2px 1px #f8f8f8,
				-2px -2px 1px #f8f8f8;
}
#formWrap .required,
#forgetWrap .required {
	padding-left: 83px;
	background-image: url(../images/required.png);
	background-repeat: no-repeat;
	background-position: 24px center;
	display: block;
}
#formWrap input.optional,
#formWrap select.optional {
	padding-left: 83px;
	background-image: url(../images/optional.png);
	background-repeat: no-repeat;
	background-position: 24px center;
	display: block;
}

#formWrap textarea.optional {
	padding-left: 83px;
	background-image: url(../images/optional.png);
	background-repeat: no-repeat;
	background-position: 24px 18px;
	padding-top:15px;
	display: block;
}
.w240 {
	width: 240px;
	position: relative;
}
.w340 {
	width: 340px;
	position: relative;
}
.w290 {
	width: 290px;
	position: relative;
}
.w420 {
	width: 420px;
	position: relative;
}
select option:nth-child(1){
	display:none;
}
.selectbox span {
	line-height: 56px;
	position: absolute;
	height: 56px;
	left: 0px;
	top: 15px;
	z-index: 10;
	pointer-events: none;
	color: #999;
	background-image:none !important;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.fcenter {
	clear: both;
	margin:0 auto;
}
footer {
	background-image: url(../images/footer.jpg);
	background-position: center top;
	height: 847px;
	min-width: 640px;
	margin-top: 160px;
}
#footerin {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#pointPlant {
	position: absolute;
	top: -219px;
	right: -680px;
	pointer-events: none;
	z-index: 1;
}
#pagetop {
	height: 50px;
	width: 50px;
	margin-left: -25px;
	position: absolute;
	left: 50%;
	top: -25px;
}
.spin {
	height: 50px;
	width: 50px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.spin img {
	transition: transform 0.5s ease;
}
.spin img:hover {
	transform:rotateY(180deg);
}
#orderBox {
	padding-top: 40px;
}
.radioBox,
.checkBox {
	width: 596px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #DDD;
	border-left-color: #DDD;
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.radioBox h4,
.checkBox h4 {
	height: 198px;
	width: 148px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	position: relative;
	float: left;
}
.radioBox h4 span,
.checkBox h4 span {
	position: absolute;
	text-align: center;
	left: 0px;
	right: 0px;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	color: #FFF;
}
.radioBox label,
.checkBox label{
	display: block;
	float: left;
	cursor: pointer;
	width: 148px;
	height: 198px;
	background-color: #EDEDF1;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	position:relative;
	color:#999;
}
.radioBox label span,
.checkBox label span {
	position: absolute;
	text-align: center;
	left: 0px;
	right: 0px;
	display: block;
	top: 50%;
	transform: translateY(-50%);
}
.checkBox label span strong {
    position:relative;
    display:block;
    line-height:0;
    border-radius:50%;
    overflow:hidden;
	 width:71px;
	 height:71px;
	 margin:0 auto;
	 margin-bottom:10px;
	 -webkit-transition: transform 0.3s;
	 transition: 0.3s;
}
.checkBox label span strong::after {
    content:"";
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    border-radius:50%;
    box-shadow:inset 0 1px 5px rgba(0,0,0,.5);
	 -webkit-transition: transform 0.3s;
	 transition: 0.3s;
}
.radioBox label:hover,
.checkBox label:hover{
	background-color:#FFF;
}

.radioBox input[type="radio"]:checked + label {
	background-image:url(../images/radio_requied_on.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.radioBox.optional input[type="radio"]:checked + label {
	background-image:url(../images/radio_optional_on.png) !important;

}
.checkBox input[type="checkbox"]:checked + label {
	background-position:center top;
	background-repeat:no-repeat;
	background-color: #fff;
}


.b input[type="radio"]:checked + label,
.b input[type="checkbox"]:checked + label{
	background-color:#D5E9EA;
}
.r input[type="radio"]:checked + label,
.r input[type="checkbox"]:checked + label{
	background-color:#F7DDE7;
}

.checkBox input[type="checkbox"]:checked + label span strong,
.checkBox input[type="checkbox"]:checked + label span strong::after {
	border-radius:5px;
}
.radioBox input[type="radio"],
.checkBox input[type="checkbox"] {
    display: none;
}
.checkBox h4 strong {
	font-weight: normal;
	font-size: 10px;
	display: block;
}
.radio_required {
	background-color: #E38FAF;
}
.check_required {
	background-color: #9ACACC;
}
#formWrap textarea {
	padding-top: 10px;
	padding-left: 10px;
	border: 1px solid #DDD;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 16px;
	position: relative;
	background-color: #FFF;
	resize: none;
	margin-bottom: 0px;
}
textarea::-webkit-input-placeholder {
	color: #999;
	font-size:14px;
	line-height:26px;
}
textarea:-moz-placeholder {
	color: #999;
	opacity: 1;
	font-size:14px;
	line-height:26px;
}
textarea::-moz-placeholder {
    color: #999;
	opacity: 1;
	font-size:14px;
	line-height:26px;
}
textarea:-ms-input-placeholder {
    color: #999;
	font-size:14px;
	line-height:26px;
}
textarea:placeholder-shown {
	color: #999;
	font-size:14px;
	line-height:26px;
}
.oneBox {
	margin-left: 7px;
	width: 142px;
	height: 200px;
	display: block;
	float: left;
}
.twoBox {
	margin-top: 7px;
	margin-left: 7px;
	width: 291px;
	height: 192px;
	display: block;
	float: left;
}
.threeBox {
	margin-top: 7px;
	margin-left: 7px;
	width: 440px;
	height: 192px;
	display: block;
	float: left;
}
.fourBox {
	margin-left: 7px;
	width: 585px;
	height: 192px;
	display: block;
}
.fullBox {
	width: 600px;
	height: 192px;
	margin-bottom: 40px;
}
.color1 {
	background-color: #FF2F2F;
}
.color2 {
	background-color: #FF5AAF;
}
.color3 {
	background-color: #F9AA00;
}
.color4 {
	background-color: #0084FF;
}
.color5 {
	background-color: #00E86D;
}
.color6 {
	background-color: #FFFFFF;
}
.color7 {
	background-color: #96C78C;
}
.color99 {
	display: none !important;
}
label[for=color7]{
	margin-bottom:7px;
}
.mainforms {
	padding-top: 60px;
	padding-bottom: 60px;
}
#toform {
	position: relative;
}
#billform {
	position: relative;
	clear: both;
}
.toaddress {
	position: absolute;
	top: 0px;
	right: 0px;
}
.toaddress a {
	height: 56px;
	width: 210px;
	border: 1px solid #E38FAF;
	display: block;
	line-height: 56px;
	color: #FFF;
	text-align: center;
	background-color: #E38FAF;
	text-decoration: none;
	border-radius:10px;
}
.toaddress a:hover {
	background-color:#FFF;
	color:#E38FAF;
}
.radioThree {
	width: 447px !important;
}
.insert_text {
	font-size: 14px;
	line-height: 17px;
	color: #999;
	padding-top: 30px;
	padding-bottom: 5px;
	text-shadow: 0px 0px 1px #f8f8f8,
					0px 2px 1px #f8f8f8,
					0px -2px 1px #f8f8f8,
					2px 0px 1px #f8f8f8,
					2px 2px 1px #f8f8f8,
					2px -2px 1px #f8f8f8,
					-2px 0px 1px #f8f8f8,
					-2px 2px 1px #f8f8f8,
					-2px -2px 1px #f8f8f8;
	clear: both;
}
.submitArea {
	text-align: center;
	padding-top: 40px;
}

#confirmBox h4 {
	font-size: 16px;
}
#confirmBox dt {
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 24px;
	text-shadow: 0px 0px 1px #f8f8f8,
					0px 2px 1px #f8f8f8,
					0px -2px 1px #f8f8f8,
					2px 0px 1px #f8f8f8,
					2px 2px 1px #f8f8f8,
					2px -2px 1px #f8f8f8,
					-2px 0px 1px #f8f8f8,
					-2px 2px 1px #f8f8f8,
					-2px -2px 1px #f8f8f8;
}
#confirmBox img {
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 7px;
}
#confirmBox dd {
	padding-left: 45px;
	font-size: 16px;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 20px;
	text-shadow: 0px 0px 1px #f8f8f8,
					0px 2px 1px #f8f8f8,
					0px -2px 1px #f8f8f8,
					2px 0px 1px #f8f8f8,
					2px 2px 1px #f8f8f8,
					2px -2px 1px #f8f8f8,
					-2px 0px 1px #f8f8f8,
					-2px 2px 1px #f8f8f8,
					-2px -2px 1px #f8f8f8;
}
#formWrap #confirmBox h3 {
	padding-top: 40px;
}
.submitArea .bback {
	background-color: #009ED9 !important;
	border: 1px solid #009ED9 !important;
	color: #FFF !important;
	padding-left:0px !important;
	cursor:pointer;
}
.submitArea .bback:hover {
	background-color: #FFF !important;
	color: #009ED9 !important;
}
.submitArea .bcancel {
	background-color: #d2d2d2 !important;
	border: 1px solid #d2d2d2 !important;
	color: #FFF !important;
	padding-left:0px !important;
	cursor:pointer;
}
.submitArea .bcancel:hover {
	background-color: #FFF !important;
	color: #E38FAF !important;
	border: 1px solid #E38FAF !important;
}
.submitArea .bnext,
.submitArea .bcancel.active {
	background-color: #E38FAF !important;
	border: 1px solid #E38FAF !important;
	color: #FFF !important;
	padding-left:0px !important;
	cursor:pointer;
}
.submitArea .bnext:hover {
	background-color: #FFF !important;
	color: #E38FAF !important;
}
.submitArea p {
	text-align: center;
	padding-bottom: 20px;
	color: #999;
	padding-top: 10px;
}
.submitArea .underLinePink {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E38FAF;
	margin-bottom: 30px;
	padding-bottom: 40px;
}
.submitArea a {
	display: block;
	line-height: 56px;
	text-decoration: none;
	height: 56px;
	border-radius:10px;
	font-size:16px;
}
#formWrap .submitArea h3 {
	font-size: 24px;
}
#historyWrap {
	padding-top: 40px;
}
#historyWrap section {
	border: 1px solid #DDD;
	padding: 25px;
	background-color: #FFF;
	margin-bottom: 30px;
	position: relative;
}
#historyWrap h4 {
	font-size: 14px;
	color: #e38faf;
	padding-bottom: 0px;
	line-height:25px;
}
#historyWrap p {
	color: #999;
	line-height: 25px;
}
.orderDate {
	width: 250px;
	float: left;

}
.orderNo {
}
.orderDelivdate {
	clear: both;
		border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E38FAF;
	padding-bottom:10px;
	margin-bottom:20px;
}
.orderTitle {
	position: relative;
	clear: both;
}
#formWrap .orderTitle h3 {
	font-size: 18px;
	width: 440px;
	text-shadow:none;
}
.orderPrice {
	position: absolute;
	top: 0px;
	right: 0px;
}
#formWrap .orderPrice p {
	font-size: 18px;
	color: #E38FAF;
}
.orderTo {
	float: left;
	width: 290px;
}
.orderTo h5,
.orderFrom h5 {
	font-size: 18px;
	color: #E38FAF;
	padding-bottom: 10px;
}
#deliveryList {
	padding: 20px;
	position: relative;
}
#deliveryList h1 {
	font-size: 22px;
	color: #E38FAF;
	font-weight: bold;
	padding-bottom: 20px;
}
.listTable table {
	width: 100%;
	border-collapse:collapse;
}
.listTable h2 {
	font-size: 18px;
	color: #E38FAF;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
	border-bottom: solid 1px #E38FAF;
}
.listTable th {
	background-color: #E38FAF;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	border: 1px solid #E38FAF;
}
.listTable td {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #E38FAF;
	word-break:break-all;
}
.listTable button {
	background-color: #E38FAF;
	border: 1px solid #E38FAF;
	color: #FFF;
	cursor:pointer;
	height:40px;
	border-radius:10px;
	width:130px;
}
.listTable button:hover {
	background-color:#fff;
	color:#E38FAF;
}
.listButton {
	text-align: center;
	width: 150px;
}
#puClose {
	position: absolute;
	top: 0px;
	right: 0px;
}
.orderDetail h4 {
	float: left;
	clear: both;
}
.orderDetail p {
	float: left;
	padding-bottom: 10px;
}
.orderDetail {
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E38FAF;
	margin-bottom: 20px;
}
.orderDate h4, .orderNo h4, .orderDelivdate h4 {
	float: left;
}
#formWrap nav {
	padding-top: 40px;
	padding-bottom: 40px;
	width:600px;
	margin:0 auto;
}
#formWrap nav ul li {
	float: left;
	height: 60px;
	width: 144px;
	padding-right: 8px;
	padding-bottom:8px;
}
#formWrap nav ul li:nth-child(4) {
	padding-right:0px;
}
#formWrap nav ul li:nth-child(5) {
	padding-right:0px;
	width:600px;
}
#formWrap nav li a {
	background-color: #E38FAF;
	display: block;
	height: 58px;
	width: 142px;
	line-height: 58px;
	border: 1px solid #E38FAF;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	border-radius:10px;
}
#formWrap nav li:nth-child(5) a {
	width:598px;
}
#formWrap nav li a:hover {
	background-color:#FFF;
	color: #E38FAF;

}
.mypage {
	padding-top: 40px;
}
#historyWrap section h3 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E38FAF;
	padding-right: 100px;
	text-shadow:none;
}
.btnEdit {
	position: absolute;
	height: 30px;
	width: 80px;
	top: 25px;
	right: 25px;
}
.btnEdit a {
	height: 28px;
	width: 78px;
	background-color: #E38FAF;
	line-height: 28px;
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #E38FAF;
	border-radius:5px;
}
.btnEdit a:hover {
	background-color:#FFF;
	color: #E38FAF;
}
.snsLogined {
	padding: 15px;
	margin-top: 15px;
	background-color: #FFF;
	border-radius: 10px;
	color: #999;
}
.snsLogined h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	text-align: center;
}
.snsLogined h4 i {
	font-size: 20px;
}
#LoginedFB {
	border: 1px solid #425D8F;
	border-bottom-color: #425D8F;
}
#LoginedFB h4,#LoginedFB .snsLoginNext a {
	color: #425D8F;
}
#LoginedTW {
	border: 1px solid #67ABC8;
	border-bottom-color: #67ABC8;
}
#LoginedTW h4,
#LoginedTW .snsLoginNext {
	color: #67ABC8;
}
#LoginedGP {
	border: 1px solid #DC4934;
	border-bottom-color: #DC4934;
}
#LoginedGP h4,
#LoginedGP .snsLoginNext a {
	color: #DC4934;
}
.snsLogined i {
	font-size: 16px;
}
.snsLoginNext {
	text-align: center;
	padding-top: 15px;
}
#loginRight .snsLoginNext a {
	height: auto;
	width: auto;
}
#loginRight .snsLoginNext a:hover {
	opacity:0.7;
}
#newRight .snsLoginNext a {
	height: auto;
	width: auto;
}
#newRight .snsLoginNext a:hover {
	opacity:0.7;
}
#billcheckSwitch {
	padding-top:20px;
	clear: both;
	color:#999;
}
#billcheckSwitch label{
	line-height:56px;
	height:56px;
	vertical-align: top;
	font-size:16px;
}
#billcheckSwitch input {
	width: 25px;
	height:25px;
}
.errors {
	width:600px;
	box-sizing: border-box;
	color: #FF0000;
    border: 1px solid #FF0000;
    padding: 10px;
    margin: 20px auto 0px auto;
    background-color: #FFBCBD;

}
.errors a {
	color: #FF0000;
}
.zipcoution {
	font-size:12px;
	padding-top:15px;
	color:#999;
}
.errorinput {
	background-color: #FFBCBD !important;
	background-image: url(../images/error_mark.png),url(../images/required.png) !important;
	background-repeat: no-repeat,no-repeat !important;
	background-position: bottom right,24px center !important;
}
h4.errorinput {
	background-color: #FFBCBD !important;
	background-image: url(../images/error_mark.png) !important;
	background-repeat: no-repeat !important;
	background-position: bottom right !important;
}
.placeTitle {
	position: relative;
	clear:both;
}
.placeTitle span {
	position: absolute;
	top:7px;
	left:27px;
	z-index:30;
	color:#999;
	font-size:12px;
	display: none;
	pointer-events: none;
}
.placeTitle span.re {
	left:85px;
}
.selectbox span.re {
	top:24px;
	left:85px;
	z-index:30;
	color:#999;
	font-size:12px;
	pointer-events: none;
	line-height:12px;
	height:12px;
}
#onlyCom .placeTitle span,#loginLeft .placeTitle span {
	top:22px;
}
.logout {
	position:absolute;
	right:40px;
	top:40px;
	height:60px;
	width:120px;
}
.logout a {
	display: block;
	line-height: 40px;
	text-decoration: none;
	height: 40px;
	border-radius:10px;
	font-size:14px;
	background-color:#E38FAF;
	border:solid 1px #E38FAF;
	text-align:center;
	color:white;
}
.logout a:hover {
	background-color:#FFF;
	color:#E38FAF;
}
#searchWrap {
    margin-bottom: 30px;
    position: relative;
}

#searchWrap input {
	margin:0;
	display:block;
	float:left;
}
#searchWrap input[type=text]{
	width:373px;
}
#searchWrap h4 {
	padding-bottom:10px;
}
#searchWrap button,
#searchWrap a {
    border: 1px solid #DDD;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 14px;
    height: 56px;
	background-color: #E38FAF !important;
    border: 1px solid #E38FAF !important;
    color: #FFF !important;
    cursor: pointer !important;
    display:block;
    margin-left:10px;
    float:left;
    width:100px;
    line-height:54px;
    text-align:center;
    text-decoration: none;
}
#searchWrap a {
	background-color:#CCC !important;
	border: 1px solid #CCC !important;
}
#searchWrap button:hover {
	background-color:white !important;
	color: #E38FAF !important;
}
#searchWrap a:hover {
	background-color:white !important;
	color: #CCC !important;
}
#delivnav {
	display: table;
	width:100%;
}
#delivnav li{
	display: table-cell;
	width:10%;
}
#delivnav li:first-child {
	width:20%;
}
#delivnav a {
	display:block;
	text-align:center;
	height:40px;
	line-height:40px;
	border-top: solid 2px #E38FAF;
	border-left: solid 1px #E38FAF;
	border-right: solid 1px #E38FAF;
	border-radius:10px 10px 0px 0px;
	color:#E38FAF;
	text-decoration: none;
}
#delivnav a:hover {
	background-color: #FBEEF3;
}
#delivnav a.active {
	background-color: #E38FAF;
	color:white;
	font-weight: bold;
}
.delivsec {
	display:none;
}
.delivsec td {
	word-wrap : break-all;
}
.delivsec td:first-child {
	width:200px;
}
#sec0 {
	display:block;
}
#forgetWrap {
	padding-bottom:100px;
}
#forgetWrap input {
    margin: 0;
    display: block;
    float: left;
}
#forgetWrap input[type=text]{
	margin-right:20px;
	width:460px;
}
#forgetWrap input[type=submit]{
	width:120px;
	font-size:14px;
}
#forgetWrap input,
#forgetWrap select {
	padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    border: 1px solid #DDD;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    height: 56px;
    position: relative;
    background-color: #FFF;
}
.inputnone {
	padding-top: 27px;
    padding-left: 0px !important;
    box-sizing: border-box;
    font-size: 16px !important;
    height: 56px;
    position: relative !important;
    color:#3C3C3C !important;
    display: block !important;
    left:0px !important;
    top:0px !important;
}
.formmessage {
	padding-bottom:20px;
}
#forgetMailadd{
	padding:20px;
	border:solid 1px #CCC;
	margin-bottom:20px;
}
#forgetMailadd p {
	font-size:22px;
	font-weight: bold;
}
#kodawari {
	margin:0px auto;
	text-align: center;
}
#login,#new {
	padding-top:20px;
}
#login {
	display: none;
}
#new {
	padding-top:40px;
}
.rotate90 {
	transform: rotateZ(90deg);
}
/*---------------PersonalInfo-----------------*/
#personalInfo{
	border: 1px solid #DDD;
	background: #fff;
	padding: 20px;
	height: 300px;
	margin-top: 70px;
	overflow: auto;
}
#personalInfo h3{
	margin-left: -10px;
}
#personalInfoWrap{
	margin-top: 20px;
}
.piIn dt{
	margin-bottom: 5px;
}
.piIn dt span{
	margin-right: 10px;
}
.piIn dd{
	margin-bottom: 20px;
}
.piAsk{
	margin-top: 10px;
	border: #3C3C3C solid 1px;
	font-size: 13px;
	width: 100%;
}
.piAsk tr th,
.piAsk tr td{
	border: #3C3C3C solid 1px;
	padding: 10px;
}
.piAsk tr th{
	text-align: left;
	vertical-align: top;
}
.orderOnceType {
	position:absolute;
	right:5px;
	top:5px;
	border:2px solid #E38EAE;
	width:120px;
	height:40px;
	line-height:40px;
	text-align: center;
	color:#E38EAE;
	font-weight: bold;
}
.orderOnceType i {
	font-size:22px;
	vertical-align: middle;
}
@media screen and (max-width: 640px) {
	*{
		max-height: 999999px;
	}
	#formWrap h2 {
		font-size: 25px;
	}
	#formWrap h3 {
	font-size: 26px;
	}
	#loginLeft,#newLeft {
		float: none;
		width: 600px;
	}
	#newLeft {
		margin-top:40px;
	}
	#formWrap input,
	#formWrap select {
		font-size: 24px;
		height: 70px;
	}
	::-webkit-input-placeholder {
		font-size:24px;
		line-height:70px;
	}
	:-moz-placeholder {
		opacity: 1;
		font-size:24px;
		line-height:70px;
	}
	::-moz-placeholder {
		 opacity: 1;
		 font-size:24px;
		 line-height:70px;
	}
	:-ms-input-placeholder {
		 font-size:24px;
		 line-height:70px;
	}
	:placeholder-shown {
		font-size:24px;
		line-height:70px;
	}
	textarea::-webkit-input-placeholder {
		color: #999
		font-size:24px;
		line-height:30px;
	}
	textarea:-moz-placeholder {
		color: #999;
		opacity: 1;
		font-size:24px;
		line-height:30px;
	}
	textarea::-moz-placeholder {
		 color: #999;
		 opacity: 1;
		 font-size:24px;
		 line-height:30px;
	}
	textarea:-ms-input-placeholder {
		 color: #999;
		 font-size:24px;
		 line-height:30px;
	}
	textarea:placeholder-shown {
		color: #999;
		font-size:24px;
		line-height:30px;
	}
	#loginRight,#newRight {
		float: none;
		width: 600px;
		padding-top:50px;
	}
	#loginRight a,#newRight a {
		display: block;
		height: 70px;
		margin-top: 15px;
	}
	.icons {
		line-height: 70px;
		height: 70px;
		width: 70px;
		padding-left: 40px;
		font-size:40px;
	}
	.snsname {
		font-size: 24px;
		height: 70px;
		width: 450px;
		line-height:70px;
	}
	.sns_notice {
		font-size: 18px;
		line-height: 25px;
	}
	#formWrap .required {
		padding-left: 83px;
		background-repeat: no-repeat;
		background-position: 18px center;
		background-size:50px;
		display: block;
	}
	#formWrap input.optional,
	#formWrap select.optional {
		padding-left: 83px;
		background-image: url(../images/optional.png);
		background-repeat: no-repeat;
		background-position: 18px center;
		background-size:50px;
		display: block;
	}
	#formWrap textarea.optional {
		padding-left: 83px;
		background-image: url(../images/optional.png);
		background-repeat: no-repeat;
		background-position: 18px center;
		background-size:50px;
		padding-top:15px;
		display: block;
	}
	h4 img {
		transform:scale(1.4);
	}
	.w420 {
		width: 100%;
		position: relative;
	}
	.selectbox span {
		line-height: 70px;
		height: 70px;
		left: 0px;
		font-size:24px;
	}
	.firstform_text,
	.insert_text {
		font-size: 18px;
		line-height: 24px;
	}
	.radioBox h4 span,
	.checkBox h4 span {
		font-size:20px;
	}
	.checkBox h4 strong {
		font-size:16px;
	}
	.radioBox label span,
	.checkBox label span {
		font-size:20px;
	}
	.toaddress {
		font-size:20px
	}
	.radioBox label:hover,
	.checkBox label:hover{
		background-color:#EDEDF1;
	}
	.submitArea .bback,
	.submitArea .bnext,
	.submitArea .bcancel {
		height:70px !important;
		font-size:24px !important;
		line-height:70px !important;
	}
	.submitArea h3 {
		font-size:28px !important;
	}
	.submitArea p {
		font-size:20px !important;
	}
	#historyWrap h4 {
		font-size:20px;
		padding-bottom:0px;
	}
	#historyWrap p {
		font-size:18px;
		line-height: 30px;
	}
	.orderDate {
		float:none;
		padding-bottom:20px;
		width:100%;
	}
	#historyWrap h4 {
		float:left;
		padding-top:4px;
	}
	.orderNo {
		padding-bottom: 20px;
	}
	.orderTitle {
		border:none;
		margin:0px;
		padding:0px;
	}
	#formWrap .orderTitle h3 {
		font-size: 24px;
		width: 100%;
		clear:both;
	}
	.orderPrice {
		padding-top:20px;
		position: relative;
		padding-bottom:20px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #E38FAF;
	}
	#formWrap .orderPrice p {
		font-size:24px;
	}
	.orderTo {
		float: none;
		width: 100%;
		padding-top:30px;
	}
	.orderTo h5 {
		font-size: 20px;
		clear: both;
		padding-bottom: 0px;
	}
	.orderFrom {
		padding-top:30px;
	}
	.orderFrom p {
		clear:both;
	}
	.pcbr {
		display:none;
	}
	.orderDetail {
		padding-top:50px;
		margin-bottom:0px;
	}
	.btnEdit {
		height: 40px;
		width: 100px;
	}
	.btnEdit a {
		height: 38px;
		width: 98px;
		line-height: 38px;
	}
	.btnEdit a:hover {
		background-color:#FFF;
		color: #E38FAF;
	}
	#formWrap nav li a {
		font-size:19px;
	}
	.snsLogined {
		font-size:20px;
	}
	.snsLogined h4 {
		font-size: 24px;
	}
	.snsLogined h4 i {
		font-size: 28px;
	}
	.snsLogined i {
		font-size: 24px;
	}
	#billcheckSwitch {
		padding-top:20px;
		clear: both;
		color:#999;
	}
	#billcheckSwitch label{
		line-height:70px;
		height:70px;
		font-size:24px;
	}
	#billcheckSwitch input {
		width: 35px;
		height:35px;
	}
	.zipcoution {
		font-size:20px;
	}
	.placeTitle span {
		font-size:18px;
	}
	.selectbox span.re {
		font-size:18px;
		top:30px;
	}
}