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

/*　共通　*/

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.pick-up-img {
    width:93%;
}

.conts_wrap {
	margin:5px auto;
	width:100%;
	list-style:none;
	padding:0;
}


@media screen and (min-width:320px) { 
    /*　画面サイズが480pxからはここを読み込む　*/

.clearfix{
	width:98%;
	margin:0 auto;
	padding:0;
	
}	
.pickup-li {
	width:50%;
	float:left;
	text-align:center;
}

.pick-up-ttl {
	font-size:1.1em;
	text-align:center;
	color:#333;
	padding:3% 0;
	margin:0;
	letter-spacing:2px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;	
}

.p-brand-name {
	font-size:0.9em;
	margin:5px 0 0 0;
	padding:0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;	

}

.p-item-name {
	font-size:1em;
	margin:0 0 20px 0;
	padding:0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;	
}

.more-btn{
	
	font-size:1em;
	text-align:center;
	color:#333;
	padding:3% 0;
	margin:0;
	letter-spacing:2px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;	
}


}


@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/

.clearfix{
	width:100%;
	margin:0 auto;
	padding:0;
	
}

.pickup-li { 
	width:25%;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}

.pick-up-ttl {
	width:100%;
	font-size:1.2em;
	text-align:center;
	color:#333;
	padding:3% 0;
	letter-spacing:3px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
	font-weight:600;	

}

.p-brand-name {
	font-size:1em;
	margin:5px 0 0 0;
	padding:0;
	font-size:1em;
	letter-spacing:2px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
	font-weight:500;	

}

.p-item-name {
	font-size:1em;
	margin:0 0 30px 0;
	padding:0;
	font-size:1em;
	letter-spacing:1px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
	font-weight:500;	

}

.more-btn{
	
	font-size:1.1em;
	text-align:center;
	color:#333;
	padding:3% 0;
	margin:0;
	letter-spacing:2px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
	font-weight:500;	
}


}