@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

#gifu .nav-lesson a {
  color: #b4d100!important;
}
#kani .nav-lesson a {
  color: #ef7a1b!important;
}
#gifu .page-tit .page-bg {
  background: url("../images/gifu/lesson-images/gage-tit.jpg") 50% 0 no-repeat;
}
#kani .page-tit .page-bg {
  background: url("../images/kani/lesson-images/gage-tit.jpg") 50% 0 no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.lesson .tablepress .column-1 {
  font-family: 'Noto Sans JP', sans-serif!important;
	text-align: center!important;
  vertical-align: middle!important;
	color: #fff!important;
	background-color: #000!important;
	border: solid 3px #fff!important;
	padding: 15px!important;
}
.lesson .tablepress td {
	width: 16.666%!important;
	text-align: center!important;
	background-color: #eee!important;
	border: solid 3px #fff!important;
	padding: 15px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

.lesson th {
	font-size: 1.3rem;
	padding: 10px;
}
.lesson td {
	font-size: 1.3rem;
	padding: 10px;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

.lesson th {
	font-size: 1.1rem;
	padding: 7px;
}
.lesson td {
	font-size: 1.1rem;
	padding: 7px;
}

.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.scroll-box table {
  width: 100%;
  min-width: 590px;
	letter-spacing: 0;
}

}