@import url(content.css);
@import url(arcontrol.css);

.p_list { width: 100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.p_list li { width: 48%; margin-bottom:30px;}
.p_list li a span { display:block; width:100%; position:relative; padding-top:64%; overflow:hidden; margin-bottom:10px;}
.p_list li a span img { width:100%; min-height:100%; position:absolute; top:0; left:0;  transition:0.3s ease;}
.p_list li a:hover span img {transform:scale(1.1)}
.p_list li a strong{display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:20px; }
@media all and (max-width:640px) {
.p_list li { width: 100%; margin-bottom:20px;}
.p_list li a span { display:block; width:100%; position:relative; padding-top:64%; overflow:hidden; margin-bottom:10px;}
.p_list li a strong{font-size:18px; }
.p_list li .graphic_b { padding-bottom:0; border-bottom:0;}

}