@charset "utf-8";

/************************************************
 ポップアップウィンドウ
************************************************ */
html { min-width: 0;}
body { padding-top:0; overflow:auto;}

div#windowcolumn {
	width:100%;
	max-width: 610px;
	height: 100%;
	padding:25px 15px 40px;
	margin: 0 auto;
	text-align:left;
}
div#windowcolumn h2 {
	color:#387D39;
	font-size:2.5rem;
	letter-spacing:1px;
	text-align:left;
	padding:0;
	margin-bottom:16px;
}
div#window_area {
	margin: 0px auto;
	min-height: 300px;
	height: auto !important;
}
#compbox { padding:110px 20px 50px;}

div#window_area p.information { margin-bottom: 20px; line-height:1.7;}
div#window_area p.txt { line-height:1.5; margin-bottom:8px;}
div#window_area .topKome { text-indent:-1em; padding-left:1em; line-height:1.5;}
div#window_area .message { padding-top: 10px; margin-bottom: 20px; font-weight: 500; font-size: 1.5rem;}
div#window_area .message2 { padding-top: 10px; margin-bottom: 20px;font-weight: 500; font-size: 1.7rem;}
div#window_area #completebox { margin-bottom:30px;}
div#window_area #completebox input { vertical-align:middle;}
div#window_area #completebox .qTtl { display:inline-block; margin-right:10px; vertical-align:middle;}
@media screen and ( max-width:600px ){
	div#windowcolumn { padding:25px 20px 30px;}
	#compbox { padding:22% 15px 10%; text-align:left;}
	div#window_area #completebox .qTtl { display:block; margin-bottom:5px;}
	div#window_area #completebox input { width:100% !important;}
}


/* お客様の声の書き込み、新しいお届け先の追加・変更
----------------------------------------------- */
div#window_area #forgot { margin: 20px auto 26px; padding: 20px 10px; border: 1px solid #ccc; text-align: left;
 display: flex; flex-direction: column; flex-wrap: wrap;  justify-content: center; align-items: center;}
div#window_area #forgot .contents { width: 100%;}
div#window_area #forgot .inputTtl { width:9em; display:inline-block; text-align:right;}
div#window_area #forgot .inputWrap { width:calc(100% - 9.5em); display:inline-block; text-align:left;}
div#window_area #forgot div.attention { margin-top:10px; background:#F4D7D6; border:#E19896 1px solid; padding:7px 10px; font-weight:bold; text-align:left; line-height:1.5;}
div#window_area #forgot strong.attention { font-size:1.3rem;}
div#window_area #forgot .mailaddres { margin-bottom: 10px;}
div#window_area #forgot p { text-align: center;}
div#window_area .inputTbl textarea { width:100%;}
div#window_area .inputTbl input.box350 { width:100%;}
div#window_area .windowtext { line-height:1.8; margin-bottom:10px;}
@media screen and ( max-width:640px ){
	div#window_area #forgot .inputTtl { display:block; text-align:left; margin-bottom:5px;}
	div#window_area #forgot .inputWrap { width:100%; display:block;}
	div#window_area #forgot .inputWrap input.box300 { width:100%;}
	div#window_area #forgot .inputWrap input.box120 { width:40%;}
	div#window_area #forgot div.attention { margin-top:10px; padding:7px 10px; font-size:1.1rem;}
}

/* 商品詳細拡大写真、カート拡大写真
----------------------------------------------- */
div#bigimage,
div#cartimage {
    margin-top: 15px;
    background-color: #fff;
    text-align: center;
}

div#bigimage img,
div#cartimage img {
    padding: 10px;
    background-color: #fff;
}

/* 郵便番号検索
----------------------------------------------- */
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;
}