@charset "utf-8";
/* CSS Document */



@media screen and (min-width: 320px) {
	.e-search-mess{ padding: 10px 0;}
	.e-search-mess b{ color: #d00;}
	.e-search-mess span{ color: #d00;}
	
	
	i.pic-scale-search{ padding-bottom: 60%;}
	
	

	.e-search-box li{ border-bottom: solid 1px #eee; padding: 10px 0;}
	.e-search-box dl{ overflow: hidden;}
	.e-search-box p{display: none; color: #666;}
	.e-search-box dt{ width: 110px; float: left; padding-right: 10px;}
	.e-search-box dd small{ display: block; font-size: 12px; color: #999;}
	.e-search-box dd small a{ color: #003f98; text-decoration: underline;}
	.e-search-box dd b{display: block; padding-bottom: 5px;}
	.e-search-box dd div{ display: table-cell; vertical-align: middle;}
	.e-search-box dd a:hover b{ color: #003f98;}
	
	.search-list-bd-02 li.search-txt{width: 100%; text-align: center; font-size: 12px; color: #fff;}
}


@media screen and (min-width: 384px) {
	
}


@media screen and (min-width: 480px) {
	
}


@media screen and (min-width: 640px) {
	
}


@media screen and (min-width: 768px) {
	
}


@media screen and (min-width: 992px) {
	.e-search-box dt{ width: 165px; padding-right: 15px;}

	.e-search-box dd b{ font-size: 16px; padding-bottom: 0;}
	.e-search-box dd p{ display: block; padding: 10px 0 0 0;}
	.e-search-box dd small{ display: inline-block; padding-right: 15px; padding-top: 10px;}
	
	.e-search-box li{ padding: 20px 0;}
}


@media screen and (min-width: 1240px){
	
}




@media screen and (min-width: 320px) {
	.banner-min-02{  overflow: hidden; padding: 0; position: relative; -webkit-background-size: cover;
	background-size: cover;}
	
	.search-list-box{ margin-top:55px; width: 100%; padding: 15px;}
	.search-list-bd{ border: solid 2px #fff; height: 36px; width: 280px; margin: 0 auto; -webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px; position: relative; overflow: hidden;}
	.search-list-bd input{ width: 100%; height: 32px; border: none; background: none; outline: none; padding: 0 40px 0 15px; font-size: 16px; color: #fff;}
	.search-list-bd button{ width: 40px; height: 32px; position: absolute; right: 0; top: 0; border: none; background: none; color: #fff; cursor: pointer;}
	
	.search-list-bd-show{box-shadow: 0 0 30px rgba(255,255,255,.5); background: rgba(0,0,0,.2);}
}


@media screen and (min-width: 992px) {

	.search-list-bd{ width: 460px; height: 46px; -webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;}
	.search-list-bd input{ height: 42px; padding: 0 60px 0 20px; font-size: 18px;}
	.search-list-bd button{ width: 60px; height: 42px;}
	.search-list-bd button i{ font-size: 22px; line-height: 42px;}
}







@media screen and (min-width: 320px) {
	
	.search-list-bd-02{}
	.search-list-bd-02 ul{}
	.search-list-bd-02 li{padding: 6px 0; overflow: hidden;}
	.search-list-bd-02 label{ float: left; padding-right: 10px; line-height: 34px; color: #fff;}
	.search-list-bd-02 div{ overflow: hidden;}
	.search-list-bd-02 input{ width: 100%; border: solid 1px #fff; -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; height: 34px; background: rgba(0,0,0,.2); padding: 0 10px; color: #fff;}
	.search-list-bd-02 button{display: block; margin: 0 auto; width: 120px; text-align: center; border: none; background: #003f98; -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; line-height: 40px; color: #fff; margin-top: 20px; cursor: pointer;}
	
	.search-list-bd-02 button:hover{ opacity: .8;}
	
	
	.e-search-box-02{overflow: hidden;}
	.e-search-header{ overflow: hidden; display: none;}
	.e-search-header b{ }
	
	.e-search-body{ overflow: hidden;}
	.e-search-body a{ display: block;}
	.e-search-body a:hover *{  background: #d6e6fd; color: #003f98;}
	.e-search-body li{ padding: 10px; border-bottom: solid 1px #cfe3e6; overflow: hidden;}
	.e-search-body li:nth-child(odd){background: #f6fafd;}
	.e-search-body dl{overflow: hidden; font-size: 12px; line-height: 1.6;}
	.e-search-body dt{ float: left; padding-right: 5px; color: #003f98;}
	.e-search-body dd{ overflow: hidden; color: #666;}
}

@media screen and (min-width: 480px) {
	
	.search-list-box{ margin-top:75px; padding: 20px 15px;}

}

@media screen and (min-width: 768px) {

	.e-search-header{ display: block; background: #003f98;}
	.e-search-header b{ float: left; width: 20%; text-align: center; line-height: 36px; color: #fff; font-size: 14px;}
	
	.e-search-body li{ padding: 0;}
	.e-search-body dl{ width: 20%; float: left;min-height:40px;}
	.e-search-body dt{ display: none;}
	.e-search-body dd{ text-align: center; font-size: 14px; line-height: 40px;}
	
	.search-list-box{ margin-top:90px; padding: 50px 30px;}
	
	.search-list-bd-02{width: 700px; margin: 0 auto;}
	.search-list-bd-02 ul{ margin:-10px -20px; overflow: hidden;}
	.search-list-bd-02 li{ padding:10px 20px; width: 50%; float: left;}
	
	.search-list-bd-02 label{ font-size: 16px; line-height: 40px;}
	.search-list-bd-02 input{ height: 40px;}
}