@charset "UTF-8";
.wrap{
	max-width:960px;
	margin: 0 auto;
	padding:0 2%;
}
table td {
	padding: 10px 5px 10px 0px; /*［上］ と ［右］ と ［下］ と ［左］ を指定*/
}

.text_jp_en tr:nth-child(4n+1) td {
	background: #ffffff;
}

.text_jp_en tr:nth-child(4n+2) td {
	background: #f1f1f1;
}

.text_jp_en tr:nth-child(4n+3) td {
	background: #f1f1f1;
}

.text_jp_en tr:nth-child(4n) td {
	background: #f1f1f1;
}



table tr:nth-child(odd) td {
	background: #ffffff;
}

table tr:nth-child(even) td {
	background: #f1f1f1;
}


.title{
	background: #DAEBF3;
}

table {
	width: 100%;
}


.word-wrap{
	background: #f1f1f1;
	/*padding:10px;*/
}


.word-wrap .wrapA{
	padding:0px 2%;
	max-width: 960px;
	margin: 0 auto;

}

.word-wrap .wrapA .word-box{
	border-bottom: 2px solid #f1f1f1;
	padding:20px 2%;
	background: rgba(255,255,255,0.5);
}

.word-wrap .wrapA .word-box ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-bottom: 15px;
}

.word-wrap .wrapA .word-box ul li{
	list-style: none;
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	padding:2px 5px;
}

.word-wrap .wrapA .word-box ul li:first-child{
	display: flex;
	flex-wrap: wrap;
	border:1px solid rgb(239,123,81);
	background-color: rgb(239,123,81);
	color:#fff;
}

.word-wrap .wrapA .word-box ul li:first-child span{
	justify-content: flex-start;
	margin-right: 2px;
	display: block;
}

.word-wrap .wrapA .word-box ul li:first-child span:last-child{
	margin-right: 0;
}
/*
.word-wrap .wrapA .word-box ul li:nth-child(2){
	border:3px solid rgb(218,235,243);
	background-color:rgb(218,235,243);
}

.word-wrap .wrapA .word-box ul li:nth-child(2) a{
	display: block;
	color: rgb(81,80,93);
	text-decoration: none;
}
*/
.word-wrap .wrapA .word-box ul li:last-child{
	margin-right: 0;
	background-color: #f1f1f1;
	border:3px solid #f1f1f1;
	color:rgb(81,80,93);
}



.word-wrap .wrapA .word-box .title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 1.25;
}

.word-wrap .wrapA .word-box .title dt{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.25;
	color:rgb(58,144,207);
}

.word-wrap .wrapA .word-box .title dd a{
	color: rgb(81,80,93);
	text-decoration: none;
	/*letter-spacing: 0.5px;*/
}

.word-wrap .wrapA .word-box .word{
	display: flex;
	font-weight: bold;
	line-height: 1.25;
}

.word-wrap .wrapA .word-box .word dt{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.25;
	color: rgb(58,144,207);
	margin-right: 25px;
}

.word-wrap .wrapA .word-box .word dt span{
	text-decoration: none;
}

.word-wrap .wrapA .word-box .word dd{
	font-weight: bold;
	font-size: 18px;
}

.word-wrap .wrapA .word-box .word dd a{
	color: /*rgb(81,80,93)*/gray;
	text-decoration: none;
}

.word-wrap .wrapA .word-box .word dd a span{
	border-bottom: 2px solid gray;
}



/*テーブルに罫線をつける
.word-wrap .wrapA table{
	border-collapse: collapse;
	width:100%;
	margin:0 auto;
	text-align: center;
}

.word-wrap .wrapA table tr.tr-heading{
	background-color:rgb(204,231,227);
}

.word-wrap .wrapA table tr.tr-heading a{
	color: rgb(81,80,93);
}

.word-wrap .wrapA table tr th{
	border:1px solid #ccc;
	padding:20px;
	font-size: 18px;
}

.word-wrap .wrapA table .tr-heading th a{
	text-decoration: none;
}

.word-wrap .wrapA table tr td{
	border:1px solid #ccc;
	padding:20px 5px;
	font-size: 18px;
	color: rgb(81,80,93);
	font-weight: bold;
}

レベルの垂直方向の中央揃え.word-wrap .wrapA table tr td:first-child{
}でも可能
.word-wrap .wrapA table .tr-1 .level-td{
	vertical-align: middle;
	text-decoration: none;
	color: rgb(81,80,93);
	font-weight: bold;
	padding:15px 0px;
}

.word-wrap .wrapA table tr td a {
	text-decoration: none;
	color:rgb(81,80,93);
}

出典と日付
.word-wrap .wrapA table tr:nth-child(2n-1) td{
	vertical-align: middle;
	font-size: 13px;
	padding:15px;

}

出典と日付 span
.word-wrap .wrapA table tr:nth-child(2n-1) td a span{
	background-color: #333;
	color: #fff;
	padding:5px 8px;;
}

交互に背景のカラーを変える　レベルとタイトル
.word-wrap .wrapA table tr:nth-child(4n) td{
	background-color: rgb(233,239,244);
}

交互に背景のカラーを変える　出典と日付
.word-wrap .wrapA table tr:nth-child(4n+1) td{
	background-color: rgb(233,239,244);
}
*/





.word-wrap .wrapA div .btn{
	display: block;
	text-align: center;
	width:50%;;
	margin: 20px auto 20px;
	border:2px solid #000;
	text-decoration: none;
	padding:13px 0 12px;
	font-weight: bold;
	}