@charset "UTF-8";
/* CSS Document */

/* 注目情報
----------------------------------------------------------- */
.attentionInfo {
	background: url(/common/img/topicpath_bg_01.png) repeat-x 0 0;
}

/* タイトル（モーダル部分抜粋　）
----------------------------------------------------------- */
.contentsTitle_t {
  position: relative;
  margin: 0 0 10px;
}

/*carousel
------------------------------------------------------------*/
.carousel{
  width:100%;  /*サイズ指定*/
  /*margin:auto;*/
  margin-bottom: 35px;
}

.carousel img{
  width:100%;
}
/*carousel追加*/

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/*carouselの下部の丸
------------------------------ */
.carousel-indicators {
  position: absolute;
  bottom: -35px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #0062c2 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #0062c2;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background-color: #0062c2;
}

/* インフォメーション（上部右側　）
----------------------------------------------------------- */
.info dt{
  float:left;
  padding-right: 15px;
}

.info dd{
  font-size: 1.14em;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .info dd{
  font-size: 1.08em;
}
}
/* サイドバー左
----------------------------------------------------------- */
/* サイドバー緑*/
#side1 ul.sideGreen {
	margin: 0 0 15px;
  list-style: none;
}

#side1 ul.sideGreen li {
	margin: 0 0 5px;
}

#side1 ul.sideGreen li.sideGreen--top a{
  padding-top: 9px;
  font-size: 1.14em;
  color: #007c44;
  font-weight: bold;
	border-radius: 10px;
}

#side1 ul.sideGreen li.sideGreen--top a:hover {
  background-color: #007c44;
  /* padding-top: 5px;
  font-size: 1.04em;
	font-weight: bold; */
	color: #fff;
	text-decoration: none;
}

#side1 ul.sideGreen li a {
	display: block;
	padding: 5px 10px 7px 20px;
}

#side1 ul.sideGreen li a:hover {
	color: #007c44;
}

/* サイドバーオレンジ*/
#side1 ul.sideOrange {
	margin: 0 0 15px;
  list-style: none;
}

#side1 ul.sideOrange li {
	margin: 0 0 5px;
}

#side1 ul.sideOrange li.sideOrange--top a{
  padding-top: 9px;
  font-size: 1.14em;
  color: #dc3e00;
  font-weight: bold;
	border-radius: 10px;
}

#side1 ul.sideOrange li.sideOrange--top a:hover {
  background-color: #dc3e00;
  /* padding-top: 5px;
  font-size: 1.04em; */
	color: #fff;
	text-decoration: none;
}

#side1 ul.sideOrange li a {
	display: block;
	padding: 5px 10px 7px 20px;
}

#side1 ul.sideOrange li a:hover {
	color: #dc3e00;
}

/* サイドバーブルー*/
#side1 ul.sideBlue {
	margin: 0 0 15px;
  list-style: none;
}

#side1 ul.sideBlue li {
	margin: 0 0 5px;
}

#side1 ul.sideBlue li.sideBlue--top a{
  padding-top: 9px;
  font-size: 1.14em;
  color: #004a9e;
  font-weight: bold;
	border-radius: 10px;
}

#side1 ul.sideBlue li.sideBlue--top a:hover {
  background-color: #004a9e;
  /* padding-top: 5px;
  font-size: 1.04em; */
	color: #fff;
	text-decoration: none;
}

#side1 ul.sideBlue li a {
	display: block;
	padding: 5px 10px 7px 20px;
}

#side1 ul.sideBlue li a:hover {
	color: #004a9e;
}


/* メイン
----------------------------------------------------------- */
/* お知らせ*/
.mainLive h2 {
	margin: 0;
	padding: 20px 0 17px 40px;
	color: #004a9e;
	font-size: 185.71%;
	font-weight: bold;
	background: #e7f0f8;
}

.mainLive .btn{
  padding: 5px 5px 5px 0;
}

.mainLive > div {
	padding: 5px 20px 5px 20px;
	border-top: 1px dashed #7f7f7f;
}

.mainLive h2 + div {
	border: none;
}

.mainLive div:last-child {
	/* padding: 5px 20px 5px 20px; */
}

.mainLive a {
	display: block;
	overflow: hidden;
	padding: 20px 30px 0px 20px;
	text-decoration: none;
}
.mainLive a:hover {
	background: #e7f0f8;
}

.mainLive a dt {
  margin-bottom:5px; 
	font-size: 142%;
	font-weight: bold;
}
.mainLive a figure{
	margin-bottom: 20px;
}
.wrapper1 .archive {
	padding: 2% 5%;
}
.wrapper1 .archive a {
	display: inline;
	padding: 1% 3%;
}
@media screen and (max-width: 767px) {
  .mainLive h2 {
  padding: 20px 0 17px 20px;
	font-size: 142.86%;
}

  .mainLive > div {
	/* padding: 3px 0px 3px 15px; */
}

  .mainLive div:last-child {
	/* padding: 3px 0px 3px 15px; */
}

  .mainLive a dt {
	font-size: 120%;
}
}

.mainLive a:hover dt {
	color: #004a9e;
}

.mainLive a:hover dd {
	color: #000;
}

.mainLive div a:hover .detail {
	color: #004a9e;
	text-decoration: none;
}

.mainLive a figure{
	/* padding-left: 20px;
  padding-bottom: 10px */
}

.mainLive a figure img{
	border: 1px solid #c5c5c5;
}

/* 大会イベント*/
.mainGame h2 {
	margin: 0;
	padding: 20px 0 17px 40px;
	color: #007c43;
	font-size: 185.71%;
	font-weight: bold;
	background: #e7f3ee;
}

.mainGame .btn{
  padding: 5px 5px 5px 0;
}

.mainGame > div {
	padding: 5px 20px 5px 20px;
	border-top: 1px dashed #7f7f7f;
}

.mainGame h2 + div {
	border: none;
}

.mainGame div:last-child {
	/* padding: 5px 20px 5px 20px; */
}

.mainGame a {
	display: block;
	overflow: hidden;
	padding: 20px 30px 0px 20px;
	text-decoration: none;
}
.mainGame a:hover {
	background: #e7f3ee;
}

.mainGame a dt {
  margin-bottom:5px; 
	font-size: 142%;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
  .mainGame h2 {
  padding: 20px 0 17px 20px;
	font-size: 142.86%;
}

  .mainGame > div {
	padding: 3px 0px 3px 15px;
}

  .mainGame div:last-child {
	/* padding: 3px 0px 3px 15px; */
}

  .mainGame a dt {
	font-size: 120%;
}
}

.mainGame a:hover dt {
	color: #006627;
}

.mainGame a:hover dd {
	color: #000;
}

.mainGame div a:hover .detail {
	color: #006627;
	text-decoration: none;
}

.mainGame a figure{
/*	padding-left: 20px;
  padding-bottom: 10px; */
}

.mainGame a figure img{
	border: 1px solid #c5c5c5;
}

/* 学習*/
.mainLearning h2 {
	margin: 0;
	padding: 20px 0 17px 40px;
	color: #dc3e00;
	font-size: 185.71%;
	font-weight: bold;
	background: #fbefe7;
}

.mainLearning .btn{
  padding: 5px 5px 5px 0;
}

.mainLearning > div {
	padding: 5px 20px 5px 20px;
	border-top: 1px dashed #7f7f7f;
}

.mainLearning h2 + div {
	border: none;
}

.mainLearning div:last-child {
	/* padding: 5px 20px 5px 20px; */
}

.mainLearning a {
	display: block;
	overflow: hidden;
	padding: 20px 30px 0px 20px;
	text-decoration: none;
}
.mainLearning a:hover {
	background: #fbefe7;
}

.mainLearning a dt {
  margin-bottom:5px; 
	font-size: 142%;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
  .mainLearning h2 {
  padding: 20px 0 17px 20px;
	font-size: 142.86%;
}

  .mainLearning > div {
	padding: 3px 0px 3px 15px;
}

  .mainLearning div:last-child {
	/* padding: 3px 0px 3px 15px; */
}

  .mainLearning a dt {
	font-size: 120%;
}
}

.mainLearning a:hover dt {
	color: #dc3e00;
}

.mainLearning a:hover dd {
	color: #000;
}

.mainLearning div a:hover .detail {
	color: #dc3e00;
	text-decoration: none;
}

.mainLearning a figure{
/*	padding-left: 20px;
  padding-bottom: 10px; */
}

.mainLearning a figure img{
	border: 1px solid #c5c5c5;
}

/* サイドバー右
----------------------------------------------------------- */

.sideBanner {
	margin-bottom: 30px;
}

.sideBanner li {
	margin: 0 0 8px;
}

.sideBanner .todaysQuestion {
	position: relative;
	margin: 0 0 25px;
}

.sideBanner .todaysQuestion img + span {
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	width: 144px;
}

.sideBanner .todaysQuestion img + span + span {
	display: block;
	position: absolute;
	top: 55px;
	left: 177px;
	width: 56px;
	color: #0f990e;
	font-size: 96.88%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.sideBanner .todaysQuestion img + span + span + span {
	position: absolute;
	top: 175px;
	left: 70px;
	width: 190px;
	color: #fff;
	text-decoration: underline;
}

.sideBanner .todaysQuestion a:hover img + span + span + span {
	text-decoration: none;
}

.sideGameInfo {
	margin: 15px 0 20px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>thead>tr>th {
  border-style: none;
  font-size: 0.92em;
}

.sideCommunity ul {
	margin: 5px 0 20px;
}

.sideCommunity li {
	margin: 0 0 10px;
}

.sideCommunity dd dt {
	margin: 0 0 10px;
}

.btn---sideCommunity a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.sideRanking ul {
	margin: 15px 0 20px;
}

.sideRanking li {
	margin: 0 0 10px;
}