@charset "utf-8";
/* CSS Document */
.box0_ttl {
  text-align: left;
  font-size: 20px;
}
.bk_blue {
  background-color: #f4f9fe;
  padding: 3%;
  margin-bottom: 5%;
}
table.schedule {
  width: 100%;
  border-collapse: collapse;
  font-weight: bold;
}
.orange01 {
  background: #ffcc66;
}
.orange02 {
  background: #f6e0b2;	
}
.blue01 {
  background: #CDD3E8;
}
.blue02 {
  background: #E8EAF5;
}
.red01 {
  background: #f2c2c2;
}
.red02 {
  background: #f7e1e1;
}
.main {
  background: #2d9a72;
  color: white;
}
.th-orange{
	background: #fd780c;
}
.td-red {
  background: #E92427;
  color: white;
}
.col-red span{
	color: #E92427 !important;
}
.td-blue {
  background: #004098;
  color: white;
}
.col-blue span{
	color: #004098 !important;
}

table.schedule th, table td {
  border: solid 1px white;
  text-align: center;
  padding: 10px 0;
}
h3.ranking_dbttl {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  color: #004098;
  line-height: 1;
  margin-bottom: .5em;
}
.ranking_person {
  font-size: 1.2em;
  line-height: 2;
}
.business_p, .his_p {
	font-weight: bold;
}
ul.info {
  background: #eee;
  padding: 15px 30px;
  border: 1px solid #ccc;
  font-size: 128.57%;
  margin: 3% 0;
  text-align: left;
}
ul.info li:first-child::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0d7";
  font-weight: 900;
  padding-right: 5px;
  color: #004098;
}
ul.info li {
  padding: 0em 0.3em 0.3em 1.3em;
}
  .ranking_bottom p {
    font-size: 125% !important;
  }

.underline_yellow {
	background: linear-gradient(transparent 50%, yellow 50%);
}
.underline_blue {
	background: linear-gradient(transparent 50%, skyblue 50%);
}
.underline_red {
	background: linear-gradient(transparent 50%, coral 50%);
}
.underline_green {
	background: linear-gradient(transparent 50%, lightgreen 50%);
}


@media screen and (min-width: 641px) {
  .pc-none {
    display: none;
  }
}
@media screen and (max-width: 640px) {
	.sp_f19{
		font-size: 110%;
	}	
  table.schedule th {
    width: 20%;
  }
  .business_p, .his_p {
    font-size: .9em;
    display: inline-block;
    line-height: 1.2;
  }
  .ranking_bottom {
    font-size: 130%;
  }
  .ranking_bottom p {
    font-size: 85% !important;
  }	
  ul.info {
    padding: 1% 2%;
    font-size: 80%;
  }
  ul.info li {
    padding-left: 1em;
    text-indent: -1em;
  }
}