@charset "UTF-8";
#contentArea,
#columnArea,
#mainColumn,
#contentArea,
#mainArea,
.lesson-head-color{
	max-width: 100%;
}
.ocp img{
	max-width: 100%;
	height: auto;
}
.ocp .lesson-head-color{
	max-width: 100%;
}

.ocp .lesson-wrap .cornerBox {
	max-width: 100%;
}
.ocp .lesson-wrap .cornerBox2 {
	max-width: 100%;
}


.ocp .lesson-wrap .cornerBox .readcopy {
	max-width: 100%;
}
.ocp .lesson-wrap .cornerBox2 .readcopy {
	max-width: 100%;
}

.ocp .lessonWrap .soundBox {
	max-width: 100%;
}

.ocp .lesson-chiikiWrap .lesson-chiikiBox {
	max-width: 100%;
}
.ocp .lesson-chiikiWrap .lesson-chiikiBox .japanMap{
	max-width: 100%;
}

@media (max-width: 767px) {
	.ocp th.jet-result-column01,
	.ocp th.jet-result-column02,
	.ocp th.jet-result-column03,
	.ocp th.jet-result-column04{
		width: auto !important;
	}
	.ocp th.cell01{
		padding: 0 5px !important;
		border: none !important;
		display: block;
		font-size: 12px !important;
	}
	.ocp th.cell02,
	.ocp td.cell02 ,
	.ocp td.cell03 {
		padding: 0 5px !important;
		border: none !important;
		display: block;
		font-size: 12px !important;
	}
	.ocp tr{
		display: block;
		border-top: 1px solid #e6e6e6 !important;
		border-left: 1px solid #e6e6e6 !important;
		border-right: 1px solid #e6e6e6 !important;
	}
	.ocp td.cell02:first-child{
		padding-top: 5px !important;
		font-weight: bold;
	}
	#elStation .table-responsive{
		max-width: 100%;
		width: 100% !important;
		border-bottom: 1px solid #e6e6e6 !important;
	}
}