@charset "utf-8";
/* CSS Document */


body{
  width:100vw; /*ページ全体の幅は100%と指定する*/	
  text-align:center; /*ページ全体を中央揃えにする*/
  font-family: sans-serif;
}
#wrap{ 
//  width: 800px;	   /*全体の幅を指定する*/  
  width: 100vw;
  margin: 0 auto;    /*マージンの指定をする、ブラウザ対策*/
  text-align:left;   /*全体を左揃えにする。*/

  margin-top: 20px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color:#ededed;

}


  .sort.desc:after {
    content: "▼";
  }

  .sort.asc:after {
    content: "▲";
  }

html {
  touch-action: manipulation;
}

table thead tr th {
	color: #000;
	
	background: #aaaaaa;
}

td {
	padding: 2px;
}

table.z1 {
    border: solid 0px #000000;
    border-collapse: separate;
//    border-spacing: 15px 0px;
//    width:400px;
    width:100vw;
}


table.l1 {
    border: 1px solid black;
    border-collapse: collapse;
    border-color:#aaaaaa;
    background: #fff;
}
td.l1 {
    border: 1px solid black;
    border-color:#aaaaaa;
    height: 40px;

}
tr.l1 {
    background-image: url(img/ss.jpg); 
}
a.l1{
    text-decoration: underline;
    color: #000000;
}
a.l1:hover{
    text-decoration: none;
    color: #000000;
}

table.l1d{
    border:1px solid #aaaaaa;
    background: #fff;
}

div.l1d {
    border-color:#aaaaaa;
    border: solid 1px #454545;          /* 枠で囲む */
    text-align:  center;                /* 中央揃え */
    font-weight: bold;                  /* フォント 太字 */
    border-radius:5px;                  /* 角丸指定 */
    box-shadow: 0 2px 10px 0 #9E9E9E;   /* 影指定 */
}
td.l1d {
    font-weight: bold;                  /* フォント 太字 */
    text-align:  center;                /* 中央揃え */
}

img.l1d {
    padding-top:5px;
}
span.l2d {
    border: solid 0px #454545;          /* 枠で囲む */
    background:#999999; /*背景色の指定*/
    color: #ffffff;
    font-weight: bold;                  /* フォント 太字 */
    padding:3px;
}
td.l2d {
    font-weight: bold;                  /* フォント 太字 */
    text-align:  left;                /* 中央揃え */
}
span.l3d {
    color: #000000;
    font-weight: bold;                  /* フォント 太字 */
    padding:3px;
}


table.r1 {
    border: 1px solid black;
    border-collapse: collapse;
    border-color:#aaaaaa;
//    width:300px;
    width:98vw;
    font-size: 0.6em;
}
th.r1t {
    border: 1px solid black;
    border-color:#aaaaaa;
//    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:80%;
}
th.r101t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:90px;
    font-size:0.1em;
}
th.r102t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:50px;
}
th.r103t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:50px;
}
th.r104t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:90px;
}
th.r105t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:90px;
}
th.r106t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:100px;
}
th.r107t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:100px;
}
th.r108t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:100px;
}
th.r109t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:90px;
}

th.r2t {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
    width:100px;
}
td.r1 {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: bold;
    height: 35px;
    padding-left:10px;
}
td.r2 {
    border: 1px solid black;
    border-color:#aaaaaa;
    font-weight: normal;
    padding-left:30px;
}

tr.r1:nth-child(even) {
	background: #ffffff;
}

tr.r1:nth-child(odd) {
	background: #f1f1f1;
}
span.r1 {
    color: #000000;
    font-weight: normal;
    padding:0px;
    font-size:small;
}
div.r1 {
    border: solid 0px #454545;          /* 枠で囲む */
    background:#cccccc; /*背景色の指定*/
    color: #ffffff;
    font-weight: bold;                  /* フォント 太字 */
    padding:0px;
    width:100%;
    color:#555555;
    height:40px;
    display:flex;
    align-items: center;
    justify-content: center;
//    margin-top: 10px; /* 位置調整 */
}

div.r2 {
    color: #000000;
    font-weight: bold;
    padding:0px;
    margin: auto;
    text-align:center;
    font-size:small;
    margin-top: 10px; /* 位置調整 */
}

a.r1{
    text-decoration: none;
    color: #000000;
}
a.r1:hover{
    text-decoration: underline;
}


table.d1 {
	background: #dddddd;
    margin: auto;
    text-align:center;
    font-size:small;
    background: #fff;
    margin-top: 10px; /* 位置調整 */
    margin-left: 4px; /* 位置調整 */
//    width:800px;
    width:100vw;
}

div.data-id {
//	background: #dddddd;
    border-color:#aaaaaa;
    background: linear-gradient(180deg, #aaaaaa 0%, #888888 50%, #777777 50%, #555555 100%);

    border: solid 1px #454545;          /* 枠で囲む */
    text-align:  center;                /* 中央揃え */
    font-weight: bold;                  /* フォント 太字 */
    border-radius:5px;                  /* 角丸指定 */
    box-shadow: 0 2px 10px 0 #9E9E9E;   /* 影指定 */
    width:20px;
    height:25px;
    display:flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size:0.1em;
    margin-left: -8px;
}

.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #ff7c5c;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  width:200px;
//  width: 85vw;
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.btn-sticky625 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #65B2FF;/*左線*/
  color: #65B2FF;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  width:200px;
//  width: 85vw;

}
.btn-sticky625:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
.btn-sticky-date {
  display: inline-block;
  padding: 0.2em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #f7f7f7;/*左線*/
  color: #888888;/*文字色*/
  font-weight: normal;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  width:100px;
}
.btn-sticky-date:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}