@charset "UTF-8";



/* サブページ共通 header （futsalfiesta_nav.cssの末尾に以下を上書きした設定あり）
-------------------------------------------------------------------------------- */
/* 変更は以下だけでなくfutsalfiesta_nav.cssも確認 */

body.ff21Sub header {
}
@media (min-width: 768px) {
  body.ff21Sub header {

  }
}
body.ff21Sub header h1 {
  margin: 0px 0px 15px;
  padding: 0px;
}
@media (min-width: 768px) {
  body.ff21Sub header h1 {
    margin: 0px auto 0px;
    width: 300px;
  }
}
body.ff21Sub header h1 a {
  outline: none;
  font-size: initial;
}
body.ff21Sub header h1 img {
  margin: 0px auto;
}
@media (min-width: 768px) {
  body.ff21Sub #ff21NavBox {
    /* display: none; */
  }
}



/* #ff21SubHeader
-------------------------------------------------------------------------------- */

#ff21SubHeader {
  padding: 0px;
  margin-bottom: 50px;
}
#ff21SubHeader h2 {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  padding: 15px 0px;
  margin: 0px;
  text-align: center;
  color: #fff;/*2025*/
  background-color: #215942;
}
@media (min-width: 768px) {
  #ff21SubHeader h2 {
    font-size: 24px;
    padding: 20px 0px;
    margin: 0px;
    text-align: center;
  }
}
#ff21BackToHome {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  background-color: #e6e6e6;
  margin: 0px;
  padding: 8px 0px;
}
@media (min-width: 768px) {
  #ff21BackToHome {
    font-size: 12px;
  }
}



/* #ff21InternalLinkNav
-------------------------------------------------------------------------------- */

#ff21InternalLinkNavBox {
  margin: 0px;
  padding: 5px 0px;
}
@media (min-width: 768px) {
  #ff21InternalLinkNavBox {
    margin: 0px;
    padding: 20px 0px 0px;
  }
}
ul.ff21InternalLinkNav {
  margin: 10px 0px 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
@media (min-width: 768px) {
  ul.ff21InternalLinkNav {
    font-size: 14px;
    margin: 10px 0px 0px;
    text-align: center;
  }
}
ul.ff21InternalLinkNav li {
  display: inline;
  margin-right: 0.25em;
  padding-left: 0.25em;
  white-space: nowrap;
}



/* #ff21ChildLinkNavBox　2021追加　2022変更
-------------------------------------------------------------------------------- */

#ff21ChildLinkNavBox {
  margin: 0px;
  padding: 5px 0px;
}
@media (min-width: 768px) {
  #ff21ChildLinkNavBox {
    margin: 0px 0px 10px;
    padding: 20px 0px 0px;
  }
}
ul.ff21ChildLinkNav {
  margin: -5px 0px 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  ul.ff21ChildLinkNav {
    margin: 0px;
    font-size: 12px;
    text-align: center;
  }
}
ul.ff21ChildLinkNav li {
  display: inline-block;
  margin-top: 10px;
  margin-right: 0.25em;
  padding-left: 0.25em;
  white-space: nowrap;
}
@media (min-width: 768px) {
  ul.ff21ChildLinkNav li {
    margin-top: 0px;
  }
}
ul.ff21ChildLinkNav li a {
  display: block;
  padding: 0.5em 1em;
  color: #0000ff;
  background-color: #e6e6e6;
  outline: none;
}
ul.ff21ChildLinkNav li a:link {
  color: #0000ff;
  background-color: #e6e6e6;
  text-decoration: none;
}
ul.ff21ChildLinkNav li a:visited {
  color: #006699;
  background-color: #e6e6e6;
  text-decoration: none;
}
ul.ff21ChildLinkNav li a:hover {
  color: #0000ff;
  background-color: #e6e6e6;
  text-decoration: none;
}
ul.ff21ChildLinkNav li a:active {
  color: #006699;
  background-color: #e6e6e6;
  text-decoration: none;
}



/* table関係 bootstrap.cssを上書き
-------------------------------------------------------------------------------- */

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #666666;
}
@media (min-width: 768px) { /*追加*/
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    padding: 8px;
  }
}
.table > thead > tr > th {
  vertical-align: bottom;
  /*border-bottom: 1px solid #666666;*//*2021*/
  border-bottom: none;/*2022*/
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 1px solid #666666;
}
.table > tbody + tbody {
  border-top: 1px solid #fff;
}



/* .table-responsive
-------------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .ff21Sub .table-responsive {
    margin-bottom: 0px;/*bootstrap.cssを上書き*/
    overflow-x: auto;
    white-space: nowrap;
  }
}



/* .tableStyle1
-------------------------------------------------------------------------------- */

table.tableStyle1 {
  padding: 0px;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666;
  margin: 0px 0px 12px;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}
.tableStyle1 thead th {
  font-weight: bold;
  background-color: #348C68;/*2025*/
  text-align: center;
  padding: 8px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  vertical-align: middle;
  color: #fff;
}
.tableStyle1 th {
  font-weight: bold;
  background-color: #47BF8E;/*2023*/
  text-align: left;
  padding: 8px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  color: #fff;
}
.tableStyle1 td {
  background-color: #fff;/*2025*/
  text-align: left;
  padding: 8px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}
table.tableStyle1 td a {
  display: block;
  outline: none;
}
@media (min-width: 768px) {
  .tableStyle1 thead th,
  .tableStyle1 th,
  .tableStyle1 td {
    padding: 8px;
  }
}
@media (min-width: 768px) {
  .tableStyle1 th br {
    display: none;
  }
}
@media (min-width: 768px) {
  .tableStyle1 th.scheduleTableZenkoku br {
    display: inline;
  }
}
.scheduleTableCategory {
  width: 25%;
}
.scheduleTableDate {
  width: 30%;
}
.resultTableResult {
  width: 7%;
}
/*
.entryTableEntry {
  width: 7%;
}
*/
/*
td.scheduleTableChiiki {
  background-color: #ffe0e0;
}
th.scheduleTableZenkoku,
td.scheduleTableZenkoku {
  background-color: #dcdcf0;
}
tr.scheduleTableZenkoku th,
tr.scheduleTableZenkoku td {
  background-color: #dcdcf0;
}
*/
td.resultTdStyle {
  background-color: #E6FFF5;/*2025*/
  color: #fff;/*2025*/
  text-align: center;
}
td.resultTdStyle a {
  color: #0CA666;
  font-weight: bold;
}
/*
td.entryTdStyle {
  background-color: #f27fbe;
  color: #000000;
  text-align: center;
}
*/
td.entryTdStyle a {
  color: #ffffff;
  font-weight: bold;
}

/* for table.js _ .even .hover 自動追加 */
table.tableStyle1 tbody tr.even td {
  /*background-color: #f7f7c8;*//*2021*/
  /*background-color: #bbffbb;*//*2022*/
  background-color: #bbeeee;/*2023*/
}
/*
table.tableStyle1 tbody tr.even td.scheduleTableChiiki {
  background-color: #ffe0e0;
}
table.tableStyle1 tbody tr.even td.scheduleTableZenkoku {
  background-color: #dcdcf0;
}
*/
table.tableStyle1 tbody tr.even td.resultTdStyle {
  /*background-color: #dac15b;*//*2021*/
  /*background-color: #00cc00;*//*2022*/
  background-color: #00bbbb;/*2023*/
}
/*
table.tableStyle1 tbody tr.even td.entryTdStyle {
  background-color: #f27fbe;
}
*/
/* End */

table.tableStyle1 tbody tr.even td.noEven {
  /*background-color: #ffffdc;*//*2021*/
  /*background-color: #ddffdd;*//*2022*/
  background-color: #c4f7f7;/*2023*/
}



/* .tableStyle2
-------------------------------------------------------------------------------- */

table.tableStyle2 {
  padding: 0px;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666;
  margin: 0px 0px 12px;
  font-size: 14px;
  line-height: 1.5;
}
.tableStyle2 thead th {
  font-weight: bold;
  background-color: #eeeeee;
  text-align: center;
  padding: 8px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  vertical-align: middle;
}
.tableStyle2 th {
  text-align: left;
  font-weight: bold;
  padding: 8px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}
.tableStyle2 td {
  text-align: left;
  padding: 8px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}
table.tableStyle2 td a {
  display: block;
  outline: none;
}
@media (min-width: 768px) {
  .tableStyle2 thead th,
  .tableStyle2 th,
  .tableStyle2 td {
    padding: 8px;
  }
}
.kaijyouTableChiiki {
  /*width: 4em;*/
  white-space: nowrap;
}
.kaijyouTableKaijyou {
  white-space: nowrap;
}
.kaijyouTableTel {
  /*width: 8.1em;*/
  white-space: nowrap;
}



/* entry
-------------------------------------------------------------------------------- */

.nagareAttention {
  font-weight: bold;
  color: #FF4043;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0px auto;
  padding: 0px;
}
@media (min-width: 768px) {
  .nagareAttention {
    /*width: 85%;*/
    /*width: 92%;*//*2019*/
    width: 76%;/*2021*/
    /*width: 40em;*//*2021*/
  }
}
@media (min-width: 992px) {
  .nagareAttention {
    /*width: 70%;*/
    /*width: 73%;*//*2019*/
    /*width: 63%;*//*2021*/
    width: 40em;/*2021*/
  }
}
#entryCol {
  margin: 15px auto 0px;
  padding: 0px;
}
@media (min-width: 768px) {
  .entryBox {
    /*width: 85%;*/
    /*width: 92%;*//*2019*/
    width: 76%;/*2021*/
    /*width: 40em;*//*2021*/
  }
}
@media (min-width: 992px) {
  .entryBox {
    /*width: 70%;*/
    /*width: 73%;*//*2019*/
    /*width: 63%;*//*2021*/
    width: 40em;/*2021*/
  }
}
h4.entrySelect {
  font-size: 14px;
  font-weight: bold;
}
.entryBox {
  margin: 0px auto;
  padding: 0px;
  /*background-color: #faf6e7;*//*2021*/
  /*background-color: #bbffbb;*//*2022*/
  background-color: #bbeeee;/*2023*/
  border: 1px solid rgba(33, 89, 66, 0.2);
  margin-bottom: 50px;
  position: relative;
}
.entryBox::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,30px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #215942;
}
.entryBox:last-child::after{
  display: none;
}
.entryBox .entryColTitle {
  color: #215942;
  background-color: #DAF2E8;/*2025*/
  margin: 0px;
  padding: 8px;
  text-align: center;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.entryBox .entryColBody {
  background-color: #fff;/*2025*/
  margin: 0px;
  padding: 8px;
  text-align: left;
  border-style: none;
  text-align: justify;
  text-justify: inter-ideograph;
}
/*@media (min-width: 768px) {
  .entryBox .entryColBody {
    text-align: center;
  }
}*/
@media (min-width: 768px) {
  .entryBox .entryColBody p {
    text-align: center;
  }
  .entryBox .entryColBody p.nagareIndent {
    text-align: left;
  }
}

/* 2021追加 注釈の長さが短い場合 */
.entryBox .entryColBody p.nagareIndent2 {
  display: block;
  text-indent: -1em;
  margin: 0px 0px 0px 1em;
}
@media (min-width: 768px) {
  .entryBox .entryColBody p.nagareIndent2 {
    text-align: center;
  }
}

.entryBox .entryColBodyNagare {
  /*background-color: #faf6e7;*//*2021*/
  /*background-color: #bbffbb;*//*2022*/
  background-color: #bbeeee;/*2023*/
  margin: 0px;
  padding: 8px;
  text-align: left;
  border-style: none;
  text-align: justify;
  text-justify: inter-ideograph;
}
.entryBox .entryColBodyNagare .nagareIndent {
  display: block;
  text-indent: -1em;
  margin: 0px 0px 0px 1em;
}
.entryBox .entryColBody .nagareIndent {
  display: block;
  text-indent: -1em;
  margin: 0px 0px 0px 1em;
}
#entryCol > p {
  margin: -4px auto 4px;
  text-align: center;
}
@media (max-width: 767px) {
  .entryColBody br {
    display: none;
  }
}
.entryJfutsal {
  padding: 4px 0px 0px 0px;
}

#ff21EntryLinkArea {
  padding: 25px 0px 5px;
  margin: 0px;
  background-color: #ffffff;
  overflow: hidden;
}
@media (min-width: 768px) {
  #ff21EntryLinkArea {
    padding: 40px 0px 10px;
    margin: 0px auto;
  }
}
#ff21EntryLinkArea h3 {
  display: none;
}
@media (min-width: 768px) {
  #ff21EntryLinkArea ul {
    margin: 0px auto;
    width: 226px;
  }
}
@media (min-width: 992px) {
  #ff21EntryLinkArea ul {
    width: 293px;
  }
}
#ff21EntryLinkArea ul#ff21Nav li a {
  padding: 16px 10px;
}