body{
  background-color:rgba(192,226,255,1);
}
body .page-footer{
  background: #82b6ff;
}
body .footer{
  margin-top:80px;
}
body .add-more,body .add-more-loading{
  margin-top:80px;
}
body .common-column-list{
  margin-top:80px;
}
body .common-column-list-unit-title{
  -webkit-line-clamp: 1;
  height:unset;
  color: #2232c3;
}
body .common-column-list-unit-bottom-time{
  transition:0.5s;
}
body .common-column-list-unit-bottom-hr{
  border-top: 1px dashed #5197fe;
  transition:0.5s;
}
body .common-column-list-unit-text,body .common-column-list-unit-bottom-time{
  color: #5197fe;
}
body .common-column-list-unit-text{
  line-height: 21px;
  height: 60px;
  text-indent:36px;
}
body .common-column-list-unit{
  position:relative;
  margin-top:81px;
}
.common-column-list-unit-img,.common-column-list-unit-content{
  position:relative;
  z-index:99;
}
.common-column-list-unit-select{
  opacity:0;
  transition:0.5s;
  width: 105%;
  position:absolute;
  z-index:10;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
body .common-column-list-unit-title:hover{
  color: #0027b9;
}
body .common-column-list-unit-text:hover{
  color: #ffffff;
}
.common-column-list-unit:hover .common-column-list-unit-title{
  color: #0027b9;
}
.common-column-list-unit:hover .common-column-list-unit-text,.common-column-list-unit:hover .common-column-list-unit-bottom-time{
  color: #ffffff;
}
.common-column-list-unit:hover .common-column-list-unit-bottom-hr{
  border-top: 1px dashed #ffffff;
}
@media (min-width:1099px){
  .common-column-list-unit:hover .common-column-list-unit-select{
    opacity:1;
  }
}
@media (max-width:1400px){
  body .common-column-list-unit-text{
    line-height: 1.5vw;
    height: 4.3vw;
    text-indent:2.24vw;
  }
}
@media (max-width:1099px){
  body .common-column-list,body .footer{
    margin-top:7vw;
  }
  body .common-column-list-unit,body .add-more, body .add-more-loading{
    margin-top:4vw;
  }
  body .common-column-list-unit-text{
    text-indent:2.68vw;
  }
}
@media (max-width:767px){
  body .common-column-list-unit-text{
    font-size: 3.73vw;
    line-height: 5vw;
    height: unset;
    text-indent:6.4vw;
  }
  body .common-column-list{
    display:block;
  }
  body .common-column-list-unit{
    width:100%;
  }
  body .common-column-list-unit:nth-child(n+2){
    margin-top:4vw;
  }
  body .common-column-list-unit-title{
    -webkit-line-clamp: 3;
  }
  body .common-column-list-unit-img{
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 );
  }
}