body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    background: #f8f8f8;
    line-height: 1.5;
}
body.login-b {
    padding-top: 70px;
    background: #edeff1;
}
.login-icon-box img {
    /*width: 96px;*/
}

/*リストのクリックできる範囲を広げる*/
li.list-group-item a{
    display: block;
}

/*テーブル周りレイアウト*/
th { white-space: nowrap; }
td i {
    margin-left: 3px;
    margin-right: 3px;
}
.tbl-txt-center th {
    text-align: center !important;
}
.tbl-pdg th, .tbl-pdg td {
    padding: 8px !important;
}
.tbl-input-line th {
    padding: 0 !important;
    line-height: 58px !important;
}
/*フッターを一番下に固定*/
html,body {
    height: 100%;
}
h4 {
    font-size: 21px;
}
h5 {
    font-size: 19px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 6px;
}
#wrap {
    width: 100%;
    position: relative;
    min-height: 100%;
}
#contents {
    padding: 0 0 30px;
}
footer {
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
}

/*margin*/
.mt3 { margin-top: 3px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mb3 { margin-bottom: 3px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

/*padding*/
.pdg0 { padding: 0; }
.pdg3 { padding: 3px; }
.pdg5 { padding: 5px; }
.pdg10 { padding: 10px; }
.pdg15 { padding: 15px; }
.pdg20 { padding: 20px; }

/*color*/
.color-dpink {
    color: deeppink;
}
.color-w {
    color: #fff;
}
.color-gc {
    color: #ccc;
}

/* センタリング */
.center {
    text-align: center;
}

/* テーブルのセル 幅 */
.wp30 {
    width: 30%;
}
.wp40 {
    width: 40%;
}

/* 画像　高さ */
.h40 {
    height: 40px;
}
.h60 {
    height: 60px;
}
.h80 {
    height: 80px;
}
.h100 {
    height: 100px;
}
.h150 {
    height: 150px;
}
.h200 {
    height: 200px;
}

/* キャンペーン　input　サムネイル表示用 */
.input label {
    width: 200px;
    text-align: center;
    vertical-align: top;
    border: solid 1px silver;
    padding: 5px;
    margin: 3px;
}

.input label.hansha {
    width: 260px;
    text-align: left;
    vertical-align: top;
    border: solid 0px silver;
    padding: 1px;
    margin: 1px;
}

/* confirm サムネイル */
.view table{
    float:left;
    text-align: center;
    border: solid 1px silver;
    width: 200px;
    margin: 5px;
}
.view table td{
    padding: 5px;
}

hr{
    margin-top: 1px;
    margin-bottom: 1px;
}

/* トピックス一覧のレコードの色分け */
.view_reserve{
    background-color: #ffeaea;
}
.view_finish{
    background-color: #fefdb8;
}
.view_check{
    background-color: #bfe7f0;
}

/* 入力画面 */
.upload_title {
    background-color: #aaaaaa;
    width: 100px;
    color: #000000;
    font-size :12px;
}
.upload_font {
    color: #000000;
    font-size :12px;
}
.upload_err {
    color: #ff0000;
    font-size :15px;
}
.upload_del {
    color: #000099;
    font-size :10px;
}

/* ページ表示 */
.pagination{
    background-color: #34495e;
    margin: 0px;
}

/* アカウント画面 テーブルスクロール */
#account-list{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;    
}

/* リッチテキスト画像挿入画面 bootstrapの影響で色、高さが変わってしまうので指定 */
.nicEditorPane input{
    color: #000000;
}
.nicEditorPane select{
    color: #000000;
}
.nicEditorPane td{
    padding: 0px;
}
.nicEditorPane label{
    line-height: 1.2;
}

/* 管理画面 各店情報掲示板ボタン */
.p-index-button__target {
  border-radius: 5px;
  border-bottom: 3px solid #b0adac;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #00a0e9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  width: 100%;
  min-height: 4.16666em;
  padding: 1.25em 0.83333em;
  position: relative;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  text-align: justify;
  text-justify: auto;
}

/* 各店情報掲示板 ボタン */
.c-entry-button {
  padding: .75em;
  border-radius: 5px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #00a0e9;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  -webkit-box-shadow: 0 3px 0px 0px rgba(176, 173, 172, .9);
  box-shadow: 0 3px 0px 0px rgba(176, 173, 172, .9);
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  margin-bottom: 3px;
  cursor: pointer;
}

.c-entry-button:not(:last-child) {
  margin-bottom: 15px;
}

.c-entry-button:hover {
  opacity: .75;
}

.c-entry-button._color-2 {
  background: #f36d6d;
}

.c-entry-button._color-3 {
  background: #030d0d;
}
.c-entry-button:after {
  content: "";
  width: 1em;
  height: 1em;
  padding-left: 0.25em;
  background: url(../img/icon_pen.png) right top no-repeat;
  background-size: 1em;
  display: block;
}

.c-entry-button input {
  display: none;
}