@media (min-width:768px) {
    .pc.m {
        display: none !important;
    }
}

@media (max-width:768px) {
    h1#page-title { font-size: 28px;}

    .fl.image {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 !important;
    }

    .fl.image a {
        display: block;
        text-align: center;
    }

    .fl.image a img {
        display: inline;
        width: auto;
        height: : auto;
        max-width: 300px;
    }

    .fl.contents {
        display: block;
        float: none;
        width: 100%;
    }

    .fl.contents .pc {
        display: none !important;
    }

    .pc.m {
        display: block !important;
        border-bottom: 2px solid #222;
        font-size: 24px;
        line-height: 1.3em;
        padding: 10px 0;
    }

    .pc.m::before {
        font-family: FontAwesome;
        content: "\f04d";
        transform: rotate(45deg);
        display: inline-block;
        margin: 0 12px 0 0;
        font-size: 0.8em;
    }

    .layout-content {
        padding-left: 3% ;
        padding-right: 3%;
    }

    .brand-site-shops .views-row {
        margin: 0 0 0 !important;
    }
}

@media (max-width:352px) {
    .brand-site-shops .details ul li a, .detail_btn a {
        width: auto !important;
        padding: 0 5px;
    }

    ul.fr {
        display: block;
        text-align: center;
        float: none;
    }
}
.shop-news-list dd{
  font-size: 13px;
  line-height: 1.4em;
}
.shop-news-list dd .field-items a{
  font-weight: bold;
}

.shop-news-list dt{
   font-weight: 700;
   float: left;
   display: inline-block;
   margin: 0 5px 0 0;
}
.shop-news-list dt img{
  height: 45px !important;
  width: 45px !important;
  border: 1px solid #DEDEDE;
}
.shop-news-list dd{
  width: 80%;
  overflow: hidden;
}