/* Navberタブレット対応 */
@media (max-width: 1200px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  .navbar-collapse.collapse.in {
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }
}

/* 左メニュー固定 */
.sidebar {
  display: none;
}
@media screen and (min-width: 768px) {
  .sidebar {
    width: 165px;
    position: fixed;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.sidebar div ul li {
	font-size: 14px;
}

/* 仕切り線 */
hr {
	margin-top: 0px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #ddd;
}

/* 一覧テーブル */
table {
	width: 80%;
	table-layout: fixed;		/* 列幅を固定 */
}
table th, td {
	white-space: nowrap;		/* 連続する半角スペース・タブ・改行を、1つの半角スペースとして表示 */
	overflow: hidden;			/* はみ出た部分を表示しない */
	text-overflow: ellipsis;	/* はみ出た場合の表示方法(ellipsis:省略記号) */
}

/* テーブル（文字左寄せ） */
.table-left {
	vertical-align: middle;
	text-align: left;
}

/* テーブル（文字中央寄せ） */
.table-center {
	vertical-align: middle;
	text-align: center;
}

/* テーブル（文字右寄せ） */
.table-right{
	vertical-align: middle;
	text-align: right;
}

/* ローディング */
.is-hide{
	display: none;
}
.loading{
	z-index: 9999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
}
.loading::before{
	content: "";
	display: block;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	margin-top: -15px;
	margin-left: -15px;
	background: white;
}
.loading::after{
	content: "";
	display: block;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border: 4px solid #60ABB9;
	border-right: 4px solid white;
	animation: rotate 1s infinite linear;
}
@keyframes rotate {
	0%    { transform: rotate(0deg); }
	100%  { transform: rotate(360deg); }
}

/* テキストエリア */
textarea {
	resize: none;
}
/* 入力エラー */
.input-error {
	background-color: #ffe4e1;
}

/* 商品説明 */
pre {
  font-family: 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
  font-size: 12px;
  line-height: 1.42857143;
  color: #000000;
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
  border: none;
  white-space: pre-wrap;
}