.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;
}

.cmbox-first {
    width: 30%;
    margin: 0 1% 5px;
	padding: 0;
    /* float: left; */
    box-sizing: border-box;
    background-color: #d4d8e9;
}

.label-text-m{
	visibility: hidden;
}

.label-text {
  display: flex;
  height: 4.5em; 
  font-size: 22px;
  color: #FF55FF;
  justify-content: flex-end;
}

@media screen and (max-width: 480px) {
	.cmbox {
    	width: 98%;
	}

	.cmbox-first {
    	width: 98%;
	}

	.photo2 img {
    	width: 100%;
	}
	
	.label-text{
		display: none;
	}

	.label-text-m{
		visibility: visible;
		font-size: 22px;
		height: 1.2em; 
		text-align: right;
  		color: #FF55FF;
	}

}

.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%;
}