@charset "utf-8";

/************************************************
 ポップアップウィンドウ
************************************************ */
/* 共通
----------------------------------------------- */
div#windowcolumn {
	padding: 0 20px;
}

div#windowcolumn h2 {
    padding: 10px 15px;
}

div#window_area {
}

div#window_area p.information {
}

div#window_area .message {
}
div#window_area table {
}

/*===FORM-horizontal=======================*/
#forgot {
	width: 100%;
	font-size: 13px;
	margin: 0 0 -1em;
}

#forgot .form-group > div {
	vertical-align: middle;
	overflow: hidden;
	font-weight: normal;
	padding: 10px 0 10px;
}

#forgot .col-xs-6 {
	float: left;
	margin-right: 20px;
}
/*===FORM-horizontal INPUT=======================*/
#forgot input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 0 12px;
	margin: 5px 0; 
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

#forgot input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
#next,
#back {
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin: auto;
    padding: 6px 30px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    overflow: visible;
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    width: 206px;
    text-decoration: none;

}

#next:hover,
#back:hover {
	background-color: #286090;
    border-color: #204d74;
    color: #fff;
}

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

	#next,
	#back {
		font-size: 14px;
		line-height: 18px;
		padding: 5px 30px;
		background-color: #337ab7;
		border-color: #2e6da4;
		color: #fff;
		width: 100%;
	}

	#next:hover,
	#back:hover {
		background-color: #337ab7;
		border-color: #2e6da4;
		color: #fff;
	}
}



/* お客様の声の書き込み、新しいお届け先の追加・変更
----------------------------------------------- */
div#window_area #forgot {
}
div#window_area #forgot .mailaddres {
}

div#window_area #forgot p {
}


/* 商品詳細拡大写真、カート拡大写真
----------------------------------------------- */
div#bigimage,
div#cartimage {
}

div#bigimage img,
div#cartimage img {
}

/* 郵便番号検索
----------------------------------------------- */
div#zipsearchcolumn {
    margin: 15px auto 0 auto;
    border-top: 5px solid #ffa85c;
    border-bottom: 5px solid #ffa85c;
    width: 460px;
    background-color: #fff;
}

div#zipsearchcolumn h2 {
    margin: 0 0 15px 0;
    width: 460px;
}

div#zipsearch_area {
    margin: 15px auto 0 auto;
    width: 460px;
}

div#zipsearchcolumn .btn {
    margin: 15px 0 30px 0;
    text-align: center;
}

div#zipsearch_area #completebox p {
    padding: 60px 5px;
    text-align: center;
}