.main-area .main-inner .stylingWrap{
  max-width: 1000px;
  margin: 0 auto;
}
.main-area .main-inner .stylingWrap .stylingArea{
  max-width: 1000px;
  /* margin-left:-5px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-area .main-inner .stylingWrap .stylingArea li{
  width: calc(33% - 2.5px);
  margin: 0 0 5px 5px;
}
.main-area .main-inner .stylingWrap .stylingArea li img{
  width:100%;
}
.main-area .main-inner .stylingWrap .stylingArea li {
  position: relative;
}

.main-area .main-inner .stylingWrap .stylingArea li p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  font-size: 32px;
}

.main-area .main-inner .stylingWrap .stylingArea li img {
  width: 100%;
}
.main-area .main-inner .stylingWrap .stylingArea li a{
  border: 1px solid #000;
  display: block;
}
.main-area .main-inner .stylingWrap .stylingArea li p.arrow{
  display:none;
}

.main-area .main-inner .stylingWrap .stylingArea li p.arrow::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #000000;
  border-right: solid 2px #000000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -12px;
  margin-top: -4px;
}

.main-area .main-inner .commonArea.underpage {
  margin: 40px auto 60px;
}