.cf{        
	margin:0 auto;
        padding-bottom:30px;
	display:flex;
             flex-wrap: wrap;
             align-content: center;
             justify-content: center;
    width: 80%;
    }
.cmbox {
    width: 30%;
    margin: 0 1% 20px;
    /* float: left; */
    text-align: center;
    border: solid 1px #CCC;
    padding: 10px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}
@media screen and (max-width: 480px) {
	.cmbox {
    	width: 98%;
	}
	.photo2 img {
    	width: 100%;
	}
	
}

.btn{
	text-align:center;
	margin:10px 0 0px;
}
.btn a:hover{
	opacity:0.8;
}
.bn{
	text-align:center;
	margin:0px 0 20px;
}
.bn a:hover{
	opacity:0.8;
}

.cmbox p{
	padding:0;
	margin:0;
}
.cmbox p.goodsname{
        /*width: 100%;*/
	background-color:#FAFAFA;
	color:#0080C0;
	padding:5px;
	margin:5px 0;
	font-weight:bold;
	border-bottom:dotted 2px #0080C0;
	font-size:1.4rem;
}
.cmbox p.memo{
	text-align:left;
}
p.photo2 img {
    border-style: none;
    width: 100%;
}