@charset "UTF-8";
/* index.css */


/*スマートフォン用*/
@media(max-width:768px) {
	
	/*製品ラインアップ*/
	.wrap-line
	{
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px #ccc dashed;	
	}
	
	.line-up
	{
		float:left;
		width:29%;
		margin-right:1%;
	}
	
	.line-up img
	{
		width:100%;
	}
	
	.line-up-txt
	{
		float:left; width:70%;
	}
	
	/*スマホのみ検索エリア*/
	.search-wrap
	{
		background:#fff;
		margin-left:4%;
		margin-right:4%;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		-webkit-border-radius:3px;
		-ms-border-radius:3px;
		-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc; 
	}
	
	.search-wrap .searchbtn
	{
		 float:left;
		 width:45%;
		 margin-left:3.5%;
		 margin-top:5px;
	}
	
	/*スマホのみ検索エリアタブ*/
	.search-midashi
	{
		background:#012A54;
		color:#fff;
		text-align:center;	
		padding:5px;
		-webkit-border-top-left-radius:3px;
		-moz-border-radius-topleft:3px;
		-webkit-border-top-right-radius:3px;
		-moz-border-radius-topright:3px;
		font-size:80%;
		margin-bottom:5px;
		
	}
	
	
	.foot-gryphicons
	{
		font-size:300%;
		color:#1e5799;
	}
	
	.f-title
	{
		font-size:130%;
	}
	
}

/*タブレット*/
@media(min-width:768px) {
	
	.btn-sm{
		padding:3px;
		font-size:x-small;
		line-height:0;
		border-radius:3px;	
	}

	.wrap-line
	{
		float:left;
		width:32%;
		margin-right:1%;
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px #ccc dashed;	
	}
	
	.wrap-line:last-child
	{
		float:left;
		width:32%;
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px #ccc dashed;	
	}
	
	.line-up
	{
		 margin-right:1%;
		 width:100%;
	}
	
	.line-up img
	{
		width:100%;
	}
	
	.line-up-txt
	{
		width:100%;
		padding-top:5px;
		min-height:85px;
	}
	
	/*検索エリア*/
	.search-wrap
	{
		background:#fff;
		margin-left:2%;
		margin-right:2%;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		-webkit-border-radius:3px;
		-ms-border-radius:3px;
		-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc; 
	}
	
	.search-wrap .searchbtn
	{
		 
		 float:left;
		 width:45%;
		 margin-left:4.5%;
		 margin-top:5px;
		 
	}
	
	/*検索エリアタブ*/
	.search-midashi
	{
		background:#012A54;
		color:#fff;
		text-align:center;	
		padding:5px;
		-webkit-border-top-left-radius:3px;
		-moz-border-radius-topleft:3px;
		-webkit-border-top-right-radius:3px;
		-moz-border-radius-topright:3px;
		font-size:80%;
		margin-bottom:5px;
		
	}
	
	.foot-gryphicons
	{
		font-size:450%;
		color:#1e5799;
	}
	

}

/*PC*/
@media(min-width:992px) {
	
	.btn-sm{
		padding:3px;
		font-size:x-small;
		line-height:0;
		border-radius:3px;	
	}
	
	.wrap-line
	{
		float:left;
		width:32%;
		margin-right:1%;
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px #ccc dashed;	
	}
	
	.wrap-line:last-child
	{
		float:left;
		width:32%;
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px #ccc dashed;	
	}
	
	.line-up
	{
		 margin-right:1%;
	}
	
	.line-up-txt
	{
		width:100%;
		padding-top:5px;
		min-height:70px;
	}
	
	/*検索エリア*/
	.search-wrap
	{
		background:#fff;
		margin-left:0%;
		margin-right:0%;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		-webkit-border-radius:3px;
		-ms-border-radius:3px;
		-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc; 
	}
	
	.search-wrap .searchbtn
	{
		 width:92.3%;
		 margin-left:3.5%;
		 margin-top:7px;
	}
	
		.search-wrap .searchbtn:last-child
	{
		 width:92.3%;
		 margin-left:3.5%;
		 margin-top:10px;
		 margin-bottom:50px;
	}


	
	/*検索エリアタブ*/
	.search-midashi
	{
		background:#012A54;
		color:#fff;
		text-align:center;	
		padding:10px;
		-webkit-border-top-left-radius:3px;
		-moz-border-radius-topleft:3px;
		-webkit-border-top-right-radius:3px;
		-moz-border-radius-topright:3px;
		font-size:90%;
		margin-bottom:5px;
		
	}
	
	.foot-gryphicons
	{
		font-size:500%;
		color:#1e5799;
	}
	
	.f-title
	{
		font-size:140%;
	}


}

/*大画面PC*/
@media(min-width:1200px) {
	
	.wrap-line
	{
		float:left;
		width:32.2%;
		margin-right:1%;
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px #ccc dashed;	
	}
	
	.wrap-line:last-child
	{
		float:left;
		width:32.2%;
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px #ccc dashed;	
	}
	
	.line-up
	{
		 margin-right:1%;
	}
	
	.line-up-txt
	{
		width:100%;
		padding-top:5px;
		min-height:70px;

	}
	
	.foot-gryphicons
	{
		font-size:500%;
		color:#1e5799;
	}

}