#shop-area,
#visual-area {
    margin-bottom: 20px;
    padding: 20px;
    border: 2px solid #eb5504;
}
#shop-area h2,
#visual-area h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

.select-group {
    margin: 20px 0;
}
.select-group select {
    display: block;
    width: 400px;
    margin: 0 auto 14px;
}


[id$="shopPre"],
[id$="shopListArea"] { display: block; clear: both; }
[id$="shopTableWrap"] table { width: 100%; line-height: 1.3; }
[id$="shopTableWrap"] table th,
[id$="shopTableWrap"] table td { padding-right: 12px; padding-left: 12px; border-bottom: solid 1px #d8d8d8; }
[id$="shopTableWrap"] table th { padding-top: 10px; padding-bottom: 10px; }
[id$="shopTableWrap"] table td { padding-top: 10px; padding-bottom: 10px; }
[id$="shopTableWrap"] table thead th { padding: 8px 12px; font-weight: bold !important; font-size: 1.2em; background: #ff7100; color: #fff; border: none; }
[id$="shopTableWrap"] table tbody th { border: none; }
[id$="shopTableWrap"] table thead td { border: solid 1px #d8d8d8; }
[id$="shopTableWrap"] table tbody td { border-bottom: solid 1px #d8d8d8; font-size: 14px; }
[id$="shopTableWrap"] table thead td.rowName,
[id$="shopTableWrap"] table tbody td.rowName { border-left: none; }
[id$="shopTableWrap"] table thead td.rowAddress,
[id$="shopTableWrap"] table tbody td.rowAddress { border-left: solid 1px #d8d8d8; }
[id$="shopTableWrap"] table th { background: #efefef; color: #333; font-weight: bold; text-align: left; border: 1px solid #d8d8d8; }
[id$="shopTableWrap"] table thead td { border: solid 1px #d8d8d8; background-color: #efefef; font-weight: bold; text-align: center; }
[id$="shopTableWrap"] table td.rowPhone,
[id$="shopTableWrap"] table td.rowHours,
[id$="shopTableWrap"] table td.rowHoliday { text-align: center; }
[id$="shopTableWrap"] table p { margin-bottom: 0; }
[id$="shopTableWrap"] table th span { margin: 0 2px; }
[id$="shopTableWrap"] table tbody td.rowHours p span.week { margin-right: 5px; }


@media screen and (max-width: 767px) {
    #shop-area,
    #visual-area {
        padding: 10px;
        padding-top: 14px;
    }
    #shop-area h2,
    #visual-area h2 {
        margin-bottom: 14px;
    }
    
    .select-group select {
        width: 100%;
    }
    #shop-area .btn-conv,
    #visual-area .btn-conv {
        min-width: 120px;
    }
    [id$="shopTableWrap"] table thead th {
        padding: 4px 6px;
    }
    [id$="shopTableWrap"] table th {
        padding: 5px 6px;
    }
    [id$="shopTableWrap"] table tbody td {
        padding: 5px 6px;

        font-size: 11px;
    }
}