/* Bootstrapカスタマイズ: 新しい列幅 */
.col-xs-1\/1 {
    width: 100%;
    min-width: 100%;
    float: left;
}
.col-xs-1\/2 {
    width: 50%;
    min-width: 50%;
    float: left;
}
.col-xs-1\/3 {
    width: 33.33333333%;
    min-width: 33.33333333%;
    float: left;
}
.col-xs-1\/4 {
    width: 25%;
    min-width: 25%;
    float: left;
}
.col-xs-1\/5 {
    width: 20%;
    min-width: 20%;
    float: left;
}
.col-xs-1\/6 {
    width: 16.66666666%;
    min-width: 16.66666666%;
    float: left;
}
.col-xs-1\/7 {
    width: 14.285714%;
    min-width: 14.285714%;
    float: left;
}
.col-xs-1\/8 {
    width: 12.5%;
    min-width: 12.5%;
    float: left;
}
.col-xs-1\/9 {
    width: 11.11111111%;
    min-width: 11.11111111%;
    float: left;
}
.col-xs-1\/10 {
    width: 10%;
    min-width: 10%;
    float: left;
}
.col-xs-1\/11 {
    width: 9.0909090909%;
    min-width: 9.0909090909%;
    float: left;
}
.col-xs-1\/12 {
    width: 8.3333333333%;
    min-width: 8.3333333333%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1\/1 {
        width: 100%;
        min-width: 100%;
        float: left;
    }
    .col-sm-1\/2 {
        width: 50%;
        min-width: 50%;
        float: left;
    }
    .col-sm-1\/3 {
        width: 33.33333333%;
        min-width: 33.33333333%;
        float: left;
    }
    .col-sm-1\/4 {
        width: 25%;
        min-width: 25%;
        float: left;
    }
    .col-sm-1\/5 {
        width: 20%;
        min-width: 20%;
        float: left;
    }
    .col-sm-1\/6 {
        width: 16.66666666%;
        min-width: 16.66666666%;
        float: left;
    }
    .col-sm-1\/7 {
        width: 14.285714%;
        min-width: 14.285714%;
        float: left;
    }
    .col-sm-1\/8 {
        width: 12.5%;
        min-width: 12.5%;
        float: left;
    }
    .col-sm-1\/9 {
        width: 11.11111111%;
        min-width: 11.11111111%;
        float: left;
    }
    .col-sm-1\/10 {
        width: 10%;
        min-width: 10%;
        float: left;
    }
    .col-sm-1\/11 {
        width: 9.0909090909%;
        min-width: 9.0909090909%;
        float: left;
    }
    .col-sm-1\/12 {
        width: 8.3333333333%;
        min-width: 8.3333333333%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1\/1 {
        width: 100%;
        min-width: 100%;
        float: left;
    }
    .col-md-1\/2 {
        width: 50%;
        min-width: 50%;
        float: left;
    }
    .col-md-1\/3 {
        width: 33.33333333%;
        min-width: 33.33333333%;
        float: left;
    }
    .col-md-1\/4 {
        width: 25%;
        min-width: 25%;
        float: left;
    }
    .col-md-1\/5 {
        width: 20%;
        min-width: 20%;
        float: left;
    }
    .col-md-1\/6 {
        width: 16.66666666%;
        min-width: 16.66666666%;
        float: left;
    }
    .col-md-1\/7 {
        width: 14.285714%;
        min-width: 14.285714%;
        float: left;
    }
    .col-md-1\/8 {
        width: 12.5%;
        min-width: 12.5%;
        float: left;
    }
    .col-md-1\/9 {
        width: 11.11111111%;
        min-width: 11.11111111%;
        float: left;
    }
    .col-md-1\/10 {
        width: 10%;
        min-width: 10%;
        float: left;
    }
    .col-md-1\/11 {
        width: 9.0909090909%;
        min-width: 9.0909090909%;
        float: left;
    }
    .col-md-1\/12 {
        width: 8.3333333333%;
        min-width: 8.3333333333%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1\/1 {
        width: 100%;
        min-width: 100%;
        float: left;
    }
    .col-lg-1\/2 {
        width: 50%;
        min-width: 50%;
        float: left;
    }
    .col-lg-1\/3 {
        width: 33.33333333%;
        min-width: 33.33333333%;
        float: left;
    }
    .col-lg-1\/4 {
        width: 25%;
        min-width: 25%;
        float: left;
    }
    .col-lg-1\/5 {
        width: 20%;
        min-width: 20%;
        float: left;
    }
    .col-lg-1\/6 {
        width: 16.66666666%;
        min-width: 16.66666666%;
        float: left;
    }
    .col-lg-1\/7 {
        width: 14.285714%;
        min-width: 14.285714%;
        float: left;
    }
    .col-lg-1\/8 {
        width: 12.5%;
        min-width: 12.5%;
        float: left;
    }
    .col-lg-1\/9 {
        width: 11.11111111%;
        min-width: 11.11111111%;
        float: left;
    }
    .col-lg-1\/10 {
        width: 10%;
        min-width: 10%;
        float: left;
    }
    .col-lg-1\/11 {
        width: 9.0909090909%;
        min-width: 9.0909090909%;
        float: left;
    }
    .col-lg-1\/12 {
        width: 8.3333333333%;
        min-width: 8.3333333333%;
        float: left;
    }
}

/* Bootstrapカスタマイズ: 列は同じ高さ */
.row.tile {
    overflow: hidden;
    margin-right: -16px;
}
.row.tile [class*="col-"] {
    margin-bottom: -99999px !important;
    padding-bottom: 99999px !important;
    text-align: center;
}
.row.tile [class*="col-"] p {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 5rem;
    display: table-cell;
    vertical-align: middle;
    width: 99999999999px;
}

/* Bootstrapカスタマイズ: 列色 */
.col-primary p {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.col-success p {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.col-info p {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.col-warning p {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.col-danger p {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

/* Bootstrapカスタマイズ: ボタン色 */
.btn-primary {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}
.btn-primary {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff !important;
  background-color: #286090 !important;
  border-color: #122b40 !important;
}
.btn-primary:hover {
  color: #fff !important;
  background-color: #286090 !important;
  border-color: #204d74 !important;
}
.btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #761c19 !important;
}
.btn-danger:hover {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #ac2925 !important;
}

/* Bootstrapカスタマイズ: 丸ボタン */
.bootstrap-wrapper .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}