/*
    システム共通　スタイル
*/

/***********************************************
 共通
***********************************************/

/* 会員 */
.member {
    background-color: #e7f7ff !important;
    border-color: #7fbafd !important;      
}

/* 管理 */
.admin {
    background-color: #f8f8f8 !important;
    border-color: #e7e7e7 !important;      
}

/* チェックボックス */
input[type=checkbox] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

/* 中央揃え */
@media (min-width: 767px){
    .align-center{
        text-align: center;
    }
}  

/* バッジ風ラベル */
.label-badge {
    border-radius: 0.8em;
}

/***********************************************
 HTML
***********************************************/

html {
  position: relative;
  min-height: 100%;
}

/***********************************************
 ボディ
***********************************************/

body {
    margin-bottom: 60px;    /* footerのheight + スペース分 */
}

/***********************************************
 フッタ
***********************************************/

/* フッタ */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;    /* bodyのmargin-bottomと合わせる */
    border: 1px solid transparent;
    border-radius: 4px;
    display: table;
}

/* フッタコンテンツ */
.footer .container {
    display: table-cell;
    vertical-align: middle;
}

/* フッタコンテンツ内容 */
.footer .container *{
    margin: 0;
}

/***********************************************
 テーブル
***********************************************/

/* テーブル　セルレイアウト　中央 */
.table-center th{
    text-align: center;
}
.table-center .table-td-center{
    text-align: center;
}

/***********************************************
 ロゴ
***********************************************/

/*
    ロゴ画像
*/
.logo {
    float : left;
}

/***********************************************
 インラインフレーム
***********************************************/

/*
 *   iframe
*/
/* iframe要素内でサイズ指定している場合は必要なし */
.iframe {
  width: 560px;
  height: 315px;
}
/* CSSでレスポンシブ対応 */
@media screen and (max-width: 640px) {
  .iframe-wrapper {
    position: relative;
    width: 100%;
    padding: calc(315 / 640 * 100%) 0 0;
  }
iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}