@CHARSET "UTF-8";

.zip_dialog
{
	position:absolute;
	margin:0;
	padding:0;
	width:450px;
	background-color:#F7F9FB;
	border:1px solid #456b8d;
	float:left;
	color:#40688a;
	font-size:80%;
	z-index:100000;
}

.zip_dialog_iframe
{
	position:absolute;
	border:none;
	margin:0;
	padding:0;
}

.zip_dialog_title
{
	text-align:center;
	color:#333333;
	font-weight:bold;
	border-bottom:1px solid #7B9EBD;
	width:450px;
	padding:3px 0;
	background-color:#b1d4ee;
	position:relative;
	top:0;
	left:0;
}

.zip_dialog_close
{
	position:absolute;
	margin:0;
	padding:3px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #7B9EBD;
	top:0px;
	right:0px;
	cursor:pointer;
	background-color:#cde3f4;
}

.zip_dialog ul
{
	margin:0;
	padding:0;
	overflow-y:auto;
	overflow:auto;
}

.zip_dialog li
{
	list-style:none;
	font-size:130%;
	cursor:pointer;
	margin:0;
	padding:1px 1px 1px 5px;
}

.zip_dialog .zip_list_hover
{
	background-color:#3e71b3;
	color:#ffffff;
}

.zip_popup
{
	background-color:#F7F9FB;
	color:#40688a;
	font-size:80%;
	position:absolute;
	left:0px;
	top:0px;
	padding:1px;
	border:1px solid #456b8d;
}

/* スマートフォン対応：住所候補リストが画面からはみ出さないようにする */
#cont2, #cont2 ul, #cont2 div {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    word-break: break-all;
}

@media screen and (max-width: 600px) {
  .zip_dialog,
  .zip_dialog_title {
    width: 90vw !important;
    min-width: 0 !important;
    max-width: 90vw !important;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto !important;
    box-sizing: border-box;
  }
  #cont2, #cont2 ul, #cont2 div {
    max-width: 90vw !important;
    box-sizing: border-box;
    overflow-x: auto;
    word-break: break-all;
  }
}