/*
 Theme Name:   Twenty Fifteen Child
 Author: Yasuhiko Fujiwara
 Author URI: https://wordpress.org/
 Template:     twentyfifteen
 Version:      1.0.0
*/

.require_text {
    background-color: #08427C;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    padding: 3px 6px 1px;
    position: relative;
}

@media screen and (min-width: 59.6875em) {
body:before {
  background-color: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  content: "";
  display: block;
  height: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 29.4118%;
  z-index: 0;
}
}


.media  .flex_container {
  display: flex;
  flex-wrap: wrap;

}
.media .flex_container .media__section {
  width:32%;
  flex-direction: row;
  display: block !important;
  margin-bottom: 1rem;
  background-color: #fff;
  filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
}

.media .flex_container .media__section:nth-child(3n+2) {
    margin-left: 2%;
    margin-right: 2%;
}


.media .flex_container .media__section time {
  filter: none;
}

.media .flex_container .media__section a {
  filter: none;
}

.madia .flex_container .media__contents {
  padding: 25px 15px !important;
}

.media .flex_container .media__date {
  margin-bottom: 10px;
}

.media__item img {
  object-fit: contain;
  width: auto;
  height: auto;
  
}


.media .leaflets_outer {
  background-color: #ffebeb;
  width:100vw; 
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.media .flex_container_leaflets {
  display: flex;
  justify-content: center;
}

.media .leaflets_outer   .leaflets__headding {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  padding-top: 1rem;
  color: #be3838;
}

.media .flex_container_leaflets .media__section_leaflets {

  flex-direction: row;
  display: block !important;
  margin-bottom: 1rem;
  padding: 25px 15px !important;
  border: none;;
}

.media .flex_container_leaflets .media__section_leaflets img {
  max-height: 450px;
  max-width: 100%;
  object-fit: contain;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
}

.madia .flex_container_leaflets .media__section_leaflets {
}