@charset "utf-8";

@media screen and (max-width: 768px){
    .mobileScrollX{
        overflow-y: hidden;
        overflow-x: auto;
    }
    .mobileScrollX table:not(.inner-table-wrap .cst-table){
        width: 768px;
    }
    .mobileScrollX img {
        max-width: none;
        width: 1000px;
    }

    .touchMobile{
		   position: relative;
	  }
  	.touchMobile:before{
  		display: block;
  		content: '';
  		color: #fff;
  		clear: both;
  		position: absolute;
  		top: 50%;
  		left: 50%;
  		z-index: 2;
  		width: 100%;
  		max-width: 80%;
  		height: 100%;
  		-webkit-transform: translate(-50%,-50%);
  		transform: translate(-50%,-50%);
  		background-repeat: no-repeat;
  		background-position: center;
  		background-size: 100%;
  		background-image: url('/_images/mobileTableInfo.png');
  	}
  	.touchMobile.small:before{
  		width: 100%;
  		max-width: 100%;
  		height: 75px;
  		background-size: auto 100%;
  	}
  	.touchMobile table{
  		position: relative;
  	}
  	.touchMobile table:before{
  		display: block;
  		content: '';
  		clear: both;
  		position: absolute;
  		top: 0;
  		left: 0;
          z-index: 1;
  		width: 100%;
  		height: 100%;
  		background-color: rgba(0,0,0,0.7);
  	}
}