body{
  background: #F7F7F7;
}
#wrapper{
  padding-top: 3em;
}
.page-title{
  margin: 0;
  padding: 0 1em;
  width: 100%;
  font-size: 1.5em;
  line-height: 2.65em;
  background: #18B5AC;
  color: #FFF;
}
.page-details {
  font-size: 0.6em;
  line-height: normal;
  margin-top: -0.5em;
  padding-bottom: 0.5em;
}
.container-fluid{
  word-wrap: break-word;
}
h1{}
h2{
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
}
.walkin-text{
  top: 1.5em;
  right: 1em;
  margin: 10px 0;
  text-align: right;
}
.walkin-text span{
  background: #FFF;
  padding: 0.3em 1em;
  border-radius: 1em;
}
.glyphicon{
  padding-right: 0.5em;
}
.tooltip-transparent{
  background-color: rgba(0, 0, 0, 0.7);
  padding: 12px 17px;
}
/*結果表示エリア*/
.result-area{
  padding-left: 1em;
  padding-right: 1em;
  height: 100%;
}
/*タブ切り替え*/
.nav-tabs a{
  color: #000;
  cursor: pointer;
}
.nav-tabs .active a{
  color: #1CB5AC !important;
  font-weight: bold;
  background: #F7F7F7 !important;
  box-shadow: 0.2em;
}
/*集計表　汎用*/
.table{
  margin-bottom: 0;
  border-collapse: collapse;
}
.table-responsive{
  margin-bottom: 3em;
  background: #FFF;
}
.table-responsive table{
  font-size: 14px;
  width: 100%;
}
.table-responsive table th,.table-responsive table td{
  padding: 0.6em 1em;
}
.table-responsive table th{
  text-align: center;
  font-weight: bold;
  border-bottom-width: 1px !important;
  width: 10%;
  border: 1px solid #CDCECF !important;
}
.th5of1 {
  width: 16% !important;
}
.th4of1 {
  width: 20% !important;
}
.table-responsive table th.rsv-data{
  background-color: #E2E9F7;
}
.table-responsive table th.person-data{
  background-color: #F5E3EA;
}
.table-responsive table th.money-data {
  background-color: #D7E7C7;
}
.table-responsive table th.totalmoney-data {
  background-color: rgb(196, 224, 188);
}
.table-responsive table thead th, .table-responsive table tfoot th {
  font-size: 12px;
  background-color: #EFEFEF;
}
.table-responsive table td{
  text-align: right;
}
.table-hover > tbody > tr:hover {
  background-color: transparent;
  outline: 2px solid #FF961B;
  outline-offset: -1px;
}
.table-hover > tfoot > tr:hover {
  background-color: #E1E1E1 !important;
}
.th-middle {
  vertical-align: middle !important;
}
.th-centering {
  text-align: center !important;
  vertical-align: middle !important;
}
/*集計表　予約組数・件数（年間）*/
.cal-year table th,.cal-year table td{
  white-space: nowrap;
}
.last {
  background: #F8F8F8 !important;
  color: #AAAAAA;
}
.highlightth {
    background: rgba(255, 148, 27, 0.2) !important;
    color: #FF951B !important;
}
.highlighttd {
    background: rgba(255, 148, 27, 0.2) !important;
}
/*集計表　予約組数・件数（月間）*/
.cal-month th,.cal-week th,.cal-shop th{
  white-space: nowrap;
}
.cal-month tbody th{
  background: #FFF;
}
.saturday{
  color: #2987CD;
  background: #CFE2F3 !important;
}
.holiday{
  color: #D92B2F;
  background: #F4CCCC !important;
}
.cal-month tfoot th,.cal-month tfoot td{
  font-weight: bold;
  line-height: 40px;
  border-top-width: 2px !important;
}
.cal-month tfoot th{
  background: #FFF;
}
/*集計表　回転数（年間）*/
.th-year {
  background-color: #afe6e7 !important;
}
.th-last {
  background-color: #e1daef !important;
}
/*集計表　回転数（月間）*/
.return-month tbody th{
  width: 10%;
}
.return-month tbody td{
  text-align: center;
}
/*集計表　来店回数（年間）*/
.coming_times th,.coming_times td{
  text-align: center !important;
}
/*集計表　流入経路（年間）*/
.via_user .month, .via_user .media-name{
  width: 20%;
}
.via_user tbody th{
  border-top: none !important;
  border-bottom: none !important;
}
.via_user tbody th.top-line{
  border-top: 1px solid #DDD !important;
}
.via_user tbody {
  border-bottom: 1px solid #DDD;
}
.via_user th:first-child {
  width: 8%;
}
.month-button-area {
  text-align: right;
  margin-bottom: 12px;
}
.month-button-area a, .month-button-area a:hover {
  color: #FFF;
  text-decoration: none;
}
.text-hidden {
  text-indent:-9999px;
  /* visibility: hidden */
}
/*集計表 予約来店 回数・頻度 (月推移) */
.th-first {
  background: rgba(178, 230, 230, 1.0) !important;
}
.th-second {
  background: rgba(225, 218, 237, 1.0) !important;
}
.th-third {
  background: rgba(195, 223, 242, 1.0) !important;
}
.th-fourth {
  background: rgba(246, 226, 207, 1.0) !important;
}
.th-fifth {
  background: rgba(235, 206, 208, 1.0) !important;
}
.th-sixth {
  background-color: #D7E7C7 !important;
}
.tooltip-arrow {
  opacity: 0.7;
}
.tooltip-inner {
  max-width: 340px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.7);
}
/* トップへ戻るボタン */
.page-top-btn{
  position: fixed;
  bottom: 0.8em;
  right: 0.8em;
}
.page-top-btn a{
  display: inline-block;
  padding: 0.8em;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5em;
}
.page-top-btn span{
  padding: 0;
  color: #F7F7F7;
}
/* 汎用クラス */
.pt-1 {
  padding-top: 10px !important;
}
.pt-2 {
  padding-top: 20px !important;
}
.pt-3 {
  padding-top: 30px !important;
}
/* modal */
.btn-modal {
  width: 49%;
  margin-bottom: 10px;
}
.icon-addon {
  position: relative;
  display: block;
}
.icon-addon.addon-md .glyphicon {
  width: 20px;
  font-size: 14px;
  text-align: center;
  color: rgb(172, 172, 172);
  top: 1px;
}
.icon-addon.addon-md .glyphicon-search {
  position: absolute;
  left: 10px;
  padding: 9px 0;
  margin-left: -2.5px;
}
.icon-addon.addon-md .glyphicon-remove-sign {
  position: absolute;
  right: 5px;
  padding: 9px 0;
}
.icon-addon.addon-md .form-control {
  padding: 0 25px 0 30px;
  font-weight: normal;
}
/* スマホ設定 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  .page-title{
    width: 100%;
    font-size: 1.3em;
    line-height: 2;
    background: #18B5AC;
    color: #FFF;
  }
  .result-area{
    padding: 1em 0.5em 0;
  }
  h2{
    margin-top: 1em;
    font-size: 1.1em;
  }
  .walkin-text{
    position: inherit;
    top: 0;
    left: 0;
    margin-bottom: 2em;
  }
  .tab-content{
    margin-bottom: 2em;
  }
  .coming_times th,.coming_times td,
  .via_user th,.via_user td{
    white-space: nowrap;
  }
}
/* タブレット縦設定 */
@media only screen
	and (min-device-width:768px)
	and (max-device-width:1024px)
	and (orientation:portrait){
    .walkin-text{
      position: inherit;
      top: 0;
      left: 0;
      margin-bottom: 2em;
    }
  }

/*!
 * お知らせ文言追加 2018/01/10
 * base.htmlにお知らせ文言あり。合わせて削除。
 */
.message-notice {
  padding: 10px;
  font-size: 13px;
  background-color: #f2dede;
}