html {
    /* ルート要素の文字サイズを変更する */
    font-size: 14px;
} 



body {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.7;
  color: #595757;
  font-weight: normal;
  }
 
.container-fluid{
	background-color: #F8F9FA;
}


/*------------------------------------
- スマホ時のみ改行する設定（PC版では改行しない）
------------------------------------*/
.sp {
	display: none;
	}



@media (max-width: 600px) {
.sp {
	display: block;
	}
   }


/*------------------------------------
- 価格表のマージン
------------------------------------*/

.mgr-100{
    margin-right : 100px;
}

/*------------------------------------
- table
------------------------------------*/
table {
    border-collapse: collapse;
    width: 500px;
    }
    
    th {
    width: 20%;
	color: #FFF;
	padding: 10px 15px;
    border: solid 1px #9FA0A0;
   }

    td {
    width: 80%;
    border: solid 1px #9FA0A0;
    padding: 10px 15px;
   }
    
   /* input {
    box-sizing: border-box;
    width: 100%;
   } */
    
   @media (max-width: 600px) {
    table {
    width: 100%;
    }
    th,td {
    display: block;
    text-align: left;
    width: 100%;
    }
    td {
        margin: -1px 0;
       }
 
   }




/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #c68969;
    background-color: #c68969;
    border-color: #c68969;
}

.alert-primary hr {
    border-top-color: #c68969;
}

.alert-primary .alert-link {
    color: #b76c45;
}

.badge-primary {
    color: #fff;
    background-color:#e8cfc2;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #212529;
    background-color: #dab19c;
}

.bg-primary {
    background-color: #9FA0A0 !important;
	border-top-color: #9FA0A0;
	border-bottom-color: #fff;
    border-left-color: #9FA0A0;
	border-right-color: #9FA0A0;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #dab19c !important;
}

.border-primary {
    border-color: #e8cfc2 !important;
}

.btn-primary {
    color: #fff;
    background-color: #595757;
    border-color: #595757;
    transition: .5s;
}

.btn-primary:hover {
    color: #fff;
    background-color: #e8cfc2;
    border-color: #e8cfc2;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 207, 194, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #212529;
    background-color: #e8cfc2;
    border-color: #e8cfc2;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #212529;
    background-color: #dab19c;
    border-color: #d5a991;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 207, 194, 0.5);
}

.btn-outline-primary {
    color: #595757;
    background-color: transparent;
    border-color: #595757;
    transition: .5s;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #e8cfc2;
    border-color: #e8cfc2;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 207, 194, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #e8cfc2;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #e8cfc2;
    border-color: #e8cfc2;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 207, 194, 0.5);
}

.list-group-item-primary {
    color: #c68969;
    background-color: #c68969;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #c68969;
    background-color: #c68969;
}

.list-group-item-primary.list-group-item-action.active {
    color: #212529;
    background-color: #c68969;
    border-color: #c68969;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #9FA0A0;
    color: #fff;
}

.table-hover .table-primary:hover {
    background-color: #c68969;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #c68969;
}

.text-primary {
    color: #e8cfc2 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #dab19c !important;
}




/*------------------------------------
- フォームの内側の影の設定
------------------------------------*/
/* .form-control{
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
} */