@charset "UTF-8";
/*------------------------------------------------------------Content*/
.cts_header_wrap {
  background: url(../img/result_img/pagetitle.jpg) center right no-repeat;
  background-size: cover;
}

@media print, screen and (min-width: 768px) {
  .cts_header_wrap {
    background: url(../img/result_img/pagetitle.jpg) center center no-repeat;
    background-size: cover;
  }
}

#result .pankuzu + .section > .container {
  padding-bottom: 20px;
}

@media print, screen and (min-width: 768px) {
  #result .pankuzu + .section > .container {
    padding-bottom: 40px;
  }
}

/*-------------------------------------*/
.kaisai_wrap {
  text-align: left;
  background: #f5f8f1;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
  border: 3px solid #08c791;
}

.kaisai_wrap:not(:first-child) {
  margin-top: 40px;
}

.kaisai_wrap .btn_style01 {
  text-align: center;
  margin-bottom: -40px;
}

.kaisai_wrap .kaisai_cont {
  margin-top: 8px;
  padding-bottom: 20px;
}

.kaisai_wrap .kaisai_cont dt {
  font-weight: 700;
  color: #08c791;
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px dotted #08c791;
}

@media print, screen and (min-width: 768px) {
  .kaisai_wrap {
    padding: 30px;
  }
  .kaisai_wrap .btn_style01 {
    margin-bottom: -50px;
  }
  .kaisai_wrap .kaisai_cont {
    margin-top: 0;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
  }
  .kaisai_wrap .kaisai_cont dt {
    width: 150px;
    padding-top: 10px;
    margin-top: 10px;
  }
  .kaisai_wrap .kaisai_cont dd {
    border-top: 1px dotted #02ba1f;
    width: calc(100% - 150px);
    padding-top: 10px;
    margin-top: 10px;
  }
}

.pagenavi {
  margin-top: 50px;
}

@media print, screen and (min-width: 768px) {
  .pagenavi {
    margin-top: 80px;
  }
}

/*-------------------------------detail*/
.result_tx {
  text-align: left;
}

@media print, screen and (min-width: 768px) {
  .result_tx {
    font-size: 1.6rem;
  }
}

.js-scrollable {
  padding: 15px 0;
}

@media print, screen and (min-width: 768px) {
  .js-scrollable {
    padding: 0;
  }
}

.match_table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

.match_table th {
  padding: 10px;
  border: 1px solid rgba(18, 32, 4, 0.5);
  white-space: nowrap;
  background: rgba(132, 237, 26, 0.3);
  color: #233f07;
}

.match_table th.th_color01 {
  background: rgba(50, 186, 237, 0.3);
  color: #122004;
}

.match_table td {
  padding: 10px;
  border: 1px solid rgba(18, 32, 4, 0.5);
}

.match_table td.td_emp {
  background: rgba(18, 32, 4, 0.1);
}

@media print, screen and (min-width: 768px) {
  .match_table {
    margin-top: 20px;
  }
  .match_table th, .match_table td {
    padding: 15px;
  }
}

.result_btn {
	margin-top: 20px;    
}
.result_btn li {
    margin-bottom: 15px;
}
.result_btn li.btn_style01.btn_style01_mint a {
	color: #233f07;
}
@media print, screen and (min-width:768px) {
.result_btn {
    display: flex;
    justify-content: center;
}
    .result_btn li {
        margin: 0 15px 20px;
    }
}
.box_tx {
  text-align: left;
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .box_tx {
    font-size: 1.6rem;
  }
}

.box_tx + .title02 {
  margin-top: 60px;
}

@media print, screen and (min-width: 768px) {
  .box_tx + .title02 {
    margin-top: 90px;
  }
}

.team_ti {
  background: #02ba1f;
  color: #f5f8f1;
  font-weight: 700;
  text-align: left;
  padding: 8px 15px;
  font-size: 1.6rem;
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .team_ti {
    font-size: 1.8rem;
    padding: 10px 20px;
    margin-top: 40px;
  }
}

.team_cont .team_img {
  margin-top: 15px;
}

.team_cont .team_img img {
  border-radius: 10px;
}

.team_cont .team_tx {
  margin-top: 15px;
  text-align: left;
}

@media print, screen and (min-width: 768px) {
  .team_cont {
    overflow: hidden;
  }
  .team_cont .team_img {
    margin-top: 20px;
    margin-right: 30px;
    float: left;
  }
  .team_cont .team_tx {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}
.title04{
  background:#02ba1f;
  color:#f5f8f1;
  text-align: left;
  font-weight: 700;
  border-radius:10px;
  padding:7px 10px;
  font-size: 1.6rem;
  line-height: 1.2;
}
.title04 p{
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.2;
}
@media print, screen and (min-width: 768px) {
  .title04{
  padding:12px 15px;
  font-size: 1.8rem;
}
.title04 p{
  font-size: 1.8rem;
}
}
/*-------------------------------detail(大会情報詳細コピペ用)*/
.deta_kaisai_ti {
  text-align: left;
}

@media print, screen and (min-width: 768px) {
  .deta_kaisai_ti {
    font-size: 1.6rem;
  }
}

.sheet_basic th {
  white-space: nowrap;
}

.gallery_tile figcaption {
  padding-top: 10px;
  font-size: 1.4rem;
}

/*taikai_detail*/
.taikai_detail {
        margin-top:20px;
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        color: #333;
}
.taikai_detail tr th, .taikai_detail tr td {
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        padding: 7px 10px;
        text-align: left;
        display: block;
}
.taikai_detail th {
        background: #FFFFE2;
        vertical-align: middle;
}
.taikai_detail th span {
        color: #1e7d64;
}
.taikai_detail td span {
        color: #F30;
}
.taikai_detail td span.attention {
        color: #F00;
        font-size: 12px;
}
@media print, screen and (min-width:768px) {
.taikai_detail tr th, .t_kaisai tr td {
 display: table-cell;
}
.taikai_detail tr th {
        background: #FFFFE2;
        white-space: nowrap;
}
}