/* CSS Document */
@import url("../../module/lity.min.css");

img{
  max-width: 100%;
}
.contentArea.tokuten>h1{
  border: none;
  color: #fff;
  padding: 0;
  text-align: center;
  margin: .75rem 0 0 0;
}
.cathegoryWrap h1{
  border-bottom: none;
  color: #1a4892;
  padding: 0;
  text-align: center;
  font-size: 1.7em;
  font-weight: normal;
  margin: 2rem .75rem .75rem .75rem;
  letter-spacing: 5px;
}
.cathegoryWrap h1.area{
  border-bottom: none;
  color: #1a4892;
  padding: 0;
  text-align: center;
  border-radius: 3px;
  /*background: #d6edf7;*/
  background: #FFDAB9;
  font-size: 1.4em;
  font-weight: bold;
  margin: 3rem .75rem 1rem .75rem;
  letter-spacing: 1px;
}

.schoolBox .cell h2{
  border: 2px solid #f7931e;
  border-radius: 3px;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2;
  margin: .75rem .75rem 0 .75rem;
  padding: .1rem .25rem .5rem 1.75rem;
  position: relative;
}
.schoolBox .cell h2.active{
  background: #1a4892;
  border-color: #1a4892;
  border-radius: 3px 3px 0 0;
  color: #fff;
}
.schoolBox .cell h2:before{
  content: "";
  border: 7px solid transparent;
  border-top: 7px solid #f7931e;
  position: absolute;
  left: .5rem;
  top: calc( 50% - 4px );
}
.schoolBox .cell h2.active:before{
  border-top: 7px solid transparent;
  border-bottom: 7px solid #fff;
  top: calc( 50% - 10px );
}
.schoolBox .cell h2+div{
  background: rgba(26,72,146,.2);
  display: none;
  margin: 0 .75rem;
  padding: .5rem;
}

.contentArea.tokuten nav{
  background: #d6edf7;
  overflow: hidden;
}
.contentArea.tokuten nav ul{
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: .5rem;
  padding: 0;
}
.contentArea.tokuten nav ul li{
  margin: .25rem;
  line-height: 1;
}
.contentArea.tokuten nav ul a{
  background: #fff;
  color: #1a4892;
  border: 1px solid rgba(26,72,164, .5);
  border-radius: 1rem;
  display: inline-block;
  padding: .25rem .75rem .5rem .75rem;
}

.tokuten .schoolBox ul{
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  box-sizing: border-box;
}
.tokuten .schoolBox li{
  margin: .25rem;
}

.tokuten .schoolBox ul.others{
  display: flex;
  flex-wrap: wrap;
}
.tokuten .schoolBox ul.others li{
  width: calc(50% - .5rem);
}
.tokuten .schoolBox li a{
  background: #fff;
  border: 1px solid #1a4892;
  border-radius: .25rem;
  display: block;
  padding: .5rem .5rem .5rem 1.25rem;
  position: relative;
}
.tokuten .schoolBox li a.pamphlet{
  border-width: 2px;
  color: #1a4892;
  padding-left: 1rem;
}
.tokuten .schoolBox li a.pamphlet span:before{
  background: #1a4892;
  border-radius: 0 0 3px 0;
  content: "動画";
  color: #fff;
  font-size: .6em;
  line-height: 1;
  padding: 1px 2px 2px 1px;
  position: absolute;
  top: 0;
  left: 0;
}
.tokuten .schoolBox li a:before,
.tokuten .schoolBox li a:after{
  content: "";
  border: 5px solid transparent;
  border-left: 5px solid #1a4892;
  position: absolute;
  left: .5rem;
  top: calc(50% - 5px);
  z-index: 1;
}
.tokuten .schoolBox li a:after{
  border-left-color: #fff;
  left: calc(.5rem - 3px);
  z-index: 2;
}