@charset "utf-8";
/*************************************************************
 *
 * Copyright (c) 2023 ysrock Co., Ltd.	<info@ysrock.co.jp>
 * Copyright (c) 2023 Yasuo Sugano	<sugano@ysrock.co.jp>
 *
 * Version	: 1.0.1
 * Update	  : 2023.12.12
 *
 *************************************************************/


/**
 * テーブル
 */
div.tableWrap {
  display: inline-block;
  max-width: 100%;
  border-style: solid;
  border-color: #e5e5e5;
  background-color: #eee;
  overflow-x: auto;
  overflow-y: hidden;
}
div.tableWrap > table {
  width: 100%;
  border-collapse: collapse;
  border-style: solid;
  border-color: #d5d5d5;
  border-spacing: 0;
  background-color: #fff;
}
div.tableWrap > table > thead > tr > th {
  border-style: solid;
  border-color: #d5d5d5;
  background-color: #f7f7f7;
  line-height: 1.2em;
  color: #333;
}
div.tableWrap > table > tbody > tr > * {
  border-style: solid;
  border-color: #d5d5d5;
  background-color: #fff;
  line-height: 1.4em;
  color: #333;
}
div.tableWrap > table > tbody > tr > th {
  background-color: #f7f7f7;
}
div.tableWrap > table > tfoot > tr > * {
  border-style: solid;
  border-color: #d5d5d5;
  background-color: #fff;
  line-height: 1.4em;
  color: #333;
}
div.tableWrap > table > tfoot > tr > th {
  background-color: #f7f7f7;
}
@media print, screen and (min-width: 1025px) {
  /* px */

  div.tableWrap {
    margin-top: 10px;
    border-width: 1px;
    padding: 3px;
  }
  div.tableWrap > table {
    border-width: 1px;
  }
  div.tableWrap > table > thead > tr > th {
    border-width: 1px;
    padding: 10px;
    font-size: 14px;
  }
  div.tableWrap > table > tbody > tr > * {
    border-width: 1px;
    padding: 10px;
    font-size: 14px;
  }
  div.tableWrap > table > tfoot > tr > * {
    border-width: 1px;
    padding: 10px;
    font-size: 14px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px){
	/* px/8.5 */

  div.tableWrap {
    margin-top: 1.1709vw;
    border-width: 0.117vw;
    padding: 0.3512vw;
  }
  div.tableWrap > table {
    border-width: 0.117vw;
  }
  div.tableWrap > table > thead > tr > th {
    border-width: 0.117vw;
    padding: 1.1709vw;
    font-size: 1.6393vw;
  }
  div.tableWrap > table > tbody > tr > * {
    border-width: 0.117vw;
    padding: 1.1709vw;
    font-size: 1.6393vw;
  }
  div.tableWrap > table > tfoot > tr > * {
    border-width: 0.117vw;
    padding: 1.1709vw;
    font-size: 1.6393vw;
  }
}
@media screen and (max-width: 640px){
	/* px/4 */

  div.tableWrap {
    margin-top: 2.5vw;
    border-width: 0.25vw;
    padding: 0.75vw;
  }
  div.tableWrap > table {
    border-width: 0.25vw;
  }
  div.tableWrap > table > thead > tr > th {
    border-width: 0.25vw;
    padding: 2.5vw;
    font-size: 3.5vw;
  }
  div.tableWrap > table > tbody > tr > * {
    border-width: 0.25vw;
    padding: 2.5vw;
    font-size: 3.5vw;
  }
  div.tableWrap > table > tfoot > tr > * {
    border-width: 0.25vw;
    padding: 2.5vw;
    font-size: 3.5vw;
  }
}


/**
 * ローディング
 */
img.loading { 
  animation-name: rotation;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes rotation {
    0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}
@media print, screen and (min-width: 1025px){
  /* px */
  
  img.loading {
    margin-top: 20px;
    width: 80px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px){
	/* px/8.5 */

  img.loading {
    margin-top: 2.3419vw;
    width: 9.3676vw;
  }
}
@media screen and (max-width: 640px){
	/* px/4 */

  img.loading {
    margin-top: 5vw;
    width: 20vw;
  }
}


@media print, screen and (min-width: 1025px){}