@charset "utf-8";
/* 会員限定ページ */
@import url(plan.css);
main {
  background-image: url("/wp-content/themes/original-child/assets/img/bg_member.png");
  background-size: cover;
  background-position-x: center;
}
#planListBox ul li {
  background: #a59351;
  width: calc(100% / 3 - 22px);
  border: 1px solid #aaa;
}
#planListBox ul li a {
  background: #a59351;
  background: linear-gradient(180deg, rgb(194, 178, 125) 0%, rgb(204 191 140) 3%, rgb(133, 111, 50) 96%, rgba(95, 79, 34, 1) 100%);
  border: 1px solid #fff;
}
#loginBox {
  background: #ffffffb5;
  padding: 50px 20px 60px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin: 5% 5% 0;
}
#loginBox h2 {
  text-align: center;
  padding: 0;
}
#loginBox h3 {
  text-align: center;
}
#loginBox p {
  padding: 0px 0 20px;
  text-align: center;
  line-height: 1.8em;
}
#loginBox .cvBtnBox ul li a {
  display: block;
  padding: 18px 0;
  width: 300px;
  background: #8c9c91;
  letter-spacing: 8px;
  text-indent: 8px;
  font-size: 120%;
}
#loginBox form {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 0 0 30px;
}
#loginBox input {
  display: block;
  width: 300px;
  padding: 20px;
  margin: 0;
  box-sizing: border-box;
}
#loginBox ::placeholder {
  text-align: center;
}
#loginBox input[type="password"] {
  border: 1px solid #d5dde5;
  margin: 0 0 5px;
  font-size: 90%;
}
#loginBox input[type="password"]:focus {
  background-color: #f6f8e6;
  outline: none;
}
#loginBox input[type="submit"] {
  cursor: pointer;
  border: none;
  font-size: 110%;
  background: #948045;
  color: #fff;
  letter-spacing: 6px;
  text-indent: 6px;
}
#loginBox .detail {
  padding: 0 0 20px;
}
#loginBox p.error {
  color: #cc0000;
  font-weight: 700;
}
#S02 {
  padding: 0 0 50px;
}
.pageTitle h2 {
  padding: 20px 0;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 160%;
  letter-spacing: 5px;
  text-align: center;
  background: #333;
  margin: 0;
}

main h3 strong {
  color: #ba2d2d;
  font-size: 120%;
}
#S02 .flexBox3 ul li {
  padding: 5px;
}
#S02 h3 {line-height: 2em;}

#S02 h4::before {
  content: "▼";
}
#S02 h4::after {
  content: "▼";
}
#S02 iframe {
  width: 1140px;
  height: 855px;
}
/*----------------------------------------------------------- 1200px */
@media screen and (max-width: 1200px) {
  #S02 iframe {
    width: 95%;
  }
  #planListBox ul li {
    width: calc(100% / 2 - 22px);
  }
}
/*----------------------------------------------------------- 768px */
@media screen and (max-width: 768px) {
#S02 h3 {
    font-size: 100%;
}
#S02 h4 {
    font-size: 100%;
}

  #S02 iframe {
    width: 95%;
    height: 540px;
  }
}
/*----------------------------------------------------------- 680px */
@media screen and (max-width: 680px) {
  #loginBox .detail:nth-of-type(2) p {
    text-align: left;
  }
}
/*----------------------------------------------------------- 640px */
@media screen and (max-width: 640px) {
  #planListBox ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #planListBox ul li {
    width: calc(100%);
  }
  .pageTitle h2 {
    font-size: 110%;
    padding: 15px 15px;
    line-height: 1.4em;
  }
}

/*----------------------------------------------------------- 580px */
@media screen and (max-width: 580px) {
#S02 h4 {text-align: center;}

#S02 h4::before {
  content: "";
}
#S02 h4::after {
  content: "▼";
  display: block;
}
#S02 h3 br.pc {display: none;}
#S02 h4 br.sp {display: inline;}

}