@charset "utf-8";

/*
Theme Name: 中央スポーツ公園 市民プール ver1
*/

@import url('./reset.css');

body {
  background: url(images/bg_main.png) #eef8ee 50% 0;
  color: 333333;
  font-family: "新ゴ R";
  font-size: 20px;
}

.wrapper {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;;
}

header {
  background-color: #b7f4ff;
  max-height: 330px;
  width: 100%;
}

header .wrapper {
  left: 0;
  position: relative;
  top: 0;
}

header .wrapper h1 img {
  height: auto;
  width: 100%;
}

header .wrapper .header_info {
  bottom: 1em;
  display: flex;
  height: 80vw;
  justify-content: flex-end;
  left: 0;
  max-height: 80px;
  position: absolute;
  width: 100%;
}

header .wrapper .header_info img {
    height: auto;
    max-width: 1000px;
    width: 100%;
}

header .wrapper .header_info dl {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-around;
  margin: 0;
  position: absolute;
  top: 0;
  width: 80px;
}

header .wrapper .header_info dl dt, 
header .wrapper .header_info dl dd {
  height: 37%;
  margin: 0;
}

header .wrapper .header_info dl dt img, 
header .wrapper .header_info dl dd img {
  height: 100%;
  max-height: 37px;
  width: auto; 
}

main {
  background-size: 100% auto;
}

main dd {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
    justify-content: center;
    position: relative;
}

main dt img {
    width: 50%;
}

main dd .updated_at {
    background-color: #3bef0f;
    border: 3px solid #2d5524;
    border-radius: 3em;
    color: #2d5524;
    height: 5em;
    line-height: 1em;
    padding: 0.5em;
    position: absolute;
    right: 2em;
    text-align: center;
    top: -1em;
    transform: rotate(5deg);
    width: 5em;
}

main dd .updated_at .mes {
    font-size: 70%;
    margin: 0;
    text-align: center;
}

main dd .updated_at .nd {
    border-bottom: 1px solid #2d5524;
    font-family: "ゴシックMB101 B";
    font-size: 120%;
    margin: 0 0 0.5em;
    padding: 0.4em 0 0.5em;
}

main dd .updated_at .hi {
    font-size: 90%;
    margin: 0;
    text-align: center;
}

main dd img {
    width: 90%;
}

main .news {
    display: flex;
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8));
    justify-content: center;
    padding: 0 1em;
}

main .news > ul {
    background-color: #0d80b0;
    border-radius: 0.7em;
    color: #ffffff;
    margin: 0 0 3em;
    width: 100%;
}

main .news > ul > li {
    border-top: 1px dashed #ffffff;
    margin: 0 1em;
    padding: 1em 0;
}

main .news > ul > li:first-child {
    border: none;
    margin-top: 0;
}

main .news > ul > li section {
    font-family: "新ゴ R";
    padding: 0 1em;
    text-align: left;
}

main .news > ul > li section.date {
    font-size: 80%;
}

main .news > ul > li section.title {
    font-family: "新ゴ M";
    font-size: 100%;
}

main .news > ul > li section.note {
  font-size: 90%;
}

footer {
    text-align: center;
}

footer .banner_habikino_city_pool {
    display: flex;
    justify-content: center;
    padding: 0 1em;
}

footer .banner_habikino_city_pool a {
    background: url(images/bg_banner_pool.jpg) no-repeat 0 100%;
    background-size: 100% auto;
    border-radius: 15px;
    color: #235707;
    display: block;
    font-family: "ゴシックMB101 B";
    margin-bottom: 1.5em;
    padding: 3em 0;
    text-shadow: 0 0 15px #ffffff,
                 0 0 15px #ffffff,
                 0 0 15px #ffffff,
                 0 0 15px #ffffff;
    width: 1000px;
}

footer .banner_habikino_city_pool .title {
    font-size: 160%;
}

footer .banner_habikino_city_pool .sub {
  font-size: 100%;
}

footer img {
    max-width: 1000px;
    text-align: center;
    width: 100%;
}

#wrapper main > section > section > dl > dd.news > ul > li > section.note > a:link, a:visited, a:hover, a:active {
  color: #FFF;
}

#menu-posts-post_pool ul {
	display:none;
}

@media (max-width: 1000px) {
  /* 横幅が1000px以下の場合に適用するスタイル */
  body {
    background-size: 100% auto;
    font-size: 16px;
  }

  main dt img {
      width: 90%;
  }



  header .wrapper .header_info {
    bottom: 0.5em;
  }

  main dd .updated_at {
    border-radius: 1.7em;
    height: 3em;
    line-height: 1em;
    padding: 0.2em;
    right: 1.8em;
    top: -2.8em;
    width: 3em;
  }

  main dd .updated_at .mes {
      font-size: 50%;
      text-align: center;
  }

  main dd .updated_at .nd {
      border-bottom: 1px solid #2d5524;
      font-family: "ゴシックMB101 B";
      font-size: 80%;
      margin: 0 0 0.1em;
      padding: 0 0 0.1em;
  }

  main dd .updated_at .hi {
      font-size: 60%;
      text-align: center;
  }

  main .news li section.date {
      font-size: 70%;
  }
  
  main .news li section.title {
      font-family: "新ゴ M";
      font-size: 90%;
  }
  
  main .news li section.note {
    font-size: 80%;
  }

  footer {
    margin: 0;
    width: 100vw;
  }
  
  footer img {	
      height: auto;
      width: 100%;
  }

}