/*

 kitecss is Light weight & robust layout helper CSS Framework by @hiloki
 Licensed under the MIT License.
 @see https://github.com/hiloki/kitecss

*/

.grid {
  display: table;
  table-layout: fixed;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  letter-spacing: -0.30em;
  text-rendering: optimizespeed;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
}

.grid__cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.grid--center {
  text-align: center;
}

.grid--left {
  text-align: left;
}

.grid--right {
  text-align: right;
}

.grid--top {
  vertical-align: top;
}

.grid--middle {
  vertical-align: middle;
}

.grid--bottom {
  vertical-align: bottom;
}

.grid--fill > .grid__cell {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.grid__cell--center {
  text-align: center;
}

.grid__cell--left {
  text-align: left;
}

.grid__cell--left {
  text-align: left;
}

.grid__cell--top {
  vertical-align: top;
}

.grid__cell--middle {
  vertical-align: middle;
}

.grid__cell--bottom {
  vertical-align: bottom;
}

.grid__cell--1 {
  width: 80px;
}

.grid__cell--2 {
  width: 160px;
}

.grid__cell--3 {
  width: 240px;
}

.grid__cell--4 {
  width: 320px;
}

.grid__cell--5 {
  width: 400px;
}

.grid__cell--6 {
  width: 480px;
}

.grid__cell--7 {
  width: 560px;
}

.grid__cell--8 {
  width: 640px;
}

.grid__cell--9 {
  width: 720px;
}

.grid__cell--10 {
  width: 800px;
}

.grid__cell--11 {
  width: 880px;
}

.grid__cell--12 {
  width: 960px;
}

.grid__cell--push-1 {
  position: relative;
  right: -80px;
}

.grid__cell--push-2 {
  position: relative;
  right: -160px;
}

.grid__cell--push-3 {
  position: relative;
  right: -240px;
}

.grid__cell--push-4 {
  position: relative;
  right: -320px;
}

.grid__cell--push-5 {
  position: relative;
  right: -400px;
}

.grid__cell--push-6 {
  position: relative;
  right: -480px;
}

.grid__cell--push-7 {
  position: relative;
  right: -560px;
}

.grid__cell--push-8 {
  position: relative;
  right: -640px;
}

.grid__cell--push-9 {
  position: relative;
  right: -720px;
}

.grid__cell--push-10 {
  position: relative;
  right: -800px;
}

.grid__cell--push-11 {
  position: relative;
  right: -880px;
}

.grid__cell--push-12 {
  position: relative;
  right: -960px;
}

.grid__cell--pull-1 {
  position: relative;
  left: -80px;
}

.grid__cell--pull-2 {
  position: relative;
  left: -160px;
}

.grid__cell--pull-3 {
  position: relative;
  left: -240px;
}

.grid__cell--pull-4 {
  position: relative;
  left: -320px;
}

.grid__cell--pull-5 {
  position: relative;
  left: -400px;
}

.grid__cell--pull-6 {
  position: relative;
  left: -480px;
}

.grid__cell--pull-7 {
  position: relative;
  left: -560px;
}

.grid__cell--pull-8 {
  position: relative;
  left: -640px;
}

.grid__cell--pull-9 {
  position: relative;
  left: -720px;
}

.grid__cell--pull-10 {
  position: relative;
  left: -800px;
}

.grid__cell--pull-11 {
  position: relative;
  left: -880px;
}

.grid__cell--pull-12 {
  position: relative;
  left: -960px;
}