@charset "UTF-8";
/*
 * Theme Name: Padre
 * Author: Takayuki Arai
 * Description: padre
 * Version: 1.0
 * */

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

header {
  padding: 20px 0 30px 0;
}

h1, h2, h3, h4, h5, a, p {
  font-weight: bold;
}

th {
//  font-weight: normal;
}

main {
  padding-bottom: 100px;
}

#container {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
}

#header {
  padding-bottom: 30px;
}
a {
  color: #222222;
}
a:visited {
  color: #222222;
}
a:hover {
  text-decoration: none;
}


.tr_time_table td {
  min-width: 60px;
  vertical-align: middle !important;
/*
  font-weight: bold;
*/
}

.tr_no_top_line th,
.tr_no_top_line td {
  border-top: none !important;
}

#p_header_tel { 
  padding-top: 20px;
}

.div_image_area {
  padding-top: 30px;
  padding-bottom: 30px;
}

.div_static {
  font-weight: bold;
}

.div_no_post {
  padding-top: 30px;
}


/* --------------------------------------- */
@media (max-width: 900px) {
  .wp-block-image img {
    width: 100%;
  }
}



/*
 * Gallery block (WordPress 5.9+ "nested images" markup).
 * This theme does not call wp_head(), so the layout CSS that WordPress normally
 * prints there (.is-layout-flex { display: flex }) is missing. Without it the
 * images stack vertically. The column widths come from block-library/style.min.css,
 * which assumes a 16px gap.
 */
.wp-block-gallery.has-nested-images.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  gap: var(--wp--style--unstable-gallery-gap, 16px);
}

.wp-block-gallery.has-nested-images.is-layout-flex > figure {
  margin: 0;
}