@charset "utf-8";
/*
Theme Name: one-page-express-child
Template: one-page-express
Description: one-page-expressの子テーマ
Author: B24
*/
/*Oswald*/
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap);
/*Roboto*/
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,900&display=swap);
/*GLOBAL*/
body {
  /*font: normal normal 300 18px/130% "Source Sans Pro", sans-serif;*/
  /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
  font-family: Helvetica Neue, Helvetica, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, Verdana, sans-serif !important;
}
a:hover {
  text-decoration: none !important;
}
a:visited {
  text-decoration: none !important;
}
/*GLOBAL NAV*/
#drop_mainmenu > li > a {
  padding: 30px 0 20px !important;
}
/*FONT*/
.logo_col a.text-logo {
  font-family: 'Oswald', sans-serif;
  text-shadow: 3px 3px 2px rgba(0, 0, 0, .4);
  font-size: 1.8em;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+1) .features-coloured-icon-boxes-iconcontainer, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+2) .features-coloured-icon-boxes-iconcontainer, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+3) .features-coloured-icon-boxes-iconcontainer, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+4) .features-coloured-icon-boxes-iconcontainer, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+1) a.features-coloured-button, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+2) a.features-coloured-button, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+3) a.features-coloured-button, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+4) a.features-coloured-button {
  background: linear-gradient(#a9a6a6, #111) !important;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+1) .features-coloured-icon-boxes-iconcontainer:hover, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+2) .features-coloured-icon-boxes-iconcontainer:hover, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+3) .features-coloured-icon-boxes-iconcontainer:hover, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+4) .features-coloured-icon-boxes-iconcontainer:hover, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+1) a.features-coloured-button:hover, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+2) a.features-coloured-button:hover, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+3) a.features-coloured-button:hover, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+4) a.features-coloured-button:hover {
  background-color: #333 !important;
}
.features-coloured-icon-boxes-featurecol:nth-of-type(4n+1) a.features-coloured-button:visited, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+2) a.features-coloured-button:visited, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+3) a.features-coloured-button:visited, .features-coloured-icon-boxes-featurecol:nth-of-type(4n+4) a.features-coloured-button:visited {
  color: #fff !important;
}
/*FONT SIZE*/
.txt-small {
  font-size: 80% !important;
}
.txt-big {
  font-size: 120% !important;
}
.txt-bigger {
  font-size: 140% !important;
}
.txt-biggest {
  font-size: 160% !important;
}
/*FONT WEIGHT*/
.txt-bld {
  font-weight: bold;
}
.txt-nml {
  font-weight: normal;
}
/*FONT COLOR*/
.txt-red {
  color: #f00 !important;
}
/*MARGIN*/
.mgn-0 {
  margin: 0;
}
.mgn-10 {
  margin: 10px;
}
.mgn-20 {
  margin: 20px;
}
/*MARGIN TOP*/
.mgn-t-0 {
  margin-top: 0;
}
.mgn-t-10 {
  margin-top: 10px;
}
.mgn-t-20 {
  margin-top: 20px;
}
/*MARGIN BOTTOM*/
.mgn-b-0 {
  margin-bottom: 0;
}
.mgn-b-10 {
  margin-bottom: 10px;
}
.mgn-b-20 {
  margin-bottom: 20px;
}
/*MARGIN LEFT*/
.mgn-l-0 {
  margin-left: 0;
}
.mgn-l-10 {
  margin-left: 10px;
}
.mgn-l-20 {
  margin-left: 20px;
}
/*MARGIN RIGHT*/
.mgn-r-0 {
  margin-right: 0;
}
.mgn-r-10 {
  margin-right: 10px;
}
.mgn-r-20 {
  margin-right: 20px;
}
/*PADDING*/
.pdg-0 {
  padding: 0;
}
.pdg-10 {
  padding: 10px;
}
.pdg-20 {
  padding: 20px;
}
/*PADDING TOP*/
.pdg-t-0 {
  padding-top: 0;
}
.pdg-t-10 {
  padding-top: 10px;
}
.pdg-t-20 {
  padding-top: 20px;
}
/*PADDING BOTTOM*/
.pdg-b-0 {
  padding-bottom: 0;
}
.pdg-b-10 {
  padding-bottom: 10px;
}
.pdg-b-20 {
  padding-bottom: 20px;
}
/*PADDING LEFT*/
.pdg-l-0 {
  padding-left: 0;
}
.pdg-l-10 {
  padding-left: 10px;
}
.pdg-l-20 {
  padding-left: 20px;
}
/*PADDING RIGHT*/
.pdg-r-0 {
  padding-right: 0;
}
.pdg-r-10 {
  padding-right: 10px;
}
.pdg-r-20 {
  padding-right: 20px;
}
/*FRONT PAGE*/
.page-content {
  min-height: 100% !important;
}
@media only screen and (min-width: 768px) {
  .content {
    min-height: 100% !important;
  }
}
#overlapable-2 {
  background-color: #F7F7F7 !important;
}
.svg-white-bg {
  fill: #F7F7F7 !important;
}
/*TEASER*/
.color-overlay:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.1);
  background-image: radial-gradient(black 33%, transparent 33%);
  background-size: 3px 3px;
}
/*MEMBERS PROFILE*/
.heading8 {
  font-family: 'Oswald', sans-serif;
}
#page .tmm .tmm_member .tmm_photo {
  border-radius: 10px !important;
  border: none;
  /*box-shadow: -4px 4px 4px 0px rgba(255,255,255,.6) inset, 3px 3px 4px rgba(0,0,0,.3);*/
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .4);
}
#page .tmm .tmm_names {
  color: #000;
  font-size: 130%;
  font-weight: bold;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -o-transform: skew(-15deg);
}
#page .tmm_job {
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  color: #fff;
  /* text-shadow: 0 0 6px rgba(255, 255, 255, .8); */
  background: #666;
  padding: 0.1em 0 0 0;
}
#page .tmm_job:before {
  font-family: "Font Awesome 5 Free";
  content: "\f553";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: bold;
  text-rendering: auto;
  line-height: 1.7;
  font-size: 80%;
  vertical-align: top;
  margin: 0 0.3em 0 0;
}
.tmm .tmm_desc {
  text-align: left;
  padding: 0 1em;
  box-sizing: border-box;
}
.tmm .tmm_desc p {
  margin: 0;
  padding: 0;
}
#page .tmm .tmm_his, #page .tmm .tmm_forte, #page .tmm .tmm_comment {
  margin: 0 0 1em 0;
  padding: 1em 0 0 0;
  border-top: 1px dotted #666;
}
#page .tmm .tmm_his p:before {
  font-family: "Font Awesome 5 Free";
  content: "\f66f";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: bold;
  text-rendering: auto;
  line-height: 1;
  font-size: 110%;
  margin: 0 0.3em 0 0;
}
#page .tmm .tmm_forte p:before {
  font-family: "Font Awesome 5 Free";
  content: "\f450";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: bold;
  text-rendering: auto;
  line-height: 1;
  font-size: 110%;
  margin: 0 0.3em 0 0;
}
#page .tmm .tmm_comment p:before {
  font-family: "Font Awesome 5 Free";
  content: "\f4ad";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: bold;
  text-rendering: auto;
  line-height: 1;
  font-size: 110%;
  margin: 0 0.3em 0 0;
}
#page .tmm .tmm_member {
  /*border-top: #E7E7E7 solid 1px !important;*/
  border-top: #333 solid 3px !important;
}
/*GALLERY*/
.page-template-temp-gallery div#page {
  min-height: 100vh !important;
  width: 100%;
  background: linear-gradient(124deg, #f7d659, #f3cea9, #f1d066, #edef7b, #7fe168, #9bdde1, #ada8eb, #eab8ef, #d878e1);
  /*background-size: 1800% 1800%;*/
  background-size: 500% 500%;
  /*-webkit-animation: rainbow 18s ease infinite;
  -z-animation: rainbow 18s ease infinite;
  -o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;*/
  -webkit-animation: rainbow 30s ease infinite;
  -z-animation: rainbow 30s ease infinite;
  -o-animation: rainbow 30s ease infinite;
  animation: rainbow 30s ease infinite;
}
@-webkit-keyframes rainbow {
  0% {
    background-position: 0% 82%
  }
  50% {
    background-position: 100% 19%
  }
  100% {
    background-position: 0% 82%
  }
}
@-moz-keyframes rainbow {
  0% {
    background-position: 0% 82%
  }
  50% {
    background-position: 100% 19%
  }
  100% {
    background-position: 0% 82%
  }
}
@-o-keyframes rainbow {
  0% {
    background-position: 0% 82%
  }
  50% {
    background-position: 100% 19%
  }
  100% {
    background-position: 0% 82%
  }
}
@keyframes rainbow {
  0% {
    background-position: 0% 82%
  }
  50% {
    background-position: 100% 19%
  }
  100% {
    background-position: 0% 82%
  }
}
.page-template-temp-gallery .header-wrapper, .page-template-temp-gallery .footer {
  display: none !important;
  background-image: none;
}
.page-template-temp-gallery .bx-wrapper {
  margin: 1em auto 40px;
}
/*PHOTO-UPLOAD*/
.page-template-temp-photo-upload div#page {
  background: #ccc;
  min-height: 100vh;
}
.page-template-temp-photo-upload .header-wrapper, .page-template-temp-photo-upload .footer {
  display: none !important;
  background-image: none;
}
.page-template-temp-photo-upload #up-wrapper {
  text-align: left;
  background: #ccc;
  min-height: 100vh;
}
.page-template-temp-photo-upload #up-wrapper h3 {
  font-size: 22px;
  line-height: 1.4;
  background: #38bcc3;
  padding: 15px;
  position: relative;
  margin: 0 0 2em 0;
  text-align: center;
  color: #fff;
}
.page-template-temp-photo-upload #up-wrapper h3::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #38bcc3 transparent transparent transparent;
  border-width: 30px 15px 0px 15px;
  position: absolute;
  left: calc(50% - 15px);
  bottom: -20px;
}
.page-template-temp-photo-upload #up-wrapper ol {
  margin: .5em 0;
  padding: 0;
  list-style: none;
  counter-reset: number;
}
.page-template-temp-photo-upload #up-wrapper ol li {
  position: relative;
  padding: 0 0 .5em 1.5em;
  margin: 0.5em 0;
  border-bottom: 1px dotted #999;
}
.page-template-temp-photo-upload #up-wrapper ol li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  background: linear-gradient(#a9a6a6, #111) !important;
  color: #fff;
}
.page-template-temp-photo-upload #up-wrapper .file_ex {
  margin: 1em 0 2em;
  padding: 1em;
  border: 1px dotted #fff;
  background: #dddcdc;
  border-radius: 5px;
  font-size: 12px;
}
.page-template-temp-photo-upload #up-wrapper .file_ex p {
  padding: 0;
  margin: 0;
}
.page-template-temp-photo-upload #up-wrapper .file_ex p:before {
  content: '\f071';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 5px;
  color: #f00;
}
.page-template-temp-photo-upload #up-wrapper .file_ex ul {
  margin: 0;
  padding: 0;
}
.page-template-temp-photo-upload #up-wrapper .file_ex ul li {
  margin: 0 0 0 1em;
  padding: 0;
}
.page-template-temp-photo-upload #up-wrapper .btn-wrapper {
  margin: 0;
  padding: 0;
}
.page-template-temp-photo-upload #up-wrapper .btn-wrapper input[type='file'] {
  cursor: pointer;
  border: 1px solid #999;
  border-radius: 5px;
  width: 100%;
  background: #fff;
  margin-bottom: 2em;
  text-align: center;
  padding: .5em;
  font-size: 12px;
}
::file-selector-button, ::-webkit-file-upload-button {
  background: linear-gradient(#a9a6a6, #111);
  color: #fff;
  border: none;
  cursor: pointer;
  padding: .5em;
  border-radius: 3px 3px 0 0;
  width: 100%;
  display: block;
  margin-bottom: .5em;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
::file-selector-button:hover, ::-webkit-file-upload-button:hover {
  background: linear-gradient(#e3e1e1, #737272);
}
.page-template-temp-photo-upload #up-wrapper .btn-wrapper .btn-02 {
  cursor: pointer;
  display: block !important;
  width: 100%;
  padding: .5em 0;
  background: linear-gradient(#fb7d7d, #f00);
  color: #fff;
  border: 0;
  font-weight: bold;
  font-size: 20px;
  border-radius: 5px;
}
.page-template-temp-photo-upload #up-wrapper .btn-wrapper .btn-02:hover {
  background: linear-gradient(#fbbdbd, #f15252);
}
/*FOOTER*/
.footer {
  border-top: 2px solid #333 !important;
  background-image: url(img/front-bottom-bg.jpg) !important;
  background-position: center bottom !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 260px;
}
.footer-copyright {
  font-size: 80%;
  text-align: left !important;
}