.stickFooter {
  position: fixed;
  bottom: 5px;
  left: 0;
  z-index: 9999;
  width: 100%;
    text-align: center;
    height: 50px;
}
.content .FooterBtn{
padding-top: 17px;
}

.content .FooterBtn a {
  color: #fff;
  margin: 0 0.5rem;
  padding: 12px;
  background: var(--btnred);
  box-shadow: 0px 4px 0px #b70303;
  border-radius: 3rem;
}

.center {
  text-align: center;
}
.school_doc ~ h2 {
  background: #125eae !important;
  border-radius: 3px;
}

.school_doc h2,
.school_doc dt,
.school_doc dd,
.school_doc p {
  font-size: 1rem;
}
.sc_heading.bborder.blue,
i.fa {
  margin-top: 0px;
  border-color: #0f5eaf;
  color: #0f5eaf;
}

/* {
  color: #0f5eaf;
} */
.spec dd {
  color: black;
  border: none;
  padding: 0px 30px 0px;
}
img.school_skills {
  max-width: 80px;
  margin-right: 5px;
}
img.school_skills.gray {
  -webkit-filter: grayscale(100%) opacity(0.5);
  -moz-filter: grayscale(100%) opacity(0.5);
  -ms-filter: grayscale(100%) opacity(0.5);
  -o-filter: grayscale(100%) opacity(0.5);
  filter: grayscale(100%) opacity(0.5);
}

.content .school_doc dl,
.content .school_doc_loop dl {
  margin-bottom: 0px;
}

.content .school_doc p {
  padding: 0em;
}
.box26 p {
  margin: 0;
  padding: 10px 0 0 0;
}

.box26 {
  position: relative;
  margin: 2em;
  padding: 1.5em 1em 0.5em 2em;
  border: solid 3px #0f5eaf;
  border-radius: 8px;
  font-size: 1rem;
}
.box26 .box-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #fff;
  color: #0f5eaf;
  font-weight: bold;
  letter-spacing: 5px;
}
.single-post-main {
  padding: 0px 20px;
}
.single-post-main .content {
  font-size: 16px;
}
.single-post-main .content p {
  padding: 0 0 1em;
}

.newBtnRed:after {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: kirari 3s ease-in-out infinite;
}
.newBtnRed {
  height: 94px;
  position: relative;
  overflow: hidden;
  animation: move 2s infinite alternate;
  margin-bottom: 18px;
}
.newBtnRed a {
  display: flex;
  margin: 0 0.5rem;
  padding: 0 2rem;
  background: var(--btnred);
  box-shadow: 0px 4px 0px #b70303;
  border-radius: 3rem;
  justify-content: space-between;
  text-decoration: none;
  height: 70%;
  align-items: center;
}

#single-main .horizontal-item .newBtnRed a,
#single-main .horizontal-item .newBtnBlue a {
  justify-content: center;
}

.content .newBtnRed a {
  color: var(--white);
  font-weight: bold;
  font-size: 1.4rem;
  display: flex;
  line-height: 1.1;
  justify-content: center;
}
.newBtnRed:hover {
  animation: none;
}

.newBtnBlue:after {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
}
.newBtnBlue {
  height: 94px;
  position: relative;
  overflow: hidden;
}
.newBtnBlue {
  margin-bottom: 18px;
}

.newBtnBlue a {
  display: flex;
  margin: 0 0.5rem;
  padding: 0 2rem;
  background: var(--btnblue);
  box-shadow: 0px 4px 0px #030db7;
  border-radius: 3rem;
  justify-content: space-between;
  text-decoration: none;
  height: 70%;
  align-items: center;
}

.content .newBtnBlue a {
  color: var(--white);
  font-weight: bold;
  font-size: 1.4rem;
  display: flex;
  line-height: 1.1;
  justify-content: center;
}
.newBtnBlue:hover {
  animation: none;
}
.fa-chevron-right:before {
  margin-left: 20px;
}
:root {
  --main: #02a4d3;
  --white: #fff;
  --btnred: linear-gradient(180deg, #f7511d 50%, #e8430e 50%);
  --btnblue: linear-gradient(180deg, #1d66f7 50%, #0d5eba 50%);
}

.school_doc_loop h2.sc_heading {
  padding: 0px;
  margin: 0px;
}

.school_doc_loop dt,
.school_doc_loop dd,
.school_doc_loop p {
  font-size: 1rem;
}

.content .school_doc_loop p {
  padding: 0em;
}

.content .school_doc_loop .box26 p {
  padding: 10px 0 0 0;
}

.school_doc_loop .single-post-main {
  padding: 0px 40px;
}
.school_doc_loop {
  margin-top: 30px;
  padding: 10px;
  border: 1px solid #817f7f;
  border-radius: 3px;
}
.bold {
  font-size: 1.1rem;
  font-weight: bold;
}

.school_doc th.diver_review_table,
.school_doc_loop th.diver_review_table {
  width: 225px;
  text-align: left;
}

.box-title:before,
.box-title:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 3px;
  border-radius: 3px;
  background-color: #0f5eaf;
  content: "";
}
.box-title:before {
  left: -10px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}
.box-title:after {
  right: 0;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.content .review_img img {
  width: 70px;
  float: left;
  margin: 0 10px 0 0;
}

span.review_title {
  font-size: 1rem;
  font-weight: bold;
  display: block;
}

span.review_age {
  font-size: 1rem;
  color: #333;
  margin-left: 5px;
  clear: both;
}

span.review_comment {
  font-size: 1rem;
  display: block;
  line-height: 1.5rem;
}

.review_box {
  border: 1px solid #bbb;
  border-radius: 5px;
  padding: 19px;
  line-height: 1.4rem;
}
.flex {
  display: flex;
}

.topmargin {
  margin-top: 40px !important;
}
.content .school_doc h2 {
  background: #125eaf;
  border-radius: 3px;
}
.content .school_doc table,
.content .school_doc_loop table {
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 7px;
  overflow: hidden;
  width: 100%;
}
h2.topmargin br {
  display: none;
}

.horizontal-list {
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  font-size: 0.7rem;
}

/* TOPページ */

.horizontal-item .hide {
  display: none;
}

.horizontal-item {
  /* 横スクロール用 */
  border-radius: 6px;
  min-width: 450px;
  max-width: 450px;
  margin: 16px;
  border: 1px solid #999;
  padding: 10px;
}

.horizontal-item .rank_title,
.content .rank_title {
  font-size: 0.8rem;
}

.content .horizontal-item p {
  font-size: 0.8rem;
  padding: 10px;
  white-space: break-spaces;
}

.horizontal-item p.bold {
  font-size: 0.8rem;
  font-weight: bold;
  white-space: normal;
  line-height: 2em;
}

#single-main .horizontal-item p.bold {
  margin: 30px 0;
}

.horizontal-item .newBtnBlue,
.horizontal-item .newBtnRed {
  height: 55px;
}

.horizontal-item .newBtnBlue a,
.horizontal-item .newBtnRed a {
  font-size: 1rem;
  color: #fff;
}

.horizontal-item .rank_title ~ img {
  max-height: 180px;
  object-fit: cover;
  width: 100%;
}

.horizontal-item img.school_skills {
  width: 64px;
}
.reco-btn .button.btn.block {
  background: #ffffff;
  font-weight: bold;
  color: #1ba0ff;
  padding: 10px;
  width: 80%;
  margin: auto;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid #1ba0ff;
  font-size: 0.9rem;
}

.hide {
  display: none;
}
.block {
  white-space: break-spaces;
}
.btn > img {
  margin: 0 0 6px 10px;
  width: 30px;
}
.content .rec-box h3 {
  border: none;
  color: #333;
}
.fullpage .content p {
  padding: 5px 10px 5px 10px;
}

.content h2.non_rank_title {
  background: unset;
  color: #333;
  font-size: 1rem;
}

a.full {
  width: 90%;
  font-size: 0.9rem;
}

.widget.widget_block > h2 {
  background: #0f5eaf;
  border-radius: 3px;
  font-size: 1.2rem;
}
.pc-non {
  display: none;
}

/* カード */
.card {
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  height: 100%;
}
.card img {
  width: 170px;
  float: left;
  padding: 10px 20px 10px 10px;
  margin-bottom: 0px;
}

.fullpage .content .card p.card_results {
  font-size: 0.8rem;
}

.clear {
  clear: both;
}

p.card_dis {
  font-size: 0.9rem;
}

.card .newBtnBlue,
.card .newBtnRed {
  height: 60px;
}
.card .newBtnBlue a,
.card .newBtnRed a {
  font-size: 0.9rem;
}
p.card_dis.marginbottom {
  margin-bottom: 15px;
}
.content .card h2.non_rank_title {
  margin: 0px;
}

@keyframes kirari {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@keyframes move {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(7px);
  }
}

@media only screen and (max-device-width: 480px) {
  /* スマホ用のCSS */
  /* h2.topmargin br {
    display: block;
  } */
  .box26 {
    margin: 1em 0em;
  }
  .pc-non {
    display: block;
  }
  .horizontal-item {
    /* 横スクロール用 */
    min-width: 330px;
  }

  .school_doc_loop img.school_skills {
    max-width: 26%;
    margin: 5px;
  }
  .newBtnBlue a,
  .newBtnRed a {
    width: 96%;
    height: 60%;
    font-size: 1rem;
  }
  img.school_skills {
    max-width: 26%;
    margin: 5px;
  }
  .newBtnBlue,
  .newBtnRed {
    margin-bottom: 0px;
  }

  .school_doc td.diver_review_table,
  .school_doc_loop td.diver_review_table {
    border: none;
  }

  .school_doc .diver_review_table tr,
  .school_doc_loop .diver_review_table tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #afafaf;
  }

  .spec dd {
    padding: 0px;
  }

  .spec table.diver_review_table {
    width: 100%;
  }

  .school_doc th.diver_review_table,
  .school_doc_loop th.diver_review_table {
    width: 100%;
    text-align: left;
  }

  .content .newBtnRed a {
    font-size: 1.2rem;
  }
  .content .newBtnBlue a {
    font-size: 1rem;
  }
  .flex {
    display: block;
  }
  .rank_h:before,
  .content .rank_h::before {
    width: 65px;
  }
  .has-text-align-center {
    text-align: left;
  }
  :root {
    font-size: 14px;
  }

  .content h2 {
    background: #0f5eaf;
    border-radius: 0px;
    font-size: 1.1rem;
  }

  .single-post-main .content {
    font-size: 0.9rem;
  }
  .content .rec-box h3 {
    font-size: 1rem;
  }
}