@charset "UTF-8";

/* !--
  @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
スプリット1
ギャップ2
フォーム
  
-- */
[class*="split_"] {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* !-------------------- スプリット -- */
.split_2 > li {
  width: 50%;
}
.split_9 > li {
  width: 11.11111%;
}

/* !-------------------- スプリット 可変 -- */
[class*="split_"][class*="_auto"],
[class*="split_"][class*="auto_"] {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

[class*="split_"][class*="_auto"] > li {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 10px;
}

@media screen and (max-width: 960px){
  [class*="split_"][class*="full"][class*="960"] {
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
  }
  [class*="split_"][class*="full"][class*="960"] > li {
    -webkit-flex: 0 0 100%; flex: 0 0 100%;
    width: 100%;
  }
  [class*="split_"][class*="full"][class*="reverse"] {
    -webkit-flex-direction: column-reverse; flex-direction: column-reverse;
  }
}
@media screen and (max-width: 768px){
  [class*="split_"][class*="full"][class*="768"] {
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
  }
  [class*="split_"][class*="full"][class*="768"] > li {
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-flex: 0 0 100%; flex: 0 0 100%;
    width: 100%;
  }
}
@media screen and (max-width: 480px){
  [class*="split_"][class*="_full"][class*="480"] {
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
  }
  [class*="split_"][class*="_full"][class*="480"] > li {
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-flex: 0 0 100%; flex: 0 0 100%;
    width: 100%;
  }
}


[class*="split_"] > .full {
  width: 100%;
}

/* !-------------------- ギャップ  偶数で100まで-- */

.gap_10 {
  margin: -5px;
}

.gap_10 > li {
  padding: 5px;
}