.card-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, 440px);
    grid-gap:0px;
    justify-content: center; /* グリッド全体を中央に寄せる設定 */
}
.quest-card{
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */ 
    min-height:58px;
    overflow:visible;
    background-color:rgb(255, 255, 255);
    display:flex;
    padding:0.5em;
    align-items:center;
    position:relative;
    transition:color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
    outline:1px solid  rgb(200, 200, 200);
    margin:12px;
}
.quest-card:hover {
    outline:3px solid rgb(141, 141, 141);
}

.quest-card__link {
    color:#000000;
    /*text-decoration: underline;*/
}

.quest-card__link a {
    color:#000000;
}
.quest-card__link:hover {
    color:#007bff;
}

.quest-card__link a:hover {
    color:#007bff;
}

.quest-card img {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 16px;
    margin-left: 0px;
    height:48px;
    display:inline-block;
}

.quest-card img[data-num="1"] {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 16px;
    margin-left: 0px;
    height:48px;
    display:inline-block;
}

.quest-card img[data-num="2"] {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 8px;
    margin-left: 0px;
    height:36px;
    display:inline-block;
}

.quest-card img[data-num="3"] {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 4px;
    margin-left: 0px;
    height:32px;
    display:inline-block;
}

.quest-card img[data-num="4"] {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 4px;
    margin-left: 0px;
    height:24px;
    display:inline-block;
}

.quest-card img[data-num="5"] {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 4px;
    margin-left: 0px;
    height:24px;
    display:inline-block;
}


.quest-card div {display: inline-block;}

.quest-card {
    position: relative;
}

.quest-card a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: auto;
    content: "";
    background-color: transparent;

    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.container-fluid {
    margin:0px;
    padding:0px;
}

body { 
    margin: 0px;
    padding: 0px;
    /*background-color:black;*/
    }

/* record_list 用(リンクが不要) */
.quest-card-recordlist{
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */ 
    min-height:58px;
    overflow:visible;
    background-color:rgb(255, 255, 255);
    display:flex;
    padding:0.5em;
    align-items:center;
    position:relative;
    transition:color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
    /*outline:1px solid  rgb(200, 200, 200);
    */
    border-bottom: 1px solid rgb(200, 200, 200);
    margin-top:12px;
    margin-bottom:24px;
    float: left;
}

.quest-card-recordlist img[data-num="1"] {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 16px;
    margin-left: 0px;
    height:72px;
    display:inline-block;
}

.quest-card-recordlist img[data-num="2"] {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 8px;
    margin-left: 0px;
    height:64px;
    display:inline-block;
}

.quest-card-recordlist img[data-num="3"] {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 4px;
    margin-left: 0px;
    height:64px;
    display:inline-block;
}

.quest-card-recordlist img[data-num="4"] {
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 4px;
    margin-left: 0px;
    height:64px;
    display:inline-block;
}

.quest-card-recordlist div {display: inline-block;}

.quest-card-recordlist {
    position: relative;
}

/*
.top-table {



}


table{
  width: 100%;
}
th,td{
  height: 100px;
  vertical-align: middle;
  padding: 0 15px;
  border: 1px solid #ccc;
}
*/



/*
table{
  width: 100%;
}
th,td{
  height: 100px;
  vertical-align: middle;
  padding: 0 15px;
  border: 1px solid #ccc;
}
*/
.fixed01{
  position: sticky;
  top: 0;
  color: #fff;
  /*background: #333;*/
  background: rgb(95, 95, 95);
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}

.fixed02{
  position: sticky;
  top: 0;
  color: rgb(0, 0, 0);
  /*background: #333;*/
  background: rgb(255, 255, 255);
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}


/* top summary 用画像 */
.top_summary_img[data-num="1"]{
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 2px;
    margin-left: 0px;
    height:38px;
    display:inline-block;
}
.top_summary_img[data-num="2"]{
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 2px;
    margin-left: 0px;
    height:32px;
    display:inline-block;
}
.top_summary_img[data-num="3"]{
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 2px;
    margin-left: 0px;
    height:28px;
    display:inline-block;
}

 /* --- テーブル全体のスタイル指定 --------------- */
 .tableArea {
  margin         : auto;             /* 自動位置   */
  font-size      : 9pt;              /* 文字サイズ */
} 

.tbaleArea a {
    color:#000000;
}

 /* --- ヘッダーのスタイル指定 ------------------- */
.tableArea th {
  text-align    : center;            /* 文字位置  */
  padding       : 3px;               /* 余白      */
}
 /* --- 明細のスタイル指定 ----------------------- */
.tableArea td {
  cursor        : pointer;           /* カーソル  */
  text-align :center;
  vertical-align: middle;
  padding-top:2px;
  padding-bottom:2px;
}

 /* --- 明細のｎ行にカーソルが乗ったとき ---------- */
.tableArea tr:hover {
  background    : #ffefd5 !important;           /* 背景色    */
}
 /* --- セルにカーソルが乗ったとき --------------- */
.tableArea td:hover {
  background    : #535353!important;           /* 背景色    */
  color         : #ffffff !important;           /* 文字色    */
}

.tableArea td > a {
    color:#000000;
}

.tableArea td:hover > a {
  background    : #535353!important;           /* 背景色    */
  color         : #ffffff !important;           /* 文字色    */
}





.top_table_a {
    color :#000000;
}

.tableArea a:hover {
  background    : #535353!important;           /* 背景色    */
  color         : #ffffff !important;           /* 文字色    */
}

.record-list-buttons {
    min-width: 720px;
    align-items: center;
}

.top-table-buttons {
    min-width: 720px;
}

.version-label {
  border: solid 1px #ccc;
  border-radius: 4px;
  background: #eaeaeb;
  padding:2px 6px;
}

.freestyle-label {
  border: solid 1px #ccc;
  border-radius: 4px;
  background-color: #fff;
  padding:2px 6px;
  color:rgb(0, 0, 0);
  font-size: 12px;
  font-weight: bold;
}

.tawiki-label {
  border: solid 1px #ccc;
  border-radius: 4px;
  background: #557dc7;
  padding:2px 6px;
  color:#fff;
  font-size: 12px;
  font-weight: bold;
}

.tawiki-label2 {
  border: solid 1px #557dc7;
  border-radius: 4px;
  background: #ffffff;
  padding:2px 6px;
  color:#557dc7;
  font-size: 12px;
}

.tawiki-label2 {
  border: solid 1px #ccc;
  border-radius: 4px;
  background: #557dc7;
  padding:2px 6px;
  margin-left: 4px;
  color:#fff;
  font-size: 12px;
  font-weight: bold;
}

.runner {
  width: 140px;
}

.runner-new {
  width: 140px;
  background-color: rgb(225, 241, 255) !important; 
}

.time-rule {
  display: inline-block;
  white-space: nowrap;
}

.cleartime {
  width: 100px;
  text-align: center;
}

.weapon {
  width: 80px;
}

.weapon_name {
  width: 80px;
}

.detail-time {
  vertical-align: middle;
}

.detail-cleartime {
  font-size: 22px;
}

.medal {
  font-size: 22px;
}

.newrow {
  background-color: rgb(225, 241, 255) !important;
}

.new1num {
  color:rgb(240, 66, 66);
}

.new23num {
  color:rgb(90, 90, 90);
}

.detail-questname {
  color:#007bff;
}

.lnobottom {
  margin-bottom:3px;
}

.banned {
  margin-left:20px;
}

.issueform {
  max-width:720px;
}

.miniquestname {
  font-size:12px;
}

.sblink-card{
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */ 
    overflow:visible;
    background-color:rgb(255, 255, 255);
    display:inline-block;
    padding:0.5em;
    align-items:center;
    position:relative;
    transition:color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
    outline:1px solid  rgb(0, 0, 0);
    margin:12px;
}

.sblink-card:hover {
    /*outline:3px solid rgb(141, 141, 141);*/
    background-color: #000000;
}

.sblink-card__link {
    color:#000000;
    /*text-decoration: underline;*/
}

.sblink-card__link a {
    color:#000000;
}
.sblink-card__link:hover {
    color:#ffffff;
}

.sblink-card__link a:hover {
    color:#ffffff;
    text-decoration: none;
}

.sblink-card div {display: inline-block;}

.sblink-card {
    position: relative;
}

.sblink-card a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: auto;
    content: "";
    background-color: transparent;

    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}




@media screen and (max-width:480px) {
 
	/*　画面サイズが480px以下の場合ここの記述が適用される　*/
 .card-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, 370px);
    grid-gap:0px;
    justify-content: center; /* グリッド全体を中央に寄せる設定 */
  }

  .quest-card{
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */ 
    min-height:48px;
    overflow:visible;
    background-color:rgb(255, 255, 255);
    display:flex;
    padding:0.5em;
    align-items:center;
    position:relative;
    transition:color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
    outline:1px solid  rgb(200, 200, 200);
    margin:12px;
  }

  .quest-card img {
      margin-top:0px;
      margin-bottom: 0px;
      margin-right: 16px;
      margin-left: 0px;
      height:24px;
      display:inline-block;
  }

  .quest-card img[data-num="1"] {
      margin-top:0px;
      margin-bottom: 0px;
      margin-right: 8px;
      margin-left: 0px;
      height:40px;
      display:inline-block;
  }

  .quest-card img[data-num="2"] {
      margin-top:0px;
      margin-bottom: 0px;
      margin-right: 2px;
      margin-left: 0px;
      height:24px;
      display:inline-block;
  }

  .quest-card img[data-num="3"] {
      margin-top:0px;
      margin-bottom: 0px;
      margin-right: 2px;
      margin-left: 0px;
      height:24px;
      display:inline-block;
  }

  .quest-card img[data-num="4"] {
      margin-top:0px;
      margin-bottom: 0px;
      margin-right: 2px;
      margin-left: 0px;
      height:20px;
      display:inline-block;
  }

  .quest-card img[data-num="5"] {
      margin-top:0px;
      margin-bottom: 0px;
      margin-right: 2px;
      margin-left: 0px;
      height:20px;
      display:inline-block;
  }

  .fixed01{
    position: sticky;
    top: 0;
    color: #fff;
    /*background: #333;*/
    background: rgb(95, 95, 95);
    &:before{
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: 100%;
      height: 100%;
      border: 1px solid #ccc;
    }
  }

  .fixed02{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: rgb(0, 0, 0);
    /*background: #333;*/
    background: rgb(255, 255, 255);
    &:before{
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: 100%;
      height: 100%;
      border: 1px solid #ccc;
    }
  }



}