/* CSS Document */
.product .search_box {
	width: 40%;
	margin: 0 0 15px auto;
}
.product .search_box input[type="text"] {
	font-size: 1.6rem;
}
.product .search_box button {
	padding: 10px 0;
	font-size: 1.6rem;
}
.pager .pager_list {
	width: 40%;
	margin: 0 auto;
	font-size: 2.4rem;
	line-height: 1.0em;
	padding-bottom: 5%;
}

.pager .pager_list li {
	flex-grow: 1;
	text-align: center;
}

.pager .pager_list li + li {
  border-left: 1px solid #000;
}
.pager .pager_list li a {
	width: 100%;
	display: inline-block;
}
.pager .pager_list li a:hover {
	background-color: #f4f4f4;
}

@media screen and (max-width:768px){
	.view_tb {
		display: block;
	}
	.view_sp {
		display: none;
	}
	
	.product .search_box {
		width: 100%;
	}
	main .toggle_container {
		margin-bottom: 5%;
        width: 100%;
	}
	main .toggle_container .toggle_wrapper {
		width: 100%;
	}	
	.flexbox.clm4 > * {
		width: 48%;
	}
	.pager .pager_list {
		width: 50%;
		margin: 0 auto;
		font-size: 2.4rem;
	}

}
@media screen and (max-width:480px){
	.view_tb {
		display: none;
	}
	.view_sp {
		display: block;
	}
	main .toggle_container .toggle_wrapper {
		margin-bottom: 10px;
	}
	
	.pager .pager_list {
		width: 60%;
	}

}