@charset "UTF-8";


#container h3{
	font-size: 17px;
	color: #ff4d88;
	border-bottom: #ff4d88 1px dashed;	
	line-height: 1.5;
	text-align: center;
}

#container .charmBox {
	width: 30%;
	margin-bottom: 20px;
}

#container .charmBox h4{
	font-size: 14px;
	color: #ff4d88;
	text-align: center;
}

#container .charmBox .price{
	font-size: 18px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
}

#container .charmBox .ph{
	text-align: center;
	padding-bottom: 5px;
}

#container .charmList{
	margin-bottom: 10px;

    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

#container .txt{
/* 	height: 50px; */
	padding-bottom: 10px;
}

/*スマホ*/
@media screen and (max-width: 768px) {

    #container .charmBox {
        width: auto;
    }


    #container .charmList{
        margin-bottom: 10px;
        display: block;
    }

    #container .charmBox .ph{
        width: 80%;
        margin: 0 auto;
    }

}