@charset "UTF-8";
/* iframe responsive */
.iframe_wrapper {
  max-width: 760px;
  min-width: 280px;
  margin: 1em auto;
  padding: .5em;
  border: 1px solid #CCC;
}
.iframe_wrapper .iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe_wrapper .iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* news, album */
.art-title {
  font-size: 1.3em;
  position: relative;
  padding: 20px 0 20px 8px;
  border-bottom: 1px dashed #efefef;
}
.art-title:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(/images/dotted.png) no-repeat left;
  background-size: 100%;
  left: 1px;
  top: 12px;
}

.art-date {
  font-size: .7em;
  text-align: right;
  margin-bottom: 1em;
}

.art-images {
  margin-bottom: 2em;
}
.art-images li {
  padding: .2em;
  margin-bottom: 1em;
  text-align: center;
}
.art-images li img {
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .art-images li {
    width: 48%;
    display: inline-block;
    padding: 1%;
  }
}
@media only screen and (min-width: 640px) {
  .art-images li {
    width: 31.33%;
  }
}
.art-comment {
  font-size: 90%;
  margin-bottom: 2em;
  padding: .5em;
}

@media screen and (min-width: 768px) {
  .art-images {
    text-align: left;
  }

  .art-comment {
    font-size: 110%;
  }
}
.news {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 1em;
}

/* album リスト */
.album-list {
  box-sizing: border-box;
}
.album-list a {
  color: #000;
}
.album-list a :hover {
  background-color: rgba(159, 210, 131, 0.2);
}
.album-list a li {
  box-sizing: border-box;
  border: 1px solid #000;
  padding: .5em 1em;
  margin-bottom: .5em;
}
.album-list a li img {
  width: 100%;
}
.album-list a li span {
  font-size: .7em;
  display: block;
  line-height: 1.2;
}

@media only screen and (min-width: 480px) {
  .album-list a li {
    width: 49%;
    display: inline-block;
    padding: 1%;
  }
}
@media only screen and (min-width: 640px) {
  .album-list a li {
    width: 32.43%;
  }
}
@media only screen and (min-width: 960px) {
  .album-list a li {
    width: 24.5%;
  }
}
/* calendar（PDFダウンロード）,movie リスト */
.list {
  margin-bottom: 2em;
}
.list li {
  margin-bottom: .5em;
  padding: .5em;
  border-bottom: 1px dashed #efefef;
}
.list li span {
  display: block;
  font-size: .7em;
  line-height: 1.2;
}
.list li strong {
  font-size: 1.2em;
  height: 1em;
}
.list li a {
  float: right;
}

@media only screen and (min-width: 768px) {
  .list li a {
    padding: 8px;
  }
}
.kindergarten-button {
    width: 200px;
}
.kindergarten-links > li .top-address {
  text-align: center;
  margin-top:0.5em;
}