@charset "UTF-8";

#table{
	width : 96%;
	border-collapse: collapse;
	margin-left : 2%;
	margin-right : 2%;margin-bottom : 30px;
}

#table td, #table th{
	padding: 8px;
	border: 1px solid #999999;
	width: 50%;
	text-align: left;
}

#table th{
	font-weight: bold;
	width: 20%;
	background-color: #e6e6e6;
}

#table thead th{
	background: #e6e6e6;
}
@media only screen and (max-width:770px)

{
#table{
	
	display: block;	
	border: 1px solid #e6e6e6;	
	width: 96%;	
	margin-left: auto;	
	margin-right: auto;	
}

#table thead{
	display: none;
}

#table tbody{
	display: block;
}

#table tbody tr{
	display: block;
	margin-bottom: 1.5em;
}

#table tbody th, #table tbody td{
	
	display: list-item;	
	border: medium none;	
	width: 95%;	
}

#table tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #946243;
	width: auto;
}

#table tbody td{
	
	margin-left: 10px;
	list-style-type: none;
	padding: 0px;	
}
}

#table00{
	width : 96%;
	border-collapse: collapse;
	margin-left : 2%;
	margin-right : 2%;
	margin-top : 20px;
margin-bottom : 20px;
}

#table00 td{
	padding: 8px;
	border : 1px solid #ff8080;
}


 #table00 th{
	padding: 8px;
	border : 1px solid #ff8080;
	font-weight: bold;
	width : 30%;

}

#table00 thead th{
	background: #ffb9b9;
}





#table00{
	width : 96%;
	border-collapse: collapse;
	margin-left : 2%;
	margin-right : 2%;
	margin-top : 20px;
margin-bottom : 20px;
}

#table00 td{
	padding: 8px;
	border : 1px solid #ff8080;
}


 #table00 th{
	padding: 8px;
	border : 1px solid #ff8080;
	font-weight: bold;
	width : 30%;

}

#table00 thead th{
	background: #ffb9b9;
}

#table00a{
	width : 98%;
	border-collapse: collapse;
	margin-left : 1%;
	margin-right : 1%;
	margin-top : -10px;
margin-bottom : 30px;
}

#table00a td, #table00a th{
	padding: 8px;
	border: 1px solid #cccccc;
	width: 48%;
}

#table00a th{
	font-weight: normal;
	width: 25%;
}

#table00a thead th, #table00a thead td{
	background: #946243;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}


#tableA{
	width : 96%;
	border-collapse: collapse;
	margin-left : 2%;
	margin-right : 2%;
	margin-top : 20px;
margin-bottom : 20px;
}

#tableA td, #tableA th{
	padding: 8px;
	border : 1px solid #ff8080;
	width: 50%;
  text-align : center;
}

#tableA th{
	font-weight: bold;
	width: 20%;
  text-align : center;
}

#tableA thead th{
	background: #ffb9b9;
}


#tableF{
	width: 90%;
	border-collapse: collapse;
}
#tableF td,#tableF th{
	padding: 5px;
	border: 1px solid #ccc;
}
#tableF th{
	font-weight: bold;
  text-align : center;
}
#tableF thead th{
	background:#e6e6e6;
}

@media only screen and (max-width:800px){
#tableF{
	display: block;
}
#tableF thead{
	display: none;
}
#tableF tbody{
	display: block;
}
#tableF tbody tr{
	display: block;
	margin-bottom: 1.5em;
}
#tableF tbody th,#tableF tbody td{
	display: list-item;
	border: none;
}
#tableF tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #000;
}
#tableF tbody td{
	margin-left: 20px;
	padding: 0;
}
#tableF tbody td:nth-of-type(1)::before{
	content: "[品詞]";
}
#tableF tbody td:nth-of-type(2)::before{
	content: "[意味]";
}
#tableF tbody td:nth-of-type(3)::before{
	content: "[用例]";
}
}

/*===============================================
●PC.css  画面の横幅が770px以上①
===============================================*/
@media (min-width: 770px) {

#map_space,#map_spaceA,#map_spaceB,#map_spaceC,#map_spaceD,#map_spaceE{
  width : 96%;
  height : 500px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 30px;
}

h6.map_title{
	text-align: center;
	font-size : 14px;	
  color : #666666;
  margin-right : 10px;
}

p.map_comment{
	padding : 0px 10px 0px 10px;	
  color : black;
  text-align : center;
  margin-bottom : -20px;
}

	#table th a{
	color: blue;
}
}
/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){

#map_space,#map_spaceA,#map_spaceB,#map_spaceC,#map_spaceD,#map_spaceE{
  width : 96%;
  height : 350px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 30px;
}

h6.map_title{
	text-align: center;
	font-size : 14px;	
  color : #666666;
  margin-right : 10px;
}

p.map_comment{
	padding : 0px 10px 0px 10px;	
  color : black;
  text-align : center;
  margin-bottom : -20px;
}

#table th a{
  text-decoration : none;
  color : #ffffff;
}
}