@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    /* font-weight: 400; */
    src: url('/fonts/NotoSerifJP/NotoSerifJP-Regular.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    /* font-weight: 400; */
    src: url('/fonts/NotoSansJP/NotoSansCJKjp-Regular.otf') format('opentype');
    font-display: swap;
}
html {
    background-color: #fff;
}

body {
    font-family: 'Noto Sans Japanese', serif, sans-serif;
    color: #4b5563;
    background-color: #fff; 
    /* background: url("/img/bg.jpg") no-repeat top left / cover; */
    
}
.sp {
    display: none;
}

h2 {
    font-size: 1.8rem;
}
.mw {
    max-width: 1200px;
}
.noto-serif {
    font-family: 'Noto Serif Japanese', serif, sans-serif;

}

.x-small {
  font-size: 60%;
}

.gold {
    color: #B6913D !important;
}
/* .gray {
    color: #1E1E1E !important;
} */
.light-gray {
    color: #808080;
}
.red {
    color: #D20000 !important;
}
.blue {
    color: #2607d8 !important;
}

.bg-gold {
    background-color: #B6913D !important;
}
/* .bg-gray {
    background-color: #EDF8FE !important;
} */
.bg-red {
    background-color: #D20000 !important;
}
.bg-light-gray {
    background-color: #808080 !important;
}
.text-gray {
    color: #CCCCCC;
}
.text-ref {
    color: #D20000;
}
.btn-darkgray {
    background-color: #1E1E1E;
}
.main-sidebar {
    background: #fff;
}
.main-sidebar .nav-link {
    transition: all 0.2s;
}
.main-sidebar .nav-link:hover {
    opacity: 0.8;
}
.brand-link .brand-image {
    float: none;
    max-height: none;
    width: 100%;
    max-width: 96px;
    min-height: none;
}

.main-header .nav-link i, .main-sidebar .nav-link i, .news-box i {
    fill: #fff;
    color: #fff;
}
.main-sidebar .nav-link i, .news-box i {
    opacity: 0.3;
}

.header-card {
    /* background : -moz-linear-gradient(17.38% -57.06% -45deg,rgba(51, 51, 51, 1) 0%,rgba(19, 17, 18, 1) 44.28%); */
    /* background : -webkit-linear-gradient(-45deg, rgba(51, 51, 51, 1) 0%, rgba(19, 17, 18, 1) 44.28%); */
    /* background : -webkit-gradient(linear,17.38% -57.06% ,82.62% 157.06% ,color-stop(0,rgba(51, 51, 51, 1) ),color-stop(0.4428,rgba(19, 17, 18, 1) )); */
    /* background : -o-linear-gradient(-45deg, rgba(51, 51, 51, 1) 0%, rgba(19, 17, 18, 1) 44.28%); */
    /* background : -ms-linear-gradient(-45deg, rgba(51, 51, 51, 1) 0%, rgba(19, 17, 18, 1) 44.28%); */
    /* background : linear-gradient(135deg, rgba(51, 51, 51, 1) 0%, rgba(19, 17, 18, 1) 44.28%);  */
}

.left-card:before {
    content:"";
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    width: 5px;
    background-color: #B6913D;
}
.middle-card:before {
    content:"";
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width: 5px;
    background-color: #D20000;
}
.right-card:before {
    content:"";
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width: 5px;
    background-color: #0400d2;
}
.header-card--num {
    font-size: 3.0rem;
}

.news-box-inner {
    max-height: 400px;
    overflow: hidden;

}
.news-box, .news-box .card{
    background-color: #fff;
}
.news-box-inner .card:last-child .card-body-inner{
    border: none !important;
}

.news--date {
    color: #999;
}

/* .news-box .card-header {
    border-color: #999;
} */

.btn--like, .btn--copy {
    background : -moz-linear-gradient(15.99% -31.63% -45deg,rgba(51, 51, 51, 1) 0%,rgba(26, 26, 26, 1) 44.28%);
    background : -webkit-linear-gradient(-45deg, rgba(51, 51, 51, 1) 0%, rgba(26, 26, 26, 1) 44.28%);
    background : -webkit-gradient(linear,15.99% -31.63% ,84.01% 131.63% ,color-stop(0,rgba(51, 51, 51, 1) ),color-stop(0.4428,rgba(26, 26, 26, 1) ));
    background : -o-linear-gradient(-45deg, rgba(51, 51, 51, 1) 0%, rgba(26, 26, 26, 1) 44.28%);
    background : -ms-linear-gradient(-45deg, rgba(51, 51, 51, 1) 0%, rgba(26, 26, 26, 1) 44.28%);
    background : linear-gradient(135deg, rgba(51, 51, 51, 1) 0%, rgba(26, 26, 26, 1) 44.28%);
    border-style : Solid;
    border-color : #808080;
    border-width : 0px;
    border-radius : 4px;
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
}
.btn--like:hover, .btn--copy:hover {
    opacity: 0.9;
    color: #999;
}
.card-body-inner {
    border-bottom-color: #666 !important;
}

@media screen and (max-width: 768px) {
    .sp {
        display: block;
    }
    .content {
        padding-bottom: 30px !important;
    }
}

.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
  /* width:200px; 今回の設置を分かりやすくするためワザと狭い幅を指定。本来は不必要な指定です。 */
}

/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar {
  height: 5px;
}

.table-scroll::-webkit-scrollbar-track {
  background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
  background: #999;
}

/* 以下、tableの指定 */
.table-scroll table {
  border-collapse:collapse;
  border-spacing:0;
  border-top:#ccc solid 1px;
  border-left:#ccc solid 1px;
}

.table-scroll table thead tr th,
.table-scroll table tbody tr td {
  padding:10px 15px;
  font-weight:normal;
  border-right:#ccc solid 1px;
  border-bottom:#ccc solid 1px;
  font-size:12px;
  min-width: 100px;
}
.table-scroll table th {
  background:#eee;
  width: 240px;
}