@charset "UTF-8";
body.custom-background {
  background-color: #2A2A2A !important;
}
@media (max-width: 700px) {
  body.custom-background {
    background-size: 156% !important;
  }
}

body.home #content {
  background-color: transparent;
}

.site-title,
.site-header #main-menu.navbar-default .navbar-nav > li > a {
  text-transform: capitalize;
}

body {
  font-family: Rufina, ヒラギノ明朝 ProN W6, HiraMinProN-W6, HG明朝E, ＭＳＰ明朝, MS PMincho;
}
body.home .site-title, body.home .site-description, body.home .navbar-nav > li > a, body.home .navbar-default .navbar-nav > li > a {
  color: #fff;
}
body .site-title, body .site-description, body .navbar-nav > li > a, body .navbar-default .navbar-nav > li > a {
  color: #dedede;
}
body .navbar.on .site-title, body .navbar.on a {
  color: #fff !important;
}
body.custom-background {
  background-image: none !important;
}
body.custom-background.home {
  background-image: url(https://permian.tokyo/wp-content/uploads/2023/04/home5.jpg) !important;
}
body #headline .caption-wrapper {
  padding-bottom: 0px !important;
  padding-top: 113px;
}
@media (max-width: 767px) {
  body #headline .caption-wrapper {
    padding-top: 77px;
  }
}
body #headline h1 {
  font-size: 28px;
  margin-bottom: 13px !important;
  font-weight: normal;
}
body .navbar-fixed-bottom, body .navbar-fixed-top {
  z-index: 99999999;
}
body #main-menu.navbar-default {
  background-color: #2a2a2a !important;
  border-bottom: 1px solid #747474 !important;
}
body .navbar-default .navbar-brand {
  color: #fff;
}
body .navbar-toggle:hover > .icon-bar {
  background-color: #ffffff;
}
body .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
body .navbar.navbar-default.navbar-fixed-top.on {
  border-bottom: 1px solid #747474;
}
body .navbar-collapse {
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
body .navbar-brand {
  font-weight: normal;
}
body .entry-content {
  margin-top: 0;
}
body.page-id-244 #headline h1 {
  margin-bottom: 0 !important;
}
body #main-menu {
  padding: 0;
}

.preparation {
  margin: 150px auto;
  width: 90%;
  max-width: 1000px;
}

#menu-item-2639 a {
  color: #0c0c0c;
}

#cmmn_none {
  background: #2a2a2a;
}

#cmmn_none_touch {
  background: #2a2a2a;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

main {
  font-family: Rufina, ヒラギノ明朝 ProN W6, HiraMinProN-W6, HG明朝E, ＭＳＰ明朝, MS PMincho;
}

.mr_20 {
  margin-right: 20px;
}

.schedule .title {
  margin-bottom: 29px;
}
.schedule .title span {
  margin-right: 0.5em;
}

.top_text {
  margin-bottom: 25px;
}

.top_wrap {
  margin-bottom: 25px;
  border-bottom: 1px solid #7a7a7a;
}

.title_box {
  position: relative;
}
.title_box .page_nav {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 245px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.title_box .prev_link, .title_box .next_link {
  color: #b6b160;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.title_box .prev_link:hover, .title_box .next_link:hover {
  opacity: 0.6;
}
.title_box .prev_link::before, .title_box .next_link::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  border-top: solid 2px;
  border-right: solid 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.title_box .prev_link {
  padding-left: 10px;
}
.title_box .prev_link::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.title_box .next_link {
  padding-right: 10px;
}

.term_title {
  font-size: 30px;
  color: #339966;
  margin-bottom: 0.75em;
}

.term_list {
  margin-bottom: 2.5em;
}
.term_list li {
  margin-bottom: 10px;
}
.term_list a {
  font-family: Rufina, ヒラギノ明朝 ProN W6, HiraMinProN-W6, HG明朝E, ＭＳＰ明朝, MS PMincho;
}

#page #content .sp-easy-accordion {
  max-width: 600px;
  margin-top: -75px;
  bottom: -27px;
  position: relative;
}
#page #content .sp-easy-accordion > .sp-ea-single {
  border: none;
  background: none;
  margin-bottom: 0;
}
#page #content .sp-easy-accordion > .sp-ea-single > .ea-header a {
  color: #fff;
}
#page #content .sp-easy-accordion > .sp-ea-single > .ea-header a .ea-expand-icon.fa {
  position: absolute;
  left: 250px;
  top: 2px;
  color: #cc99ff;
  font-size: 10px;
}
#page #content .sp-easy-accordion > .sp-ea-single .ea-body {
  padding: 7px 0 15px;
  background: none;
  color: #fff;
}

.margin-bottom {
  margin-bottom: 15px;
}

/*  xx モーダル表示 ------------------- */
.xx {
  display: none;
  width: 45px;
  height: 45px;
  position: fixed;
  margin-left: auto;
  cursor: pointer;
  z-index: 100000001;
  border-radius: 5px;
  top: 10%;
  right: 10%;
}
@media only screen and (max-width: 960px) {
  .xx {
    top: 2.5%;
    right: 2.5%;
  }
}
.xx::before, .xx::after {
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  margin: -1px auto 0;
  background: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.xx::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  top: 50%;
}
.xx::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  top: 50%;
}

.burger.active {
  display: block;
}

.fftOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.88);
  z-index: 100000000;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.fftOverlay.active {
  display: block;
  cursor: pointer;
}

/*  拡大縮小 ------------------- */
.zoom {
  width: auto;
  height: auto;
  border: 1px #cecece solid;
  position: fixed;
  top: 70px;
  left: 2.5%;
  z-index: 99999998;
  background: #2a2a2a;
}
.zoom span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
}
.zoom span::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background: #cecece;
  display: block;
}
.zoom span.plus {
  border-bottom: 1px solid #cecece;
}
.zoom span.plus::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  background: #cecece;
  display: block;
}

/*  fft ------------------- */
.fft {
  position: relative;
  max-width: calc((100vh - 51px) * 0.95);
  width: 95vw;
  max-height: calc((100vh - 51px) * 0.95);
  height: 95vw;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute;
  /*  拡大縮小 ------------------- */
}
.fft.zoom_plus {
  max-width: calc((100vh - 51px) * 0.95 * 2);
  max-height: calc((100vh - 51px) * 0.95 * 2);
  width: 200vh;
  height: 200vh;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 5vh auto;
  overflow: auto;
}
@media only screen and (max-width: 600px) {
  .fft.zoom_plus {
    max-width: calc((100vh - 51px) * 0.95 * 3);
    max-height: calc((100vh - 51px) * 0.95 * 3);
    width: 300vh;
    height: 300vh;
  }
}
.fft.zoom_plus.zoom_plus_02 {
  max-width: calc((100vh - 51px) * 0.95 * 3);
  max-height: calc((100vh - 51px) * 0.95 * 3);
  width: 300vh;
  height: 300vh;
}
@media only screen and (max-width: 600px) {
  .fft.zoom_plus.zoom_plus_02 {
    max-width: calc((100vh - 51px) * 0.95 * 4);
    max-height: calc((100vh - 51px) * 0.95 * 4);
    width: 600vh;
    height: 600vh;
  }
}
.fft.zoom_plus.zoom_plus_03 {
  max-width: calc((100vh - 51px) * 0.95 * 4);
  max-height: calc((100vh - 51px) * 0.95 * 4);
  width: 400vh;
  height: 400vh;
}
@media only screen and (max-width: 600px) {
  .fft.zoom_plus.zoom_plus_03 {
    max-width: calc((100vh - 51px) * 0.95 * 5);
    max-height: calc((100vh - 51px) * 0.95 * 5);
    width: 900vh;
    height: 900vh;
  }
}
.fft > div {
  width: 97%;
  height: 97%;
  position: relative;
}
.fft_box {
  position: absolute;
  background: #fff;
  cursor: pointer;
}
.fft_box .fft_txt {
  display: none;
  position: relative;
  color: #000;
  width: 70%;
  margin: auto;
  max-width: 700px;
  background: #fff;
  padding: 30px;
  top: 80px;
}
.fft_box .fft_txt::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 80px;
  bottom: -80px;
  right: 0;
  left: 0;
  margin: auto;
}
@media only screen and (max-width: 600px) {
  .fft_box .fft_txt {
    padding: 5%;
    width: 90%;
  }
}
.fft_box img {
  display: block;
  width: 90.5%;
  background: #fff;
  margin: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fft_box img:hover {
  background-color: rgba(204, 204, 204, 0.58);
}
.fft_box.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: auto;
  z-index: 100000001;
  width: 100%;
  height: 100%;
  cursor: unset;
  overflow: auto;
  background: rgba(0, 0, 0, 0.44);
}
.fft_box.active img {
  display: none;
}
.fft_box.active .fft_txt {
  display: block;
}

.fi1 {
  top: 2.5%;
  left: 0;
  width: 14.2857142857%;
  height: 12%;
}

.fi2 {
  top: 2.5%;
  left: 14.2857142857%;
  width: 14.2857142857%;
  height: 12%;
}

.fi3 {
  top: 2.5%;
  left: 28.5714285714%;
  width: 14.2857142857%;
  height: 12%;
}

.fi4 {
  top: 2.5%;
  left: 42.8571428571%;
  width: 14.2857142857%;
  height: 12%;
}

.fi5 {
  top: 2.5%;
  left: 57.1428571429%;
  width: 14.2857142857%;
  height: 12%;
}

.fi6 {
  top: 2.5%;
  left: 71.4285714286%;
  width: 14.2857142857%;
  height: 12%;
}

.fi7 {
  top: 2.5%;
  left: 85.7142857143%;
  width: 14.2857142857%;
  height: 12%;
}

.fi8 {
  top: 14%;
  left: 0;
  width: 19%;
  height: 4.7%;
}

.fi9 {
  top: 14%;
  left: 19%;
  width: 31%;
  height: 4.7%;
}

.fi10 {
  top: 14%;
  left: 50%;
  width: 31%;
  height: 4.7%;
}

.fi11 {
  top: 14%;
  left: 81%;
  width: 19%;
  height: 4.7%;
}

.fi12 {
  top: 19.2%;
  left: 0;
  width: 19%;
  height: 19%;
}

.fi13 {
  top: 19.2%;
  left: 19%;
  width: 19%;
  height: 9.5%;
}

.fi14 {
  top: 19.2%;
  left: 38%;
  width: 24%;
  height: 9.5%;
}

.fi15 {
  top: 19.2%;
  left: 62%;
  width: 19%;
  height: 9.5%;
}

.fi16 {
  top: 19.2%;
  left: 81%;
  width: 19%;
  height: 19%;
}

.fi17 {
  top: 28.7%;
  left: 19%;
  width: 9.5%;
  height: 9.5%;
}

.fi18 {
  top: 28.7%;
  left: 28.5%;
  width: 9.5%;
  height: 14.2%;
}

.fi19 {
  top: 28.5%;
  left: 38%;
  width: 24%;
  height: 4.7%;
}

.fi20 {
  top: 28.7%;
  left: 62%;
  width: 9.5%;
  height: 14.2%;
}

.fi21 {
  top: 28.7%;
  left: 71.5%;
  width: 9.5%;
  height: 9.5%;
}

.fi22 {
  top: 38%;
  left: 0;
  width: 28.5%;
  height: 4.7%;
}

.fi23 {
  top: 33.4%;
  left: 38%;
  width: 12%;
  height: 14.4%;
}

.fi24 {
  top: 33.4%;
  left: 50%;
  width: 12%;
  height: 14.4%;
}

.fi25 {
  top: 38%;
  left: 71.5%;
  width: 28.5%;
  height: 4.7%;
}

.fi26 {
  top: 43.3%;
  left: 0;
  width: 19%;
  height: 14.4%;
}

.fi27 {
  top: 42.9%;
  left: 19%;
  width: 9.5%;
  height: 9.5%;
}

.fi28 {
  top: 42.9%;
  left: 28.5%;
  width: 9.5%;
  height: 4.9%;
}

.fi29 {
  top: 48.8%;
  left: 36.5%;
  width: 28%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  pointer-events: none;
}
.fi29 img {
  width: 57%;
}

.fi30 {
  top: 42.9%;
  left: 62%;
  width: 9.5%;
  height: 4.9%;
}

.fi31 {
  top: 42.9%;
  left: 71.5%;
  width: 9.5%;
  height: 9.5%;
}

.fi32 {
  top: 43.3%;
  left: 81%;
  width: 19%;
  height: 14.4%;
}

.fi33 {
  top: 52.4%;
  left: 19%;
  width: 9.5%;
  height: 4.9%;
}

.fi34 {
  top: 47.8%;
  left: 28.5%;
  width: 9.5%;
  height: 9.5%;
}

.fi35 {
  top: 47.8%;
  left: 62%;
  width: 9.5%;
  height: 9.5%;
}

.fi36 {
  top: 52.4%;
  left: 71.5%;
  width: 9.5%;
  height: 4.9%;
}

.fi37 {
  top: 57.3%;
  left: 0;
  width: 28.5%;
  height: 4.7%;
}

.fi38 {
  top: 57.3%;
  left: 28.5%;
  width: 9.5%;
  height: 14.2%;
}

.fi39 {
  top: 52.4%;
  left: 38%;
  width: 12%;
  height: 14.4%;
}

.fi40 {
  top: 52.4%;
  left: 50%;
  width: 12%;
  height: 14.4%;
}

.fi41 {
  top: 57.3%;
  left: 62%;
  width: 9.5%;
  height: 14.2%;
}

.fi42 {
  top: 57.3%;
  left: 71.5%;
  width: 28%;
  height: 4.7%;
}

.fi43 {
  top: 62.7%;
  left: 0%;
  width: 19%;
  height: 19%;
}

.fi44 {
  top: 62%;
  left: 19%;
  width: 9.5%;
  height: 9.5%;
}

.fi45 {
  top: 66.3%;
  left: 38%;
  width: 24%;
  height: 4.7%;
}

.fi46 {
  top: 62%;
  left: 71.5%;
  width: 9.5%;
  height: 9.5%;
}

.fi47 {
  top: 62.7%;
  left: 81%;
  width: 19%;
  height: 19%;
}

.fi48 {
  top: 71.5%;
  left: 19%;
  width: 19%;
  height: 9.5%;
}

.fi49 {
  top: 71.5%;
  left: 38%;
  width: 24%;
  height: 9.5%;
}

.fi50 {
  top: 71.5%;
  left: 62%;
  width: 19%;
  height: 9.5%;
}

.fi51 {
  top: 81%;
  left: 0;
  width: 19%;
  height: 4.7%;
}

.fi52 {
  top: 81%;
  left: 19%;
  width: 31%;
  height: 4.7%;
}

.fi53 {
  top: 81%;
  left: 50%;
  width: 31%;
  height: 4.7%;
}

.fi54 {
  top: 81%;
  left: 81%;
  width: 19%;
  height: 4.7%;
}

.fi55 {
  top: 86%;
  left: 0%;
  width: 14.2857142857%;
  height: 12.5%;
}

.fi56 {
  top: 86%;
  left: 14.2857142857%;
  width: 14.2857142857%;
  height: 12.5%;
}

.fi57 {
  top: 86%;
  left: 28.5714285714%;
  width: 14.2857142857%;
  height: 12.5%;
}

.fi58 {
  top: 86%;
  left: 42.8571428571%;
  width: 14.2857142857%;
  height: 12.5%;
}

.fi59 {
  top: 86%;
  left: 57.1428571429%;
  width: 14.2857142857%;
  height: 12.5%;
}

.fi60 {
  top: 86%;
  left: 71.4285714286%;
  width: 14.2857142857%;
  height: 12.5%;
}

.fi61 {
  top: 86%;
  left: 85.7142857143%;
  width: 14.2857142857%;
  height: 12.5%;
}/*# sourceMappingURL=custom.css.map */