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

/* Font Awesomeカラー設定 */
/*-------------------------------------- */
.fa-sidemenuGreen{
  color: #007c43;
}

.fa-sidemenuOrange{
  color: #dc3e00;
}

.fa-sidemenuBlue{
  color: #004a9e;
}
@media screen and (min-width:992px) {
	.sideBanner .todaysQuestion img + span {
		width: 100px;
		height: auto;
		top: 0;
		left: 13px;
	}
	.sideBanner .todaysQuestion img + span + span {
		top: 44px;
		left: 139px;
	}
	.sideBanner .todaysQuestion img + span + span + span {
		top: 141px;
		left: 57px;
		text-align: left;
	}
}
@media screen and (min-width:1200px) {
	.sideBanner .todaysQuestion {
		width: 260px;
		margin-left:auto;
		margin-right: auto;
	}
	.sideBanner .todaysQuestion img + span {
		width: 128px;
		top: 4px;
		left: 17px;
	}
	.sideBanner .todaysQuestion img + span + span {
		top: 55px;
		left: 177px;
	}
	.sideBanner .todaysQuestion img + span + span + span {
		top: 175px;
		left: 73px;
		text-align: left;
	}
}
@media screen and (max-width:991px){
	.sideBanner .todaysQuestion {
		width: 260px;
		margin-left:auto;
		margin-right: auto;
	}
	.sideBanner .todaysQuestion img + span {
		width: 128px;
		top: 0;
		left: 12px;
	}
	.sideGameInfo .table {
		width: 260px;
		margin-left:auto;
		margin-right: auto;
	}
	.sideBanner .todaysQuestion img + span + span + span {
		top: 175px;
		left: 73px;
		text-align: left;
	}
}
@media screen and (max-width: 767px) {
	.info dd {
		overflow: hidden;
	}
}
.sideGameInfo dt, .sideSNS dt, .sideCommunity dt, .sideRanking dt {
	background-color:#629ADF;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height: 2.5em;
	font-size: 1.7rem;
}
.sideCommunity dd p, .sideRanking dd p {
	background: rgba(202,192,157,0.3);
	padding: 5% 2.5%;
}
.btn---sideCommunity {
	background: none !important;
}
@media screen and (max-width: 1199px) {
	.sideGameInfo dt, .sideSNS dt, .sideCommunity dt, .sideRanking dt {
		width: 260px;
		margin: auto;
	}
	.sideCommunity dd p, .sideRanking dd p {
		padding: 2.5%;
		width:260px;
		margin: auto;
	}
}

/*------ IE11 hack ------*/
@media all and (-ms-high-contrast:none) and (min-width:768px){
  *::-ms-backdrop, #main img {
    width: 138.33px;
  }
}
@media all and (-ms-high-contrast:none) and (min-width:992px){
  *::-ms-backdrop, #main img {
    width: 165.75px;
  }
}
@media all and (-ms-high-contrast:none) and (min-width:1200px){
  *::-ms-backdrop, #main img {
    width: 214.38px;
  }
}
/*------ /IE11 hack ------*/