@charset "utf-8";

/*共通*/

.button--arrowRight {
  box-sizing: border-box;
}

#monthly {
  width: 900px;
  margin: 0px auto 0 auto;
  padding: 0px;
  font-size:16px;
}
#monthly p {
  line-height: 1.6;
  letter-spacing:0.05em;
  text-indent:1em;
  margin-bottom:0.6em;
}
#monthly p.ketujyo {
  margin-bottom:10px;
  text-align:left;
  text-indent:0;
}
#monthly .midashi{
  width:900px;
}

#monthly table {
  border-collapse:collapse;
}

#monthly br.clear {
  clear: both;}

#monthly .cf:before,
.cf:after {
    content: " ";
    display: table;
}

#monthly .cf:after {
    clear: both;
}

#monthly .cf {
    *zoom: 1;
}

#monthly a {
  text-decoration: underline;
}

#monthly a:hover {
  text-decoration: none;
}


/*各ページ*/
#monthly #kachiagari_box{
	width:100%;
	/*border:1px #a48a2d solid;*/
	position: relative;
}

#monthly img.title_main{
	display: block;
	width:900px;
	margin:0 auto 30px auto;
}

#monthly img.title_sub{
	margin-top:10px;
	width:700px;
}

#monthly img.title_final{
	display:block;
	position: absolute;
	top:-44px;
	right:0;
	width:700px;
	z-index:1;
}

#monthly #trial1st_box,
#monthly #trial2nd_box{
	position: relative;
}

#monthly #trial1st_box{
	margin-bottom:40px;
}

#monthly #trial2nd_box .day45 {
 display: flex;
}

#monthly #trial1st_box h3,
#monthly #trial2nd_box h3{
	color:#fff;
	border-radius:6px;
	text-align:left;
  padding-left:20px;
	font-size:34px;
	margin-bottom:10px;
  padding-top:4px;
  line-height: 1.1em;
  letter-spacing: 0.06em;
  font-family: serif;
}

#monthly .clip-path-shadow{
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.3));
}

#monthly #trial1st_box h3{
  background: linear-gradient(-56deg, #463271 0%, #463271 86%, #090409 86%, #090409 100%);
}

#monthly #trial2nd_box h3{
  background: linear-gradient(-56deg, #84005b 0%, #84005b 86%, #120007 86%, #120007 100%);
  }

#monthly #trial2nd_box .day45 h3{
	width:450px;
  background: linear-gradient(270deg, #84005b 0%, #84005b 74%, #120007 74%, #120007 100%);
}

#monthly #trial2nd_box .day45 h3:nth-child(2){
 margin-left: -10px;
 width:460px;
}

#monthly h3 span{
	letter-spacing: 0.4em;
  margin-right:24px;
  font-weight: normal;
  font-size:30px;
}

#monthly h3 small{
  font-weight: normal;
  font-size: 26px;
}

#monthly h3 span.day{
 letter-spacing: 0.02em;
 margin-right:30px;
 font-family: sans-serif
}

#monthly h3 span.week{
  display:inline-block;
  background:#090409;
  border-radius: 50%;
  padding-left: 6px;
  padding-bottom: 0px;
  margin-left: 2px;
  padding-top: 1px;
  font-size: 18px;
  line-height: 26px;
  vertical-align: middle;
}

#monthly #trial2nd_box h3 span.week{
	background:#120007;
}

#monthly #trial2nd_box h3 span.holiday{
  background:#004ca1;
}

#monthly .day2,
#monthly .day45{
	position: relative;
	margin-top: 30px;
}


#monthly .mini-box{
	position:absolute;
	width:58px;
	top:-4px;
	left:340px;
	font-size: 19px;
	border:1px solid #333;
	border-radius: 4px;
	background-color: #f0ecd2;
	line-height: 1.2em;
	min-height:48px;
	padding-top: 4px;
	padding-left: 4px;
	font-family: serif;
}

#monthly .day45 .two-box{
	position:absolute;
	top:-4px;
	left:780px;
}

#monthly .kome{
	position:absolute;
	width:150px;
	bottom:2px;
	right:4px;
	font-size: 16px;
	color:#fff;
}

#monthly .kome2{
	position:absolute;
	width:150px;
	bottom:-16px;
	right:0;
	font-size: 16px;
	color:#333;
}


/*枠番*/
#monthly table.wakuban{
	width:100%;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}

#monthly #final_box table.wakuban{
	width:96%;
}

#monthly table.wakuban td{
	width: 12%;
	padding:5px;
	text-align:center;
	table-layout:fixed;
	border-collapse:separate;
  clip-path: polygon(0 0, 5% 50%, 0% 100%,95% 100%,100% 50%,95% 0);
}

#monthly .race{
	display: table-cell;
	width: 18%;
	text-align:left;
	background-color:#463271;
	color:#fff;
	table-layout:fixed;
	border-collapse:separate;
	padding:4px;
	padding-top:30px;
	padding-left:24px;
	clip-path: polygon(0 10%, 0% 90%,95% 90%,100% 50%,95% 10%);
	border-radius: 24px 0 0 24px;
	vertical-align: middle;
	font-size: 24px;
	letter-spacing: -0.1em;
	min-height:90px;
}

#monthly #trial1st_box .race1_11{
	position: absolute;
	top:130px;
	left:0px;
}

#monthly #trial1st_box .race1_12{
	position: absolute;
	top:254px;
	left:0px;
}

#monthly #trial2nd_box .race2_11{
	position: absolute;
	top:130px;
	left:0px;
	background-color:#84005b;
}

#monthly #trial2nd_box .race2_12{
	position: absolute;
	top:254px;
	left:0px;
	background-color:#84005b;
}


#monthly .race span{
	display: inline-block;
	font-size: 42px;
	transform: scale(0.8, 1);
  }


#monthly #final_box td{
	width:16%;
}


#monthly table.wakuban td:nth-of-type(1){
  background-color:#463271;
  color:#fff;
  clip-path: polygon(50% 50%, 50% 50%,50% 50%);
  border-radius: 24px 0 0 24px;
  vertical-align: middle;
  font-size: 24px;
  letter-spacing: -0.1em;
}

#monthly #final_box table.wakuban td:nth-of-type(1){
	background-color:transparent;
	color:#fff;
	width:24px;
  }

#monthly #trial2nd_box table.wakuban td:nth-of-type(1){
	background-color:#84005b;
  }

#monthly table.wakuban td:nth-of-type(1) span{
  display: inline-block;
  font-size: 42px;
  transform: scale(0.8, 1);
}

#monthly table.wakuban td:nth-of-type(2){
  background-color:#e7ecef;
  color:#000;
}

#monthly table.wakuban td:nth-of-type(3){
	 background-color:#1f1411;
	 color:#fff;
}

#monthly table.wakuban td:nth-of-type(4){
	 background-color:#d80e19;
	 color:#fff;
}

#monthly table.wakuban td:nth-of-type(5){
	 background-color:#0c3190;
	 color:#fff;
}

#monthly table.wakuban td:nth-of-type(6){
	 background-color:#ffe200;
	 color:#000;
}

#monthly table.wakuban td:nth-of-type(7){
	 background-color:#007c3a;
	 color:#fff;
}

#monthly #final_box table.wakuban td:nth-of-type(2){
	background: linear-gradient(45deg, #e7ecef, 70%, #f7f9fa);
}
#monthly #final_box table.wakuban td:nth-of-type(3){
	background: linear-gradient(45deg, #1f1411, 70%, #7b7472);
	color:#fff;
}
#monthly #final_box table.wakuban td:nth-of-type(4){
	background: linear-gradient(45deg, #d80e19, 70%, #e49879);
	color:#fff;
}
#monthly #final_box table.wakuban td:nth-of-type(5){
	background: linear-gradient(45deg, #0c3190, 70%, #677fba);
	color:#fff;
}
#monthly #final_box table.wakuban td:nth-of-type(6){
	background: linear-gradient(45deg, #ffe200, 70%, #fff4a2);
}
#monthly #final_box table.wakuban td:nth-of-type(7){
	background: linear-gradient(45deg, #007c3a, 70%, #9cb77f);
	color:#fff;
}


#monthly table.wakuban p{
	text-indent:0;
	margin-bottom:0;
	text-align:center;
}

#monthly table.wakuban p.ban {
  display: block;
  width:90%;
border-bottom: 1px solid #fff;
margin-left:5%;
}

#monthly table.wakuban p.b-line{
  border-bottom: 1px solid #666;
}

#monthly table.wakuban p.ban span{
	font-size:30px;
	font-family: serif;
}



#monthly table.wakuban p.kin{
  display: block;
	font-size:15px;
	margin-top:8px;
}

#monthly table.wakuban p.kin span{
  display: inline-block;
  font-size:22px;
  line-height: 1em;
  font-family: serif;
  vertical-align:-10%;
}

#monthly table.wakuban p.tokuritsu{
	float: left;
	font-size:8px;
	line-height:10px;
	margin-top:23px;
}

#monthly img.racer{
	float:right;
	margin-left:5px;
}

/*組*/
#monthly .kumi{
	width:900px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-evenly;
	margin-bottom:20px;
	position: relative;
}

#monthly .group{
	width:340px;
	padding:10px;
	text-align: center;
	vertical-align:middle;
}

#monthly #trial1st_box .kumiban-normal {
	width:330px;
	display: flex;
	height:80px;
	background-image: url(img/kachiagari_1st_zen.png);
	background-size: cover;
}

#monthly #trial2nd_box .kumiban-normal {
	width:330px;
	display: flex;
	height:80px;
	background-image: url(img/kachiagari_2nd_zen.png);
	background-size: cover;
}


#monthly .group .kumiban{
  min-height:80px;
  margin-top:-14px;
  margin-left:-16px;
  font-size:36px;
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  /*background:linear-gradient(-60deg, #fff 50%, #dbd9e5 50%);*/
  font-family:serif;
}

#monthly .group .zenjitsu {
	line-height: 40px;
	font-size:22px;
	margin-top:-4px;
	margin-left:12px;
	position: relative;
}

#monthly .group .zenjitsu span{
	display: inline-block;
	font-size:30px;
	margin: auto 1px;
	font-weight: bold;
	font-family: serif;
}

#monthly .group .zenjitsu b{
	font-family: serif;
}

#monthly .group .zenjitsu span:nth-of-type(2),
#monthly .group .zenjitsu span:nth-of-type(4)
{
	letter-spacing: -0.2em;
	margin-left:1.5em;
	margin-right:0.4em;
}

#monthly #up_2nd{
	color:#fff;
	background-color:#321b61;
	border-radius:10px 0 0 10px;
	width:700px;
	text-align:center;
	font-size:34px;
	font-weight:bold;
	position:relative;
	height:100px;
	margin-right:24px;
	padding-top:10px;
	line-height:42px;
	letter-spacing:0.06em;
	font-family: serif;
}

#monthly #up_2nd::before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	top:0;
	right:-54px;
	border-style: solid;
	border-width: 55px 0 55px 55px;
	border-color: transparent transparent transparent #321b61;
  }

#monthly #up_2nd span{
	font-size:22px;
}

#monthly #up_2nd span.up_trial{
	font-size:30px;
	color:#fff463;
}

#monthly #down_series{
	padding-top:16px;
	padding-bottom:4px;
	background-color:#dcdddd;
	text-align:center;
	border-radius:0 0 10px 10px;
	width:700px;
	font-size:22px;
	margin-top:-10px;
}

#monthly .gold{
	width:490px;
	min-height:130px;
	background: radial-gradient(farthest-corner, #ba131a, #900004);
	position:relative;
	padding-top:30px;
	margin-left:-360px;
	border-radius: 10px;
	z-index: 99;
}

#monthly .gold p{
	font-size:34px;
	font-weight:bold;
	color:#fff;
	text-indent:-0.2em;
	margin-bottom:0;
	line-height:50px;
	font-family: serif;
}

#monthly .gold span.gp{
	font-size:48px;
	color:#231916;
	text-shadow:1px 1px 0 #fff463, -1px -1px 0 #fff463,
	-1px 1px 0 #fff463, 1px -1px 0 #fff463,
	0px 1px 0 #fff463,  0-1px 0 #fff463,
	-2px 0 0 #fff463, 2px 0 0 #fff463;
	margin:0 0.2em;
}

#monthly .jyuni_kettei{
	position: absolute;
	bottom:-6px;
	right:20px;
	width:800px;
	padding-top:20px;
	background-color: #dcdddd;
	border-radius: 10px;
	min-height:60px;
	z-index: 1;
}

#monthly .jyuni_kettei p{
	font-size:19px;
	text-align: left;
	width:330px;
	margin-left:468px;
	text-indent: 0em;
}

/*矢印1*/
#monthly .arrow1 {
	position:absolute;
	top:41px;
	right:-180px;
	height:220px;
	width:150px;
	z-index:1;
	background-image: url(img/kachiagari_arrow.png);
	background-repeat: no-repeat;
}

/*矢印2*/
#monthly .arrow2 {
	height:30px;
	width:50px;
	background-color:#9E060B;
	position:absolute;
	top:160px;
	left:80px;
	z-index:2;
}
#monthly .arrow2:before {
	position:absolute;
	content:"";
	width:0;
	height:0;
	border:50px solid transparent;
	border-top:40px solid #9E060B;
	left:-25px;
	top:20px;
	z-index:4;
}

/*ファイナル進出*/
#monthly #final_box{
	margin-top:38px;
	padding-bottom:20px;
	position:relative;
	background: linear-gradient(180deg,#e6b961 0%,#e8c583 20%, #f6ebd2 50%, #c28817 60% ,#c28817 80%,#e8c583 92%,#e8c583 98%,#f6ebd2 100%);
}

#monthly #final_box .lastday{
	font-size:40px;
	padding-top:30px;
	color:#1f1411;
	font-family: serif;
}

#monthly #final_box .lastday span.day6{
	display: inline-block;
	background-color:#2c1b51;
	border-radius: 6px;
	color: #fff;
	padding:3px 8px 0 8px;
	margin-right:4px;
	margin-left:20px;
	margin-top:-6px;
	font-size:24px;
	line-height: 30px;
	vertical-align: middle;
	font-family: sans-serif
}

#monthly #final_box .lastday span.week{
	display:inline-block;
	background:#b60007;
	width:26px;
	border-radius: 50%;
	padding-left: 5px;
	margin-left: 2px;
	padding-top:2px;
	font-size: 20px;
	line-height: 28px;
	vertical-align: middle;
	color:#fff;
  }

  #monthly #final_box .lastday span.yusyo{
	display:inline-block;
	background:#b60007;
	padding: 4px 16px 0 16px;
	margin-left: 2px;
	font-size: 32px;
	line-height: 34px;
	color:#fff;
	vertical-align: middle;
	font-family: serif;
  }

  #monthly #final_box .lastday small{
	font-size: 26px;
  }