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

/*商品一覧メインエリア */

h2.items-title1{
	width: 40%;
	margin-left: 30%;
	font-size: 30px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #FFF;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid #999;
	background-color: #00b0f0;
}

.items-box1{
	width: 96%;
	margin-left: 2%;
	background-color: #FFFFFF;
	border: 1px solid #333;
	margin-bottom: 15px;
}

#items-title2{
	width: 60%;
	font-size: 18px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #999;
	margin-top: 30px;
	margin-left: 20%;
}


.items-box1 #items-img1{
	width: 30%;
	margin-left: 33%;
	margin-top: 30px;
	margin-bottom: 20px;
}

.items-imgbn{
	width: 90%;
	margin-left: 5%;
}

.items-imgbn img{
	width: 90%;
	margin-left: 5%;
	margin-bottom: 20px;
}


span#com-pred{
	font-weight: bold;
	color: #F00;
}





/*------スマホ414px以下画面--------------------------------------------------------*/
@media screen and (max-width: 414px){

#items-title2{
	width: 60%;
	font-size: 16px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #999;
	margin-top: 30px;
	margin-left: 20%;
}

}

/*------スマホ375px以下画面--------------------------------------------------------*/
@media screen and (max-width: 375px){

h2.items-title1{
	width: 40%;
	margin-left: 30%;
	font-size: 26px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #FFF;
	margin-bottom: 20px;
	margin-top: 50px;
	border: 1px solid #999;
	background-color: #00b0f0;
}

#items-title2{
	width: 78%;
	font-size: 14px;
	margin-left: 10%;
	padding: 2%;
}

.items-box1 #items-img1{
	width: 50%;
	margin-left: 25%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.items-imgbn img{
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0%;
}


}