@charset "UTF-8";

.ttlVolleyLv1{
  margin-bottom: 30px;
}

.l-wrap * {
  box-sizing: border-box;
}

.c-flex{
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.c-flex--center {
  justify-content: center;
}
.p-result-detail-cont + .p-result-detail-heading{
  margin-top:1em;
}
.volleyMainArea p{
  font-size: unset;
}
@media screen and (max-width: 767px) {
  .volleyMainArea .p-result-detail-cont *{
    font-size: 4vw;
  }
}


#result {padding: 0 0 60px;}
.p-result > *:nth-child(n + 2) {margin-top: 60px;}
.p-result-detail > *:nth-child(n + 2) {margin-top: 60px;}
.p-result-detail-heading {background-color: #00a172;}
.p-result-detail-heading p {
  position: relative;
  font-size: 18px;
  color: #fff;
  padding: 10px 20px;
}
.p-result-detail-tbl {
  margin-top: 20px;
  border-left: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
}
.p-result-detail-tbl-heading > .c-flex > * {
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb; 
  background-color: #36b590;
}
.p-result-detail-tbl-heading > .c-flex > *:nth-child(1), .p-result-detail-tbl-heading > .c-flex > *:nth-child(2) {width: 50px;}
.p-result-detail-tbl-heading > .c-flex > *:nth-child(3) {width: calc(100% - 100px);}
.p-result-detail-tbl-cont > .c-flex > * {
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(1), .p-result-detail-tbl-cont > .c-flex > *:nth-child(2) {width: 50px;}
.p-result-detail-tbl-cont > .c-flex.is-sat > *:nth-child(1), .p-result-detail-tbl-cont > .c-flex.is-sat > *:nth-child(2) {color: #0000ff;}
.p-result-detail-tbl-cont > .c-flex.is-holiday > *:nth-child(1), .p-result-detail-tbl-cont > .c-flex.is-holiday > *:nth-child(2) {color: #ff0000;}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) {width: calc(100% - 100px);}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > *:nth-child(n + 2) {margin-top: 10px;}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) {
  width: 140px;
  padding: 0 20px;
}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) p {
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 5px 0;
  background-color: #808080;
}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) p.is-red {background-color: #e60012;}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) p.is-green {background-color: #3fb996;}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) p.is-lightgreen {background-color: #8fcf55;}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) p.is-yellow {
  color: #000000;
  background-color: #fbe132;
}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) p.is-orange {
  color: #ffffff;
  background-color: #EF723A;
}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) p.is-black {
  color: #ffffff;
  background-color: #000000;
}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(2) {
  width: calc(100% - 140px);
  text-align: left;
}
.p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(2) p {font-size: 16px;}
.p-result-detail-cont {
  margin-top: 20px;
  padding: 0 20px;
}
.p-result-detail-cont > *:nth-child(n + 2) {margin-top: 20px;}
.p-result-detail-cont__txt {font-size: 16px;}
.p-result-detail-cont-note > *,
.p-result-detail-cont-dot > *  {
  position: relative;
  font-size: 14px;
  padding-left: 20px;
}

.p-result-detail-cont-note > *::before,
.p-result-detail-cont-dot > *::before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  content: '※';
}
.p-result-detail-cont-dot > *::before {
  content: '・';
}

.p-result-detail-cont-note > *:nth-child(n + 2),
.p-result-detail-cont-dot > *:nth-child(n + 2) {margin-top: 10px!important;}
.p-result-detail-select {
  display: inline-block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.p-result-detail-select::before {
  position: absolute;
  right: 30px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -5px;
  background-image: none;
  border-top: solid 1px #00a172;
  border-right: solid 1px #00a172;
  transform: translate(0,-50%) rotate(135deg);
  transition: transform .2s ease;
  content: '';
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {display: none;}
.p-result-detail-select select {
  width: 500px;
  font-size: 18px;
  color: #00a172;
  padding: 20px 40px 20px 20px;
  background-color: #ebf1ef;
  border: none;
  cursor: pointer;
}
.p-result-detail-select select > option {
  font-size: 16px;
  background-color: #ebf1ef;
}


@media screen and (max-width: 767px) {
  #result {padding: 0 0 10vw;}
  .p-result > *:nth-child(n + 2) {margin-top: 15vw;}
  .p-result-detail {padding: 0 4vw;}
  .p-result-detail > *:nth-child(n + 2) {margin-top: 15vw;}
  .p-result-detail-heading p {
    font-size: 4.5vw;
    padding: 3vw 4vw;
  }
  .p-result-detail-tbl {margin-top: 5vw;}
  .p-result-detail-tbl-heading > .c-flex > * {
    font-size: 3.5vw;
    padding: 2vw 0;
  }
  .p-result-detail-tbl-heading > .c-flex > *:nth-child(1), .p-result-detail-tbl-heading > .c-flex > *:nth-child(2) {width: 10vw;}
  .p-result-detail-tbl-heading > .c-flex > *:nth-child(3) {width: calc(100% - 20vw);}
  .p-result-detail-tbl-cont > .c-flex > * {
    font-size: 3.5vw;
    padding: 2vw 0;
  }
  .p-result-detail-tbl-cont > .c-flex > *:nth-child(1), .p-result-detail-tbl-cont > .c-flex > *:nth-child(2) {width: 10vw;}
  .p-result-detail-tbl-cont > .c-flex > *:nth-child(3) {width: calc(100% - 20vw);}
  .p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > *:nth-child(n + 2) {margin-top: 5vw;}
  .p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) {
    width: 24vw;
    padding: 0 2vw;
  }
  .p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(1) p {
    font-size: 3vw;
    padding: 1vw 0;
  }
  .p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(2) p {font-size: 3.5vw;}
  .p-result-detail-tbl-cont > .c-flex > *:nth-child(3) > .c-flex > *:nth-child(2) {
    width: 100%;
    margin-top: 1vw;
    padding: 0 2vw;
  }
  .p-result-detail-cont {
    margin-top: 5vw;
    padding: 0 4vw;
  }
  .p-result-detail-cont > *:nth-child(n + 2) {margin-top: 5vw;}
  .p-result-detail-cont__txt {font-size: 4vw;}
  .p-result-detail-cont-note > *,
  .p-result-detail-cont-dot > * {
    font-size: 3vw;
    padding-left: 4vw;
  }
  .p-result-detail-cont-note > *::before,
  .p-result-detail-cont-dot > *::before {font-size: 3vw;}
  .p-result-detail-cont-note > *:nth-child(n + 2),
  .p-result-detail-cont-dot > *:nth-child(n + 2) {margin-top: 2vw!important;}
  .p-result-detail-select::before {
    right: 4vw;
    width: 3vw;
    height: 3vw;
    margin-top: -1vw;
  }
  .p-result-detail-select select {
    width: 92vw;
    font-size: 4.5vw;
    color: #00a172;
    padding: 4vw 11vw 4vw 4vw;
  }
  .p-result-detail-select select > option {font-size: 4vw;}
}