@charset "utf-8";
/* TOP */
main {
  background: #000;
}
#visual li {
  position: relative;
}
#visual li .photo {
  position: relative;
}
#visual li p {
  position: absolute;
  bottom: 10px;
  left: 20px;
  padding: 0;
}
#top h2 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: 3px;
  font-size: 120%;
  max-width: 1200px;
  text-align: left;
  padding: 0;
  margin: 0 auto 3%;
}
section {
  border-bottom: 1px solid #705c06;
  padding: 2% 0 2%;
}
section:last-of-type {
  border-bottom: none;
}
#S01 .detailBox {
  padding: 0;
}
#S01 .leftBox {
  width: 800px;
}
#S01 .rightBox {
  width: 400px;
}
#S01 .rightBox ul {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
#S01 .rightBox ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 10px;
  width: 100%;
}
#S01 .rightBox ul li:last-of-type {
  margin: 0;
}
#S01 .rightBox ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 80%;
}
#S01 .rightBox ul li img {
  height: 80px;
  margin: 0 15px 0 0;
}
#infoBox {
  height: 188px;
  overflow-y: auto;
  direction: rtl;
  padding: 0 20px;
}
#infoBox > * {
  /* 中身のテキストを左揃え（通常）に戻す設定 */
  direction: ltr;
}
#infoBox .info {
  padding: 2% 1%;
  border-bottom: 1px solid #666;
}
#infoBox .info:last-of-type {
  border-bottom: none;
}
#infoBox .date {
  text-align: left;
  font-size: 80%;
}
#infoBox .detail {
  padding: 0;
}
#infoBox h3 {
  padding: 9px 0;
  margin: 0;
  text-align: left;
}
#S02 .contentsDetail {
  max-width: inherit;
  margin: 0 auto;
}
#featuredBox h3 {
  font-weight: 600;
  font-size: 80%;
  line-height: 1.4em;
  padding: 0;
  margin: 3% 0 4%;
}
#featuredBox p {
  font-size: 70%;
  text-align: center;
}
#S04 ul {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
}
#S04 ul li {
  padding: 0.5%;
  width: calc(100% / 5);
}
#S04 h4 {
  letter-spacing: 1px;
}
#S05 .contactBox {
  background-image: url("/wp-content/themes/original-child/assets/img/top/bg.jpg");
  background-position-y: center;
  background-size: cover;
  background-position-x: center;
  padding: 30px;
}
#S05 .textBox {
  background: #ffffffb5;
  padding: 20px;
}
#S05 p {
  text-align: center;
  color: #000;
  padding: 0;
}
#S05 p a {
  font-size: 200%;
  color: #000;
}
/*----------------------------------------------------------- 1280px */
@media screen and (max-width: 1280px) {
  #S01 .detailBox {
    flex-flow: column;
  }
  #S01 .leftBox {
    width: 100%;
  }
  #infoBox {
    direction: inherit;
    padding: 0 20px 0 0;
  }
  #infoBox > * {
    direction: inherit;
  }
  #infoBox .info {
    padding: 2% 0;
  }
  #S01 .rightBox {
    width: 100%;
    padding: 4% 0 0;
  }
  #S01 .rightBox ul {
    flex-flow: inherit;
    justify-content: space-between;
  }
}
/*----------------------------------------------------------- 1024px */
@media screen and (max-width: 1024px) {
  #S01 .rightBox ul {
    flex-flow: column;
  }
  #S01 .rightBox ul li {
    border-top: 1px dotted #595555;
  }
  #S04 ul {
    display: flex;
  }
  #S04 ul li {
    padding: 0.5%;
    width: calc(100% / 3);
  }
}
/*----------------------------------------------------------- 840px */
@media screen and (max-width: 840px) {
  #top h2 {
    letter-spacing: 1px;
    font-size: 100%;
  }
  #featuredBox ul li {
    width: calc(100% / 2);
  }
  #featuredBox h3 {
    text-align: left;
  }
  #featuredBox p {
    text-align: left;
  }
  #S04 ul li {
    padding: 1%;
    width: calc(100% / 2);
  }
}
/*----------------------------------------------------------- 640px */
@media screen and (max-width: 640px) {}