@charset "UTF-8";

/*---------------------------------
Travel Spice  Tour styleSheet
----------------------------------*/
#tourTable thead{
  display: none;
	font-size: 14px;
  font-size: 1.4rem;
}
#tourTable {
	
}

#tourTable td,
#tourTable th{
  display: block;
	font-size: 12px;
  font-size: 1.2rem;
}
#tourTable th{
  text-align: left;
}
#tourTable tr td:nth-of-type(1) img{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #fff;
  box-shadow:  0 0 3px 0 #000;
	
}

#tourTable tr td:nth-of-type(2):before{
  content: "[症状]";
	font-weight: bold;
	display: block;
}
#tourTable tr td:nth-of-type(3):before{
  content: "[原因]";
	font-weight: bold;
	display: block;
}
#tourTable tr td:nth-of-type(4):before{
  content: "[処理方法]";
	font-weight: bold;
	display: block;
}


#tourTable tr td:last-child{
  margin-bottom: 2em;
}
.ie9 #tourTable td,
.ie9 #tourTable th{
  float: left;
  width: 100%;
}

@media screen and (min-width:41.875em) {  /*670px*/
  #tourTable{
    border-collapse: collapse;
  }
  #tourTable thead{
    display: table-header-group;
  }
  #tourTable thead td{
    background: #18445c;
    color: #fff;
    text-align: center;
  }
  #tourTable td,
  #tourTable th{
    display: table-cell;
    padding: 5px;
    border: 1px #ccc solid;
  }
  .ie9 #tourTable td,
  .ie9 #tourTable th{
    float: none;
    width: auto;
  }
	
	#tourTable tr td:nth-of-type(1){
		width: 20%;
	}
	#tourTable tr th{
		
		width: 20%;
	}
  #tourTable tr td:nth-of-type(3),
  #tourTable tr td:nth-of-type(4){
/*    white-space: nowrap;*/
	  width: 30%;
  }
  #tourTable tr td:nth-of-type(2):before,
  #tourTable tr td:nth-of-type(3):before,
	#tourTable tr td:nth-of-type(4):before{
    content: "";
  }
}