/* div CSS*/

/* div */
.div-container {   
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0 15px 30px 0;
}

@media print, screen and (min-width: 0px) and (max-width: 559px){
    .div__item {    
        width: 100%;
        margin: 20px;
        padding-right: 20px;
    }
}

@media print, screen and (min-width: 560px) {
    .div__item {    
        width: 500px;
        margin: 20px;
    }
}

.div__name {
    border-bottom: 1px solid #444;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0 0 5px 5px;
}

.div__desc {
    padding: 0;
    padding-left: 10px;
    color: #128007;
}

.div__zip{ 
    margin: 0;
    padding-left: 10px;
}

.div__addr{
    margin: 0;
    padding-left: 10px;
}

.div__tel{ 
    margin: 0;
    padding-left: 10px;
}

.div__fax{
    margin: 0;
    padding-left: 10px;
}

.div__mail{ 
    margin: 0;
    padding-left: 10px;
}


.div__rss{
    margin: 0;
    padding-left: 10px;
}


/*div-info*/
.div-info-container {
    margin: 50px 0 0 0;
    padding: 0;
    clear: both;    
}

.div-info__edge {
    border: 0px solid #106916;    
    display : flex;
    flex-wrap: wrap;
    padding : 15px 15px 15px 15px;
}

.div-info__title{
    
    font-size: 1.1em;
    color: #fff;
    background-color: #106916;    
    border-radius: 0px;
    padding: 8px 5px 5px 20px;
}

.div-info__title-container {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0px 10px 5px 0px;
    
}
.div-info__name {
    font-size: 1.1em;
    font-weight:  bold;
    padding: 0px 2px 0px 10px;
}

.div-info__name--sub {
    display: none;
 }

.div-info__item-container {    
    padding: 0 10px 0 10px;
    overflow: hidden;
}

.div-info__desc{
    display: none;
}

.div-info__zip{
    width: 100%;
    float: left;
    margin-right: 15px;
}

.div-info__addr{

}

.div-info__tel{
    float: left;
    margin-right: 15px;
}

.div-info__fax {
    float: left;
    margin-right: 15px;
}

.div-info__extension{}
.div-info__mail-display-name{}
.div-info__charge{}


/*div-list*/

.div-list-container {
    list-style: none;
    margin: 0;
    padding: 20px 0 0 0;
    clear: both;
}

.div-list__info_update {
  /*   display: none; */
    text-align: right;
}

.div-list__info-item {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: lightgray;
}

.div-list__info-title {

}

.div-list__info-desc {

}

.div-list__flexbox {
    display: flex;
}