@charset "utf-8";
/* CSS Document */
/*******************
 top
********************/

.catch-box {
  position: relative;
}
.top-fv-img {
  position: relative;
  margin-top: -2.5%;
}
.catch-box .catch-btn {
  width: 32%;
  position: absolute;
  bottom: -1%;
  right: 3%;
}
.mb1 {margin-bottom: 1em;}


/* top-column */
.top-column {
	background: url(./img/top_bg001.png) no-repeat top center;
	background-size: 100%;
  height: 31.7em;
  position: relative;
	margin-bottom: 4em;
}
.top-column-ttl {
	text-align: center;
	padding: 5.25% 5.25% 5%;
	border-bottom: 2px solid #0d825b;
	margin: 0 5.25% 5%;
}
.top-column-ttl span {
	color: #ff0;
	font-size: 1.2em;
}
.top-column-box {
	box-sizing: border-box;
	padding: 0 5.25%;
}
.top-column-img {
  display: block;
  float: right;
  padding: 0 0 0 .5em;
  width: 26.6%;
  position: relative;
  margin-top: -3%;
}
.top-column-box p + p {
	margin-top: 1em;
}

/* top-ranking  */
.totalrank-box {
  margin-bottom: 12%;
}
.totalrank-box div,
.totalrank-btn {
  position: relative;
}
.totalrank-box div p:last-child {
  position: absolute;
  top: 0;
  right: 3%;
  left: 0;
  width: 80%;
  margin: 0 auto;
}
.totalrank-box div:last-child p:last-child {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 80%;
  margin: 0 auto;
}

/* top-kuchikomi  */
.top-kuchikomi div {
  position: relative;
}
.top-kuchikomi div p:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 68%;
  color: #3a0000;
}
.top-kuchikomi div p:nth-of-type(3) {
  position: absolute;
  top: 48%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 40%;
}
.top-kuchikomi div:last-child p:nth-of-type(3) {
  top: 42%;
}