@charset "UTF-8";
/* CSS Document */

@import url("parts_search.css");

.second_main_img {
	background: url("../img/onlineshop/main_img.jpg") no-repeat center / cover;
}
		
main article .page_read {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto 60px;
	text-align: center;
}

main article .page_read h1 {
	font-size: 12px;
	color: #351c13;
	margin-bottom: 20px;
	font-weight: bold;
}

main article .page_read h1 span {
	font-size: 50px;
	display: block;
	font-weight: bold;
	letter-spacing: 2px;
}

main article .page_read h2 {
	font-size: 24px;
	font-weight: 500;
}

main article .pickup {
	width: 90%;
	max-width: 870px;
	margin: 0 auto;
}

main article .pickup a {
	width: 49%;
	max-width: 425px;
}

main article .pickup a:first-of-type {
	margin-right: 2%;
}

main article .section_ttl {
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px;
}

main article .section_ttl span {
	font-size: 40px;
	font-weight: bold;
	display: block;
	color: #351c13;
}

main article .pickup {
	margin-bottom: 70px;
}

main article .new_item {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto 50px;
}

main article .new_item .item_list .item_single {
	width: calc(94% / 4);
	margin: 0 0 3%
}

main article .new_item .item_list .item_single:not(:nth-of-type(4n)) {
	margin-right: 2%;
}

main article .new_item .item_list .item_single .item_image {
	position: relative;
}

main article .new_item .item_list .item_single .item_image p.category {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	font-size: 14px;
	color: #351c13;
	padding: 2px 10px;
	border: 1px solid #351c13;
}

main article .new_item .item_list .item_single .item_txt {
	padding: 0 8px;
}

main article .new_item .item_list .item_single .item_txt .item_ttl {
	font-size: 22px;
	font-weight: bold;
	color: #351c13;
}

main article .new_item .item_list .item_single .item_txt .item_price {
	font-size: 20px;
	font-weight: bold;
	color: #351c13;
}

main article .new_item .item_list .item_single .item_txt .item_price span {
	font-size: 13px;
	margin-left: 10px;
	display: inline-block;
	color: #351c13;
	
}


@media screen and (max-width: 1024px){
	main article .pickup {
		width: 94%;
	}
	
	main article .new_item .item_list .item_single,
	main article .new_item .item_list .item_single:not(:nth-of-type(4n)){
		width: 32%;
		margin: 0 0 3%;
	}
	
	main article .new_item .item_list .item_single:not(:nth-of-type(3n)) {
		margin-right: 2%;
	}
}

@media screen and (max-width: 767px){
	.second_main_img {
		height: auto;
		padding: 33% 0 ;
		background: url("../img/onlineshop/sp/main_img.jpg") no-repeat center / cover;
	}
	
	main article .page_read h1 span {
		font-size: 10vw;
	}
	
	main article .page_read h1 {
		font-size: 16px;
	}
	
	main article .page_read h2 {
		font-size: 5vw;
		text-align: left;
	}
	
	main article .page_read h2 br {
		display: none;
	}
	
	main article .section_ttl {
		font-size: 16px;
	}
	
	main article .section_ttl span {
		font-size: 8vw;
	}
	
	main article .pickup a {
		width: 100%;
		max-width: none;
	}
	
	main article .pickup a:first-of-type {
		margin: 0 0 3%;
	}
	
	main article .pickup a img {
		width: 100%;
	}
	
	main article .new_item .item_list .item_single {
		width: 49% !important;
		margin: 0 0 4% !important;
	}
	
	main article .new_item .item_list .item_single:nth-of-type(odd) {
		margin-right: 2%!important;
	}
	
	main article .new_item .item_list .item_single img {
		width: 100%;
	}
	
	main article .new_item .item_list .item_single .item_image p.category,
	main article .new_item .item_list .item_single .item_txt .item_price span{
		font-size: 11px;
	}
	
	main article .new_item .item_list .item_single .item_txt .item_ttl,
	main article .new_item .item_list .item_single .item_txt .item_price{
		font-size: 16px;
	}
	
	main article .search_wrap section h2.search_ttl {
		font-size: 23px;
		text-align: center;
	}
	
	main article .search_wrap section h2.search_ttl span {
		font-size: 17px;
		display: block;
	}
}