@CHARSET "UTF-8";
/*
 * 商品名はみ出し省略
*/
div.smas {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.alert>ul{
    margin-left:1em;
    padding-left:1em;
}

/* ------------------------------------------------------
 * カートカスタマイズ
 ------------------------------------------------------ */
li.cart{
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 15px;
    line-height: 1em;
}
li.cart>a{
    padding: 0;
}
li.cart span.glyphicon{
    font-size: 28px;
}
li.cart>a>span.badge {
    color: #fff;
    background-color: #a94442;
}
/* ------------------------------------------------------
 * ユーザー名カスタマイズ
 ------------------------------------------------------ */
li>a.user_name{
    padding-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* ------------------------------------------------------
 * テーブルカスタマイズ
 ------------------------------------------------------ */
.table {
    width: 100%;
    word-wrap: break-word;
    border-color: #C0C0C0;
}

/* ------------------------------------------------------
 * テーブル枠線
 ------------------------------------------------------ */
.border-dark-gray.table tr{
    border-color: #C0C0C0;
}
.border-dark-gray.table td{
    border-color: #C0C0C0;
    vertical-align: middle;
}
.border-dark-gray.table th{
    border-color: #C0C0C0;
    vertical-align: middle;
}
table.border-dark-gray{
    margin-bottom: 0px;
}
div.border-dark-gray {
    border: 1px solid #C0C0C0;
    vertical-align: middle;
    padding: 5px 0;
    /*margin-bottom: 15px;*/
}
.pad-zero{
    padding: 0;
}

/* ------------------------------------------------------
 * レスポンシブテーブル セル折り返しあり
 ------------------------------------------------------ */
table tr td.wrap_normal{
    white-space: normal;
}

.table-responsive>.table>tbody>tr>td{
    white-space: normal;
}
table.hatyu{
/*    width: 100%;*/
   table-layout: fixed;
   border-collapse: collapse; /* 隣接する枠線を重ねる */
   width: 500px;              /* 表の横幅：500ピクセル */
}
table.hatyu td, table.hatyu th{
    width: 70px;
}
table.hatyu .snam{
    width: 200px;
}
table.hatyu .biko{
    width: 200px;
}

/* ------------------------------------------------------
 * カレンダー選択不可能部分
 ------------------------------------------------------ */
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: #BBB;
}
/* ------------------------------------------------------
 * デフォルトパネル
 ------------------------------------------------------ */
.panel-default{
    border-color: #C0C0C0;
}
.panel-default>.panel-heading{
    border-color: #C0C0C0;
}
/* ------------------------------------------------------
 * 青パネル
 ------------------------------------------------------ */
.panel-info{
    border-color: #009AC5;
}
.panel-info>.panel-heading{
    border-color: #009AC5;
}
/* ------------------------------------------------------
 * オレンジパネル
 ------------------------------------------------------ */
.panel-warning{
    border-color: #f8e2b5;
}
.panel-warning>.panel-heading{
    border-color: #f8e2b5;
}
/* ------------------------------------------------------
 * http://work.smarchal.com/twbscolor/
 ------------------------------------------------------ */
.navbar-default {
  background-color: #60a917;
  border-color: #008a00;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #dbffe2;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #dbffe2;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #dbffe2;
  background-color: #008a00;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #dbffe2;
  background-color: #008a00;
}
.navbar-default .navbar-toggle {
  border-color: #008a00;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #008a00;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #dbffe2;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #dbffe2;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #dbffe2;
    background-color: #008a00;
  }
}