/* CSS Document */

/* デスクトップ用 */
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
    .table_wrap {
    white-space: nowrap;  /* 改行を禁止 */
    }
}

/* タブレット用 */
@media (min-width: 768px) and (max-width: 1199px) {
    .container {
        max-width: 960px;
    }
    .table_wrap {
    white-space: nowrap;  /* 改行を禁止 */
    }
}

/* スマートフォン用 */
@media (max-width: 767px) {
    .container {
        max-width: 480px;
    }
    .table_wrap {
    white-space: wrap;  /* 改行を禁止 */
    }
}

.container{
    padding-left: 0;
    padding-right: 0;
    max-width:980px;
}

.container .row {
    margin-left: auto;
    margin-right: auto;
}

.container-fluid{
    padding-left: 0;
    padding-right: 0;
}

.container-fluid .row {
    margin-left: auto;
    margin-right: auto;
}

.row > * {
    padding-left: 0;
    padding-right: 0;
}

.badge{
    color: black;
}

.bg-navbar{
	background:url(../../../../images/bannar.gif) no-repeat center;
	min-height:100px;
	margin-top:0px;
}

.menu-list{
	width:135px;
}

li.kome{
	list-style: none;
}
li.kome:before{
	content: '※';
}

.bg-yellow {
  background-color:#FFF880 !important;
}

a.bg-yellow:hover, a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus {
  background-color: #FFF700 !important;
}

.bg-title {
  background-color:#C0E4FF !important;
}
a.bg-title{
  text-decoration:underline;
}

a.bg-title:hover, a.bg-title:focus,
button.bg-title:hover,
button.bg-title:focus {
  background-color: #C0E4FF !important;
  font-weight:bold;
}

.btn-title {
  background-color:#C0E4FF !important;
}

a.btn-title:hover, a.btn-title:focus,
button.btn-title:hover,
button.btn-title:focus {
  background-color: #C0E4FF !important;
}

.btn-btn {
  background-color:#005FFF !important;
}

a.btn-btn:hover, a.bg-btn:focus,
button.btn-btn:hover,
button.btn-btn:focus {
  background-color: #004FFF !important;
}

.bg-pink {
  background-color: #FFC0CB !important;
}

.btn-pink {
  background-color: #FFC0CB !important;
}

a.btn-pink:hover, a.bg-pink:focus,
button.btn-pink:hover,
button.btn-pink:focus {
  background-color: #FFD0CB !important;
}

.nav-justified {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.table td, .table th {
    vertical-align: middle;
}

table.table.dataTable > tbody > tr.dtrg-group > td {
    background-color: #E0E0E0 !important;
    font-weight: bold;
}

table.table.dataTable > tbody > tr.dtrg-group > td > span {
    font-weight: normal;
}

.overflowText {
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}