@charset "utf-8";
/* CSS Document */
@media screen and (max-width : 767px ){
	/*moter_daichoスマホ共通*/
	#new_wrapper{
		width: 100vw;
	}
	.container{
		width: 100vw;
		margin:0;
	}
	.contents{
		padding: 0;
	}
	p#TopicPath{
		margin: 5px;
		border-bottom: none;
		font-size: 12px;
	}
	p#TopicPath a{
		color: blue;
	}
	.content_box{
		padding: 0 10px;
	}
	#datanav{
		font-size: 12px;
	}
	h1{
		width: 100%;
		margin: 0.6em 0px 0.8em 0px;
		font-size: 16px;
		line-height: 42px;
		font-weight: bold;
		background-image: linear-gradient(#333333, #000000 );
		color: white;
		text-align: center;
		padding: 0;
	}
	h2{
		width: 100%;
		height: 100%;
		margin: 0.6em 0px 0.8em 0px;
		font-size: 16px;
		line-height: 42px;
		font-weight: bold;
		background-color: black;
		color: white;
		text-align: center;
	}
	.clicklink a{
		background-position:center left;
		padding: 8px 10px 8px 30px;
	}
	#datacomment{
		font-size: 14px;
	}
	.tbl_scroll{
		overflow: scroll;
	}
        
        .ui-body-c .ui-link{
		color: white;
	}
	.ui-body-c .ui-link:visited{
		color: white;
	}
	.clicklink .ui-link{
		color: blue;
		font-weight: normal;
	}
	.clicklink .ui-link:visited{
		color: blue;
	}
	.sort{
		font-size: 12px;
		margin: 10px 0;
	}
	.sort .ui-link{
		color: blue;
		font-weight: normal;
	}
	.sort .ui-link:visited{
		color: blue;
	}
        
table{
  width: 1800px;
}
th,td{
  padding: 0 15px;
  border: 1px solid #ccc;
}
.fixed-column{
  position: sticky;
  left: 0;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}
	tr td:first-child{
		border-right: 2px solid black;
	}
}