@charset "UTF-8"
html {
    font-size: 100%;
}
body {
        font-family:  "Yu Gothic Medium", "游ゴシック　Medium, Yugothic, "游ゴシック""ヒラノギ角コ゚　Pro W3”,sans-serif;
     line-height: 1.7;
          color: #432
     }   
a  {
    text-decoration: none;    
}
img {
    max-width: 100%;
}
.logo {
      width: 210px;
      margin-top: 14px;
}
.main-nav {
    display: flex;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-top: 34px;
    list-style: none;
}
.main-nav li {
       margin-left: 36px;
}

.main-nav a {
    color: #432;
}
.main-nav a:hover {
    color: #0bd;
}
.page-header {
    display: flex;
    justify-content: space-between;
 }
 .wrapper {
     max-width: 1100px;
     margin: 0 auto;
     padding 0 4%;
 }
 .home-content {
    text-align: center;
    margin-top: 0 auto;
}
.home-content p {
      font-size: 1.125rem;
      margin: 10px 0 42px;
}
.button{
  font-size: 1.375rem;
  background: #0bd;
  color: #fff;
  border-radius: 5px;
  padding: 18px 32px;
}
 .button:hover {
     background: #009aa;
 }
 .big-bg {
     background-size:  cover;
     background-position: center top;
     background-repeat:  no-repeat;
 }
 h3 {
     text-align: center;
 }
 p {
     text-align: center; 
 }
 #news{
    background-image: url(images/main-bg.png);
    height: 270px;
    margin-bottom:  40px;
 }

 footer {
    background: #faf601;
    text-align: center;
    padding: 26px 0;
 }
 footer p {
    color: #000000;
    font-size: 0.875rem;
 }
 .page-title {
    font-size:xx-large;
    text-align: center;
 }
 article{
    width: 74%;
 }
 aside{
    width: 22%;
 }   
.news-contents {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.post-info {
    position: relative;
    padding-top: 4px;
    margin-bottom 40px;
    text-align: justify;
}
article img {
    margin-bottom: 20px;
}
article p {
    margin-bottom: 1rem;
}
.print-1 {
    margin-right: 10%;S
}
.sub-title {
    font-size: 1.375rem;
    padding: 0 8px 8px;
    border-bottom:  2px #0bd solid;
    font-weight: normal;
}
.sub-menu {
    margin-bottom: 60px;
    list-style: none;
}
.sub-menu li {
    border-bottom: 1px #ddd solid;

}
.sub-menu a {
    color: rgb(19, 19, 19);
    padding: 10px;
    display: block;
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #faf601;
    box-shadow: 0px 0px 0px 10px #faf601;
    border: dashed 2px white;
    width:fit-content;
    font-weight:bold;
    
}
.sub-menu a:hover {
    color: #0bd;
}
.sec1  {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.sec1 p {
    margin: 0; 
    padding: 0;
}
.sec2 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}

.sec2 p {
    margin: 0; 
    padding: 0;
    text-align: justify;
}
.sec3 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}

.sec3 p {
    margin: 0; 
    padding: 0;
    text-align: justify;
}


@media (max-width: 600px) {
  .page-title {
    font-size: 2.5rem;
  }

  .main-nav  {
     font-size: 1rem;
      margin-top: 10px;
  }

  .home-content {
      margin-top: 20%;
  }
  .page-header {
      flex-direction:  column;
      align-items:  center;
  }
  .news-contents {
     flex-direction: column;
     }
   article,
   aside {
    width: 100%;
   }  
}
/"入園案内・地図"/
iframe  {
    width: 100%;
}
footer {
  position: sticky;
  bottom: 0;
  width: 100%;
}
footer a {
   color: #000000;
    font-size: 0.875rem;
 }