@charset "utf-8";

/**********************************

  日本ユニセフ協会　協定地域組織
  partner_loc.html

  *********************************/
.partner_list {}
.partner_item {}

.partner_info {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 180px;
    grid-template-rows: repeat(4, auto);
    gap: 2px;
    align-items: center; 
}
.partner-zipcode {
    grid-column: span 1 / span 1;
    align-self: start;
}
.partner-address {
    grid-column: span 3 / span 3;
}
.partner-tel {
    grid-row-start: 2;
    align-self: start;
}
.partner-telno {
  grid-row-start: 2;
  align-self: start;
}
.partner-openhour {
  grid-column: span 2 / span 2;
  grid-row-start: 2;
}
.partner-fax {grid-row-start: 3;}
.partner-faxno {
    grid-column: span 3 / span 3;
    grid-row-start: 3;
}
.partner-hp {
    grid-column: span 3 / span 3;
    grid-row-start: 4;
}
.partner-link {
    grid-column-start: 4;
    grid-row-start: 4;
}
.partner-link ul li {
    display: inline-block;
    max-width: 40px;
    margin: 0 5px;
}

@media print, screen and (max-width: 639px) {
    .partner_info {
        display: grid;
        grid-template-columns: 100px 1fr 1fr 1fr;
        grid-template-rows: repeat(6, auto);
        gap: 2px;
        align-items: center; 
    }
    .partner-telno {
        grid-column: span 3 / span 3;
    }
    .partner-openhour {
        grid-column: span 4 / span 4;
      grid-row-start: 3;
    }
    .partner-fax {grid-row-start: 4;}
    .partner-faxno {
        grid-row-start: 4;
    }
    .partner-hp {
        grid-column: span 4 / span 4;
        grid-row-start: 5;
    }
    .partner-link {
        grid-column: span 4 / span 4;
        grid-row-start: 6;
    }
}