@charset "utf-8";

/*-----------------------

http://www.jleague.jp/css/logo_25th.css
2017/10/23 ISM

------------------------*/

.skyscraperWrap{
  display: none;
}
body.entry{
  font-size: 15px;
}
body.entry a{
  text-decoration: none;
}
.contents{
  margin: 0 20px;
}
.contents h2{
  font-size: 22px;
  margin-top: 30px;
  text-align: center;
  font-weight: bold;
}
.contents h3{
  font-size: 17px;
  margin: 40px 0 10px;
  font-weight: bold;
}
.kvArea{
  text-align: center;
  background: #eee;
}
hr{
  margin: 20px 0 30px 0;
  color: #eee;
}
.navWrap{
  margin-top: 30px;
  font-size: 0;
}
.navWrap ul li{
  width: 49%;
  height: 60px;
  display: inline-block;
  font-size: 16px;
  position: relative;
}
.navWrap ul li a{
  width: 100%;
  height: 60px;
  display: inline-block;
  font-size: 16px;
  position: relative;
}
.navWrap ul li a::after{
  position: absolute;
  font-family: 'icomoon3';
  content: "\ec600";
  font-size: 12px;
  color: #fff;
  margin-left: 3%;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.navWrap ul li{
  margin-right: 0px;
}
.navWrap ul li:last-child{
  margin-right: 0;
}
.navWrap ul li.nav_message{
  background: url("/img/25th/nav_01.jpg");
  background-size: cover;
}
.navWrap ul li.nav_principle{
  background: url("/img/25th/nav02.jpg");
  background-size: cover;
}
.navWrap ul li.nav_summary{
  background: url("/img/25th/nav03.jpg");
  background-size: cover;
}
.navWrap ul li.nav_premise{
  background: url("/img/25th/nav04.jpg");
  background-size: cover;
}
.navWrap ul li a{
  color: #fff;
  text-align: center;
  line-height: 60px;
}
.message{
  text-align: center;
  margin: 50px 0;
  font-size: 15px;
  line-height: 2em;
  color: #595959;
}
.message h2{
  text-align: center;
  font-size: 25px;
  color: #c60010;
  font-weight: normal;
  margin-bottom: 40px;
}
.message h2 span{
  display: block;
}
.message p{
  font-weight: bold;
}
.message p + p{
  margin-top: 30px;
}
.principle{
  overflow: hidden;
}
.principle ul li,
.principle ol li{
  line-height: 2em;
}
.summary {
  padding: 0 0px;
  background: #fff;
  border: solid 2px #ccc;
  margin: 80px 0px;
}
.summary table{
  margin: 20px 0px 0px;
  line-height: 1.8em;
  font-size: 13px;
}
.summary table tr{
  border-top: solid 1px #ccc;
}
.summary table tr th{
  width: 23%;
  text-align: center;
  vertical-align: middle;
  background: #f6f6f6;
}
.summary table tr td{
  vertical-align: middle;
  padding: 30px 10px;
}
.summary table tr td a{
  display: inline-block;
  background: #595959;
  color: #fff;
  font-size: 13px;
  padding: 5px 25px;
}
.premise{
  padding: 0 0px;
  background: #fff;
  font-size: 14px;
  margin: 50px 0;
  overflow: hidden;
  border: solid 2px #ccc;
  text-align: center;
}
.premise figure,
.premise .logo_text{
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8em;
}
.premise figure figcaption{
  text-align: center;
  font-size: 14px;
  font-weight: bold;;
}
.premise .logo_text{
  margin: 10px;
  text-align: left;
}
.premise .logo_text p{
  padding-bottom: 20px;
}
.premise .premise_logo{
  background: #ebebeb;
  padding: 50px 0;
  margin: 20px 0px 40px;
}
.premise .premise_logo p{
  text-align: center;
  padding: 0 0 20px;
}
.premise .premise_logo ul{
  text-align: center;
}
.premise .premise_logo ul li{
  display: inline-block;
  width: 45%;
  text-align: center;
  margin-top: 10px;
}
.premise .premise_logo ul li:nth-child(-n+2){
  margin-bottom: 20px;
}
.premise .premise_logo ul li img{
  width: 30%;
}
.premise .premise_logo ul li span{
  display: block;
  font-weight: bold;
  padding-bottom: 10px;
}
.premise .logo_color p,
.premise .logo_color ul,
.premise .logo_color ul li,
.premise .logo_color ul li span{
  display: inline-block;
}
.premise .logo_color ul{
  text-align: left;
}
.premise .logo_color ul li{
  margin: 15px;
}
.premise .logo_color ul li span{
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1.5em;
}
.premise .logo_color ul li div{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.premise .logo_color ul li div.j_red{
  background: #e60012;
}
.premise .logo_color ul li div.j_green{
  background: #00854a;
}
.premise .logo_color ul li div.j_black{
  background: #000;
}
.premise .logo_color{
  margin-bottom: 20px;
}
.notes{
  width: 100%;
  height: 200px;
  overflow-y: scroll;
  margin: 50px auto;
  font-size: 12px;
  border: solid 1px #888;
  box-sizing: border-box;
}
.notes p{
  margin-bottom: 20px;
  padding: 10px 10px 0 15px;
  line-height: 1.5em;
}
.notes ul li{
  margin: 20px 10px;
}
.notes ul li ol{
  list-style-type: decimal;
  padding-left: 25px;
  line-height: 1.5em;
}
.entryBtn{
  margin: 40px 0px;
}
.entryBtn a{
  width: 100%;
  background: #dcdcdc;
  display: block;
  height: 70px;
  color: #fff;
  text-align: center;
  line-height: 70px;
  font-size: 20px;
}
.entryBtn span{
  width: 100%;
  background: #dcdcdc;
  display: block;
  height: 70px;
  color: #fff;
  text-align: center;
  line-height: 70px;
  font-size: 20px;
}
.entryBtn p{
  text-align: center;
  margin-bottom: 10px;
}