@charset "utf-8";

/* 大画面用サイズ定義 */
@media (min-width: 1340px) {
  .container {
    width: 1300px;
  }
}
@media (min-width: 1500px) {
  .container {
    width: 1470px;
  }
}
/* 最大サイズは無効に設定
@media (min-width: 1800px) {
  .container {
    width: 1770px;
  }
}
*/

/* ナビゲーションのブランド部分を左マージンを調整する */
@media (min-width: 0px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

/* リストの偶数行の背景色定義 */
.list-striped li:nth-child(even){
  background: #F1F1F1;
}

body {
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.caret.pull-right {
  margin-top: 8px;
  margin-bottom: 8px;
}

/* 特定の範囲からハミ出した長い文章を省略し、「…」と表示する */
.shortcut {
  white-space: nowrap; /* 横幅のMAXに達しても改行しない */
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}

/* パネルボディに直接リストグループを割り当てた場合は上下マージンを無しに設定 */
.panel-body.list-group {
  padding-top: 0;
  padding-bottom: 0;
/* TODO 下記PC用のテンプレートが対応でき次第コメントアウト解除予定
  padding-left: 0;
  padding-right: 0;
*/
}

/* 内容物が一定サイズ以上の時にスクロールバーを表示するBOX ※サイズは別途指定 */
.box-responsive {
  overflow-y: auto !important;
  overflow-x: auto !important;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  -webkit-overflow-scrolling: touch !important;
}

/* なぜか画面を小さくした場合に不要なマージンが設定され表示崩れが発生するのを打ち消す為のマージン設定 */
.navbar-nav {
  margin: 0 !important;
}

/* 可変＋固定拡張列の設定 ※可変部分を先に配置、可変部分にインナー要素必須 */
.col-xs-fix-left,
.col-xs-fix-right,
.col-xs-var-left,
.col-xs-var-right,
.col-xs-var-center{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-var-center,
.col-xs-var-left,
.col-xs-var-right{
  width : 100%;
}
.col-xs-fix-left,
.col-xs-fix-right{
  margin-left: -100%;
}
.col-xs-var-center,
.col-xs-var-right,
.col-xs-var-left,
.col-xs-fix-left{
  float : left;
}
.col-xs-fix-right{
  float : right;
}
@media (min-width: 768px) {
  .col-sm-fix-left,
  .col-sm-fix-right,
  .col-sm-var-left,
  .col-sm-var-right,
  .col-sm-var-center{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-sm-var-center,
  .col-sm-var-left,
  .col-sm-var-right{
    width : 100%;
  }
  .col-sm-fix-left,
  .col-sm-fix-right{
    margin-left: -100%;
  }
  .col-sm-var-center,
  .col-sm-var-right,
  .col-sm-var-left,
  .col-sm-fix-left{
    float : left;
  }
  .col-sm-fix-right{
    float : right;
  }
}
@media (min-width: 992px) {
  .col-md-fix-left,
  .col-md-fix-right,
  .col-md-var-left,
  .col-md-var-right,
  .col-md-var-center{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-var-center,
  .col-md-var-left,
  .col-md-var-right{
    width : 100%;
  }
  .col-md-fix-left,
  .col-md-fix-right{
    margin-left: -100%;
  }
  .col-md-var-center,
  .col-md-var-right,
  .col-md-var-left,
  .col-md-fix-left{
    float : left;
  }
  .col-md-fix-right{
    float : right;
  }
}
@media (min-width: 1200px) {
  .col-lg-fix-left,
  .col-lg-fix-right,
  .col-lg-var-left,
  .col-lg-var-right,
  .col-lg-var-center{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-var-center,
  .col-lg-var-left,
  .col-lg-var-right{
    width : 100%;
  }
  .col-lg-fix-left,
  .col-lg-fix-right{
    margin-left: -100%;
  }
  .col-lg-var-center,
  .col-lg-var-right,
  .col-lg-var-left,
  .col-lg-fix-left{
    float : left;
  }
  .col-lg-fix-right{
    float : right;
  }
}

/* 固定長可変表200px用サイズ設定 */
 .col-xs-var-left.col-xs-200 > *, .col-xs-var-center.col-xs-200 > *{ margin-right: 200px; }
.col-xs-var-right.col-xs-200 > *, .col-xs-var-center.col-xs-200 > *{ margin-left : 200px; }
 .col-xs-fix-left.col-xs-200    ,  .col-xs-fix-right.col-xs-200    { width       : 200px; }

@media (min-width: 768px) {
 .col-sm-var-left.col-sm-200 > *, .col-sm-var-center.col-sm-200 > *{ margin-right: 200px; }
.col-sm-var-right.col-sm-200 > *, .col-sm-var-center.col-sm-200 > *{ margin-left : 200px; }
 .col-sm-fix-left.col-sm-200    ,  .col-sm-fix-right.col-sm-200    { width       : 200px; }
}
@media (min-width: 992px) {
 .col-md-var-left.col-md-200 > *, .col-md-var-center.col-md-200 > *{ margin-right: 200px; }
.col-md-var-right.col-md-200 > *, .col-md-var-center.col-md-200 > *{ margin-left : 200px; }
 .col-md-fix-left.col-md-200    ,  .col-md-fix-right.col-md-200    { width       : 200px; }
}
@media (min-width: 1200px) {
 .col-lg-var-left.col-lg-200 > *, .col-lg-var-center.col-lg-200 > *{ margin-right: 200px; }
.col-lg-var-right.col-lg-200 > *, .col-lg-var-center.col-lg-200 > *{ margin-left : 200px; }
 .col-lg-fix-left.col-lg-200    ,  .col-lg-fix-right.col-lg-200    { width       : 200px; }
}

/* 固定長可変表280px用サイズ設定 */
 .col-xs-var-left.col-xs-280 > *, .col-xs-var-center.col-xs-280 > *{ margin-right: 280px; }
.col-xs-var-right.col-xs-280 > *, .col-xs-var-center.col-xs-280 > *{ margin-left : 280px; }
 .col-xs-fix-left.col-xs-280    ,  .col-xs-fix-right.col-xs-280    { width       : 280px; }

@media (min-width: 768px) {
 .col-sm-var-left.col-sm-280 > *, .col-sm-var-center.col-sm-280 > *{ margin-right: 280px; }
.col-sm-var-right.col-sm-280 > *, .col-sm-var-center.col-sm-280 > *{ margin-left : 280px; }
 .col-sm-fix-left.col-sm-280    ,  .col-sm-fix-right.col-sm-280    { width       : 280px; }
}
@media (min-width: 992px) {
 .col-md-var-left.col-md-280 > *, .col-md-var-center.col-md-280 > *{ margin-right: 280px; }
.col-md-var-right.col-md-280 > *, .col-md-var-center.col-md-280 > *{ margin-left : 280px; }
 .col-md-fix-left.col-md-280    ,  .col-md-fix-right.col-md-280    { width       : 280px; }
}
@media (min-width: 1250px) {
 .col-lg-var-left.col-lg-280 > *, .col-lg-var-center.col-lg-280 > *{ margin-right: 280px; }
.col-lg-var-right.col-lg-280 > *, .col-lg-var-center.col-lg-280 > *{ margin-left : 280px; }
 .col-lg-fix-left.col-lg-280    ,  .col-lg-fix-right.col-lg-280    { width       : 280px; }
}

/* 固定長可変表435px用サイズ設定 */
 .col-xs-var-left.col-xs-435 > *, .col-xs-var-center.col-xs-435 > *{ margin-right: 435px; }
.col-xs-var-right.col-xs-435 > *, .col-xs-var-center.col-xs-435 > *{ margin-left : 435px; }
 .col-xs-fix-left.col-xs-435    ,  .col-xs-fix-right.col-xs-435    { width       : 435px; }

@media (min-width: 768px) {
 .col-sm-var-left.col-sm-435 > *, .col-sm-var-center.col-sm-435 > *{ margin-right: 435px; }
.col-sm-var-right.col-sm-435 > *, .col-sm-var-center.col-sm-435 > *{ margin-left : 435px; }
 .col-sm-fix-left.col-sm-435    ,  .col-sm-fix-right.col-sm-435    { width       : 435px; }
}
@media (min-width: 992px) {
 .col-md-var-left.col-md-435 > *, .col-md-var-center.col-md-435 > *{ margin-right: 435px; }
.col-md-var-right.col-md-435 > *, .col-md-var-center.col-md-435 > *{ margin-left : 435px; }
 .col-md-fix-left.col-md-435    ,  .col-md-fix-right.col-md-435    { width       : 435px; }
}
@media (min-width: 1250px) {
 .col-lg-var-left.col-lg-435 > *, .col-lg-var-center.col-lg-435 > *{ margin-right: 435px; }
.col-lg-var-right.col-lg-435 > *, .col-lg-var-center.col-lg-435 > *{ margin-left : 435px; }
 .col-lg-fix-left.col-lg-435    ,  .col-lg-fix-right.col-lg-435    { width       : 435px; }
}

/* 製品選択項目セレクター */
/* http://bootsnipp.com/renswijnmalen/snippets/xngm */
div.product-chooser.disabled div.product-chooser-item
{
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
  cursor: default;
}

div.product-chooser div.product-chooser-item{
  padding: 11px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  border: 1px solid #efefef;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10x;
}

div.product-chooser div.product-chooser-item.selected{
  border: 4px solid #428bca;
  background: #efefef;
  padding: 8px;
  filter: alpha(opacity=100);
  opacity: 1;
}

div.product-chooser div.product-chooser-item img{
  padding: 0;
}

div.product-chooser div.product-chooser-item span.title{
  display: block;
  margin: 10px 0 5px 0;
  font-weight: bold;
  font-size: 12px;
}

div.product-chooser div.product-chooser-item span.description{
  font-size: 12px;
}

div.product-chooser div.product-chooser-item input{
  position: absolute;
  left: 0;
  top: 0;
  visibility:hidden;
}

/* テーブルヘッダとテーブルフッタを上下中央揃え */
.table>thead>tr>th ,
.table>tfoot>tr>th {
  vertical-align: middle;
}

/* 全行改指定 */
.break-all {
  word-break: break-all;
}