@charset "utf-8";

.page-content * { transition: all .3s;}
.page-content { font-weight:300; word-break:keep-all; }
.page-content .txt_box { padding:15px; border:1px solid #ddd; margin-bottom:45px; }
.page-content .txt_box span { display:block; margin-bottom:5px; }

.page-content .prod_list { padding-left:0; overflow:hidden; max-width:720px; margin:0 auto;}
.page-content .prod_list li { list-style:none; float:left; width:50%; padding:0 5px; margin-bottom:40px; }
.page-content .prod_list li a { display:block; max-width:300px; overflow:hidden; }
.page-content .prod_list li:nth-of-type(even) a { float:right}
.page-content .prod_list li a .name { font-size: 18px; font-weight: 500; margin-bottom: 15px; color: #02315b; }
.page-content .prod_list li a .img { margin-bottom:10px; overflow:hidden;}
.page-content .prod_list li a:hover .img img { transform:scale(1.1); }
.page-content .prod_list li a .tail { font-size:14px; }

.page-content .prod_list hr { border-top:1px solid #555; height:1px; width:100%; margin-bottom:40px; }
.page-content .prod_list hr:nth-of-type(odd) {display:none;}

@media (max-width:600px) {
.page-content .prod_list li a .tail { font-size:12px; }	
}

@media (max-width:480px) {
.page-content .txt_box { padding:5px; margin-bottom:35px; }
.page-content .txt_box span { font-size:14px; }
.page-content .prod_list li { float:none; width:100%; margin-bottom:30px; }
.page-content .prod_list li a { margin:0 auto; max-width:100%; text-align:center; }
.page-content .prod_list li:nth-of-type(even) a { float:none;} 	
.page-content .prod_list li a .tail { font-size:14px; }
.page-content .prod_list hr  { margin-bottom:30px; }
.page-content .prod_list hr:nth-of-type(odd) { display:block;}
}