@import url(content.css);
.h_state  { width: 100%; }
.h_state .vote_b { width:100%; min-width:100%;}
	.h_state .vote_b.v_count1 .td .img { display:block;}
.h_state .vote_b.v_count2 {padding:55px 20px; }
.h_state .vote_b.v_count2 .box .count_swiper{width:940px; }
.h_state .vote_b.v_count2 .count_all { width:210px; }

.container > .con_col2th { flex-wrap: wrap; }

.con_l, .areabox { margin-top: 50px; }
.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;}

}

.photoviewer.open {background:rgba(0,0,0,0.5)}