@charset 'UTF-8';
/* --------------------------------------- */
/* 絞込※抽選会と共通 */
/* --------------------------------------- */
.box_refine {
    margin: 20px auto;
}
.box_refine .hl {
    padding: 0 0 8px 20px;
    line-height: 1;
    background: url(../images/pages/article/search-list4.png) 0 0 no-repeat;
}
.box_refine .frame {
    padding: 10px;
    overflow: hidden;
    border: 10px solid #dae2ed;
}
.box_refine .cond {
    margin-top: 10px;
    margin-right: 20px;
    float: left;
}
.box_refine .box_btn {
    height: 40px;
    float: right;
}
.box_refine .lbl {
    vertical-align: middle;
}
.box_refine select {
    width: 144px;
    height: 25px;
    font-family: YuGothic, '游ゴシック', sans-serif;
}
/* --------------------------------------- */
/* バナーリスト */
/* --------------------------------------- */
.list_bn.fl_base {
    flex-wrap: wrap;
}
.list_bn .elm {
    width: 396px;
    margin-bottom: 8px;
    padding: 4px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.list_bn .elm:nth-child(odd) {
    margin-right: 4px;
}
.list_bn .elm:nth-child(even) {
    margin-left: 4px;
}
.list_bn .img_bn {
    width: 100%;
    margin-top: -1px;
    margin-bottom: 4px;
}
.list_bn .elm .shopName {
    max-width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list_bn .elm .type {
    margin-top: -6px;
    font-size: 0.9em;
    text-align: center;
}
.list_bn .shop_info {
    margin: 0 4px 6px;
    text-align: left;
}
/* アイコン */
.list_bn .icon {
    height: 20px;
    margin-bottom: 2px;
    padding-left: 20px;
    font-size: 0.86em;
    line-height: 20px;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #667284;
    background-repeat: no-repeat;
    background-position: 0 center;
}
.list_shop .icon.hours {
    background-image: url(../images/ranking/icon29.png);
}
.list_shop .icon.price {
    background-image: url(../images/ranking/icon31.png);
}
.list_shop .icon.nav {
    background-image: url(../images/ranking/icon30.png);
}
/* PR */
.list_bn .pr {
    margin: 0 4px;
    font-weight: bold;
    text-align: left;
}
.list_bn .pr .lbl {
    width: 40px;
    margin-right: 6px;
    padding: 2px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #f36;
}