/* CSS Document */
body {
  border: 30px solid #89d90c; }

.baseTextColor {
  color: #5f5f5f; }

.baseTextColor02 {
  color: #89d90c; }

.BoxLeftLine:before {
  background-color: #89d90c; }

.decoTxt {
  opacity: 0.1;
  color: #e3f6c5; }

.more:after {
  background-color: #89d90c; }

.timeTable tr:nth-child(odd) {
  background-color: #e3f6c5; }

.timeTable tr:nth-child(even) {
  background-color: #edf9db; }

.timeTable tr th p,
.timeTable tr td p {
  line-height: 1;
  color: #5f5f5f; }

.telBox {
  border: 2px solid #89d90c;
  color: #89d90c; }
  .telBox span {
    color: #89d90c; }

.kke {
  background-color: #89d90c; }
  .kke span {
    color: #5f5f5f; }

.me9:nth-child(2) {
  border: 1px solid #89d90c;
  background-color: #f3fbfa; }

footer {
  background-color: #89d90c; }
  footer .dmi a span {
    color: #5f5f5f; }

.fixedBox {
  background-color: #5f5f5f;
  border-top: 5px solid #89d90c;
  border-left: 5px solid #89d90c;
  border-bottom: 5px solid #89d90c; }

.kumagaiAbout {
  background-image: url(../shinsapporo/images/about.jpg); }

.innerMain .head02-k span {
  color: #89d90c; }

.eio9:nth-child(1) .e9f .textIndent02 .baseTextColor {
  color: #89d90c; }

.hackEio9 {
  width: 40% !important; }

.re0 > div {
  background-color: #89d90c; }

footer .smallCopy {
  background-color: #89d90c; }

.kep:nth-child(1) {
  background-color: #e3f6c5; }
  .kep:nth-child(1) .head02 {
    color: #89d90c; }
    .kep:nth-child(1) .head02 span {
      color: #89d90c; }
    .kep:nth-child(1) .head02:before {
      background-color: #89d90c; }

.kep:nth-child(2) {
  background-color: #e3f6c5; }
  .kep:nth-child(2) .head02 {
    color: #89d90c; }
    .kep:nth-child(2) .head02 span {
      color: #89d90c; }
    .kep:nth-child(2) .head02:before {
      background-color: #89d90c; }

.kep:nth-child(3) {
  background-color: #e3f6c5; }
  .kep:nth-child(3) .head02 {
    color: #89d90c; }
    .kep:nth-child(3) .head02 span {
      color: #89d90c; }
    .kep:nth-child(3) .head02:before {
      background-color: #89d90c; }

.kep:nth-child(4) {
  background-color: #e3f6c5; }
  .kep:nth-child(4) .head02 {
    color: #89d90c; }
    .kep:nth-child(4) .head02 span {
      color: #89d90c; }
    .kep:nth-child(4) .head02:before {
      background-color: #89d90c; }

.re0 > div p {
  color: #fff !important; }

.hackKep01 {
  background-color: #e3f6c5 !important; }

.nne {
  background-color: #89d90c; }

.fixedBox02 a:nth-child(1) {
  background-color: #89d90c; }

footer p,
footer a,
footer span {
  color: #5f5f5f; }

footer nav ul li + li {
  border-left: 1px solid #5f5f5f; }

footer nav ul li a {
  color: #5f5f5f; }

.smallCopy {
  color: #5f5f5f; }
strong{
  color: #5f5f5f; 
}

.timeTable tr th, .timeTable tr td {
  width: 45px; }

.insta_fixed_shinsapporo{
  font-size: 0.9em;
  color: #fff;
  position: fixed;
  top: 78%;
  right: 0;
  transform: translateY(-50%);
  border-radius: 15px 0 0 15px;
  background: url(../shinsapporo/images/insta_color.webp) 50% 0/100% 102% no-repeat;
  padding: 10px 22px;
  z-index: 50;
  border-top: 5px solid #89d90c;
  border-left: 5px solid #89d90c;
  border-bottom: 5px solid #89d90c;
  width: 90px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.insta_fixed_shinsapporo img{
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  body {
    border: 15px solid #89d90c; } 
  .insta_fixed_shinsapporo{
    top: 83%;
  }}

@media only screen and (max-width: 768px) {
  body {
    border: 5px solid #89d90c; }
  .hackEio9 {
    width: 100% !important; }
    .hackEio9 > div {
      margin: 0 auto; }
  .fixedBox02 a:nth-child(1) {
    background-color: #89d90c; }
  .fixedBox02 a:nth-child(2) {
    border-top: 8px solid #edf9db;
    border-right: 8px solid #edf9db;
    border-left: 8px solid #edf9db; }
  .re1 > div:nth-child(1) {
    background-color: #e3f6c5; } 
  .insta_fixed_shinsapporo{
  font-size: 0.8em;
  top: 7%;
  right: 3%;
  border-radius: 15px;
  background: url(../shinsapporo/images/insta_color.webp) 50% 0/100% 100% no-repeat;
  padding: 10px 20px;
  z-index: 50;
  border-top: 3px solid #89d90c;
  border-left: 3px solid #89d90c;
  border-right: 3px solid #89d90c;
  border-bottom: 3px solid #89d90c;
  width: 70px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}
  }

@media only screen and (max-width: 640px) {
  body {
    border: 3px solid #89d90c; }
  .fixedBox02 a:nth-child(2) {
    border-top: 4px solid #edf9db;
    border-right: 4px solid #edf9db;
    border-left: 4px solid #edf9db; } }