@charset "UTF-8";
h3 {
   text-align: center;
    font-size: 2.4rem;
    margin: 3em 0 2em;
}
.recommendArea {
    width: 900px;
    margin: 0 auto 4em;

}
.itembox {
    display: inline-block;
    width : 25% ;
    width : -webkit-calc(97% / 4) ;
    width : calc(97% / 4) ;
    text-decoration: none;
    margin: 2em 0;
    padding: 0 0.5em;
    font-size: 1.3rem;
    vertical-align: top;
}
.itembox p {
    margin: .5em 0 0;
}
.br_ {
    color: #666666;
    display: block;
}
.yen_ {
    display: block;
}
@media screen and (max-width: 767px) {
.recommendArea {
    width : 100%;
}
h3 {
    text-align: center;
    font-size: 1.8rem;
    margin: 3em 0 0em;
}
.itembox {
    width : 48.5% ;
    width : -webkit-calc(99% / 2) ;
    width : calc(99% / 2) ;
}

}