/* 幼稚園からのお知らせ */
div.news{
  width: 100%;
  padding: 0 14px 0;
  margin: 0 auto 80px;
}
div.news ul{
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 0;
}
div.news ul li{
  width: 100%;
  border-bottom: 1px dotted #CFC0B3;
  margin: 0 auto 0;
}
div.news ul li a{
  color: #6D5B4C;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 16px 14px 16px;
}
div.news ul li a p.date{
  margin: 0 14px 10px 0;
}
div.news ul li a span.icon{
  width: 140px;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  padding: 4px 0 4px;
  margin: 0 0 10px 0;
}

/* icon-color */
span.icon.important{
  background-color: #FF8080;
}
span.icon.acorn{
  background-color: #91BF26;
}
span.icon.tanpopo{
  background-color: #FF8D29;
}
span.icon.guide{
  background-color: #6D5B4C;
}


div.news ul li a p.title{
  width: 100%;
}




/* pagenation */
div.page-list{
  width: 100%;
  padding: 0 14px;
  margin: 0 auto 80px;
}
div.page-list h2{
  display: none;
}
div.page-list div.nav-links{
  display: flex;
  align-items: center;
  justify-content: center;
}
div.page-list div.nav-links a,
div.page-list div.nav-links span{
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 34px;
  font-weight: bold;
  text-align: center;
  color: #91BF26;
  border: 2px solid #91BF26;
  border-radius: 50px;
  margin-right: 10px;

  cursor: pointer;
}
div.page-list div.nav-links a.prev::after{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #91BF26;
  border-bottom: 2px solid #91BF26;
  transform: rotate(45deg);
}
div.page-list div.nav-links a.next{
  margin-right: unset;
}
div.page-list div.nav-links a.next::before{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #91BF26;
  border-right: 2px solid #91BF26;
  transform: rotate(45deg);
}
div.page-list div.nav-links span.current{
  background-color: #91BF26;
  color: #fff;
}
div.page-list div.nav-links span.dots{
  border: unset;
}

/* || single */
div.single-detail{
  width: 100%;
  padding: 0 14px 0;
  margin: 0 auto 80px;
}
div.single-detail div.title{
  width: 100%;
  max-width: 1280px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  background-color: #F6F3E7;
  border-radius: 50px;
  padding: 20px 50px;
  margin: 0 auto 50px;
}
div.single-detail div.title span.icon{
  width: 140px;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  padding: 4px 0 4px;
  margin: 0 12px 6px 0;
}
div.single-detail div.title p.date{
  margin: 0 0 6px 0;
}

div.single-detail div.title h1{
  width: 100%;
  font-size: 1.5em;
  font-weight: bold;
}

div.single-detail div.content{
  width: 100%;
  max-width: 1280px;
  border-bottom: 1px dotted #6c5a4b;
  padding: 0 50px 30px;
  margin: 0 auto 50px;
}
div.single-detail div.content p{
  line-height: 30px;
  margin: 0 auto 50px;
}
div.single-detail div.content div.picture{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
div.single-detail div.content div.picture figure{
  width: calc(96%/3);
  background-color: #F6F3E7;
  margin: 0 2% 20px 0;
}
div.single-detail div.content div.picture figure:nth-of-type(3n){
  margin-right: 0;
}
div.single-detail div.content div.picture figure img{
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 380px;
}

div.single-detail div.pagination{
  width: 100%;
  max-width: 1180px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 50px;
}
div.single-detail div.pagination a{
  display: block;
  color: #6c5a4b;
}
div.single-detail div.pagination a.prev::before{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #6c5a4b;
  border-bottom: 2px solid #6c5a4b;
  transform: rotate(45deg);
  margin-right: 10px;
}
div.single-detail div.pagination a.next::after{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #6c5a4b;
  border-right: 2px solid #6c5a4b;
  transform: rotate(45deg);
  margin-left: 10px;
}
div.single-detail a.back-btn{
  display: block;
  width: 100%;
  max-width: 300px;
  text-align: center;
  color: #91BF26;
  border: 1px solid #91BF26;
  border-radius: 50px;
  padding: 18px 0;
  margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
  div.single-detail div.title h1{
    font-size: 1.25em;
  }
  div.single-detail div.title{
    border-radius: 20px;
    padding: 20px 20px;
    margin: 0 auto 20px;
  }
  div.single-detail div.content{
    padding: 0 0 20px;
  }
  div.single-detail div.content p{
    line-height: 26px;
  }
  div.single-detail div.content div.picture figure{
    width: calc(98%/2);
    background-color: #F6F3E7;
    margin: 0 2% 10px 0;
  }
  div.single-detail div.content div.picture figure:nth-of-type(3n){
    margin-right: 2%;
  }
  div.single-detail div.content div.picture figure:nth-of-type(2n){
    margin-right: 0;
  }
}
@media screen and (max-width: 430px){
  div.single-detail div.content div.picture figure{
    width: 100%;
    background-color: #F6F3E7;
    margin: 0 0 10px 0;
  }
  div.single-detail div.content div.picture figure:nth-of-type(3n){
    margin-right: 0;
  }
}