/* CSS Document */

.forSp{
  display: none;
}
.forPc{
  display: block;
}
.backToList{
  justify-content: center;
  text-align: right;
  text-align: center;
}
.backToList li{
  width: auto;
   margin: 0 1rem;
}
.backToList a{
  display: inline-block;
  padding: .25rem 1rem;
}
.contentArea.news>h1{
  border: 1px solid #009fe5;
  background: linear-gradient( to right, #fff, #fff 370px, #009fe5 370px, #009fe5);
}
.categoryArea nav{
  width: auto;
  border: none;
}
ul.categoryList{
  display: block;
  margin: 0;
  overflow: auto;
}
ul.categoryList li{
  border-width: 0 0 0 3px;
  border-color: #009fe5;
  margin: 0;
  white-space: normal;
}
ul.categoryList li+li{
  margin-top: .5rem;
}
ul.categoryList a{
  background: rgba( 0, 159, 229, .1);
}

.innerWrap{
  display: grid;
  grid-template-columns: auto 300px;
  width: 100%;
  grid-template-rows: auto auto;
}
.contentWrap{
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start:1;
}
.categoryArea{
  grid-row-start: 1;
  grid-column-start:2;
  margin-left: 20px;
  margin-top: 1rem;
}
.subContentWrap{
  grid-row-start: 2;
  grid-column-start:2;
  margin-left: 20px;

}

.subContentWrap ul.recommendList li{
  margin: .5rem 0;
  width: auto;
  font-size: .9em;
}
a.formLink
{
  margin: 20px 10px;
  font-size: 0.9em;
}