@charset "UTF-8";
/* CSS Document */
/*****************************************
*専用ファイル。
******************************************/
.gender-men{
	color:#4ab9e5;
}
.gender-women{
	color:#e8779c;
}
.to-back{
	height: 50px;
	line-height: 50px;
}
#contents {
    padding: 0px 10px 20px 10px;
}
#main-visual{
	height:85px;
	background:#D4DDEB;
	position:relative;
}
#mv-main-copy{
	font-size:1.6rem;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
}
#score-board h2{
	text-align:center;
	font-size:1.6rem;
	color:#023844;
	padding:15px 0 10px 0;
}
.result-board{
	margin-bottom:40px;
}
.shozoku{
	display:none;
}
/*-----スコアボード-----*/
.tbl-score-bord-01,
.tbl-score-bord-02,
.tbl-score-bord-03{
	width:100%;
	color:#FFF;
	margin-bottom:7px;
}
.tbl-score-bord-04{
    width:100%;
	color:#7b7b7b;
	margin-bottom:7px;
}
.tbl-score-bord-01 th{
	padding: 10px 0;
	background: #0075a3;
	border-bottom: 1px solid #1E9DB9;
	color:#FFF;
	white-space: nowrap;
}
.tbl-score-bord-01 td{
	padding: 7px 2px;
	background: #0075a3;
	line-height:2.1rem;
}
.tbl-score-bord-02 th{
	padding: 10px;
	background: #d22264;
	border-bottom: 1px solid #E8779C;
	color:#FFF;
}
.tbl-score-bord-02 td{
	padding: 9px;
	background: #da2368;
}
.tbl-score-bord-03 th{
	padding: 12px;
    background: #5ab7a6;
    border-bottom: 1px solid #7BC6B8;
    color: #FFF;
}
.tbl-score-bord-03 td{
	padding: 10px;
	background: #5ab7a6;
}
.tbl-score-bord-04 th{
	padding: 12px;
    background: #d4d5cf;
    border-bottom: 1px solid #c1c3b8;
    color: #4e4e4e;
}
.tbl-score-bord-04 td{
	padding: 10px;
	background: #fff;
}
.row-even-01 td{
	background: #28adca!important;
}
.row-even-02 td{
    background: #e8779c!important;
}
.row-even-03 td{
    background: #7bc6b8 !important;
}
.row-even-04 td{
    background: #f7f7f7 !important;
}
.txt-center{
	text-align:center;
}
.special-note{
	margin:0 0 0 0;
	line-height:1.8rem;
}
/*-----スコアボード（もっとみる）-----*/
.readmore {
  position: relative;
  padding: 0 0 75px;
}

.readmore label {
  position: absolute;
  display: table;
  left: 50%;
  bottom: 30px;
  margin: 0 auto;
  width: 200px;
  padding: 15px 0;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background-color: #333;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
}

.readmore label::before{
  content: '続きを見る';
}

.readmore input[type="checkbox"]:checked ~ label::before {
  content: '元に戻す';
}

.readmore input[type="checkbox"]{
  display: none;
}

.readmore-content {
  position: relative;
  height: 1700px;
  overflow: hidden;
}

.readmore input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
}

.readmore-content::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background: linear-gradient( rgba(229,233,240,0) 0%, rgba(229,233,240,0.8) 50%, #e5e9f0 100%);
}

.readmore input[type="checkbox"]:checked ~ .readmore-content::before {
  display: none;
}
/*-----その他-----*/
.result{
	width:100%;
	padding:20px 0 0 0;
	background:#e5e9f0;
}
.result-header{
	margin-bottom:15px;
}
.result-header time{
	display:inline-block;
	/*color: #FD5C6B;*/
	font-weight:bold;
	margin-bottom:7px;
}
.result-header h3{
	font-size:1.6rem;
	line-height:2.2rem;
}
.special-note{
	font-size:1.2rem;
	margin-bottom:10px;
}
.match-report{
	background:#b0d1ea;
	padding:15px;
	color:#42708F;
	line-height:2.2rem;
	margin-bottom:15px;
}
.match-report h3{
	color:#165E8F;
	font-weight:bold;
	font-size:1.6rem;
	padding-top:3px;
	margin-bottom:12px;
}
.match-report p{
	margin-bottom:10px;
	text-align: justify;
}
.match-report p:last-child{
	margin-bottom:0;
}
.r-content-inner{
	/*display:flex;
	justify-content:space-between;*/
	margin-bottom:15px;
}
.r-content-thum-01{
	background:#b0d1ea;
	padding:7px;
}
.r-content-text{
	padding:10px 0;
	line-height:1.8rem;
}
.r-content-text dl{
	margin: 0 0 7px 0;
}
.midashi-gender{
	padding:0 0 12px 0;
	font-size:1.7rem;
	font-weight:normal;
}
#kyousan {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#kyousan p{
	width: 49.5%;
	margin-bottom:7px;
}
#kyousan2 {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#kyousan2 p{
	width: 49.5%;
	margin-bottom:7px;
}
#score-card{
	text-align:center;
	background:#FFF;
	margin-bottom: 15px;
}
#title-bord{
	margin-bottom: 10px;
}
/*-----インスタライブ動画表示-----*/
#insta-live p{
	text-align:justify;
	line-height:2.2rem;
	margin-bottom: 10px;
}
.separetor{
	display:none;
}
#match-img{
	margin-bottom:15px;
}
.notes{
	padding: 30px;
	line-height: 1.8;
	background: #F3F7FF;
	margin-bottom: 15px;
}
/*****************************************
*タブレット
******************************************/
@media screen and (min-width:600px) {
	#main-visual{
		height:150px;
	}
	#mv-main-copy{
		font-size:2rem;
	}
	#score-board h2{
		font-size:1.8rem;
	}
	.result-board{
		display:flex;
		justify-content:space-between;
	}
	.r-board{
		width:49.5%;
	}
	.r-content{
		width:49.5%;
	}
	.r-content-inner{
		display:flex;
		justify-content:space-between;
		margin-bottom:15px;
	}
	.r-content-thum-01{
		width: 40%;
	}
	.r-content-text{
		width: 58%;
	}
}
/*****************************************
*PC
******************************************/
@media screen and (min-width:960px) {
	/*-----スコアボード-----*/
	.tbl-score-bord-01 th,
	.tbl-score-bord-01 td,
	.tbl-score-bord-02 th,
	.tbl-score-bord-02 td,
	.tbl-score-bord-03 th,
	.tbl-score-bord-03 td,
    .tbl-score-bord-04 th,
	.tbl-score-bord-04 td{
		font-size:1.5rem;
        padding: 10px;
	}
	#mv-main-copy{
		font-size:2.2rem;
	}
	.result{
		padding:15px 0 0 0;
	}
	.special-note{
		font-size:1.4rem;
		line-height:2.2rem;
	}
	.match-report p{
		font-size:1.6rem;
		line-height:2.2rem;
	}
	.r-content-inner{
		display:block;
		width:49%;
		margin-bottom:15px;
	}
	.r-content-wrap{
		display:flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.r-content-text{
		font-size:1.5rem;
		line-height:2.2rem;
	}
	.result-header{
		font-size:1.8rem;
		margin-bottom:15px;
	}
	.result-header h3{
		font-size:1.8rem;
	}
	.r-content-thum-01{
		width: 100%;
	}
	.r-content-text{
		width: 100%;
	}
	.shozoku{
		display:inline;
	}
	.br-sp{
		display:none;
	}
	.separetor{
		display:inline-block;
	}
    .readmore-content {
      height: 2000px;
    }
}