@charset "utf-8";

.bttmLine {position:relative;}
  .bttmLine:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px;  border-bottom:1px solid #ddd;}
  .tbGallBasic .gall-thum.pdbttm140 {padding-bottom:140%; border:1px solid #f1f1f1;}
  .tbGallBasic .gall-thum .gall-thumcover{ width:100%; position:absolute; top:0; left:0; top:50%; left:50%; transform:translate(-50%, -50%);transition: width .3s; }
 
  .markBox {margin:0 -10px}
  .markBox ul.boxUl {display:flex; flex-wrap:wrap;}
  .markBox ul.boxUl li {width:25%; padding:0 10px; }
  .markBox ul.boxUl li .marklayout{ border:1px solid #e1e1e1;}
  .markBox .markimg { height:auto; padding:20px; text-align:center;}
  .markBox .markimg img {max-width:200px; width:100%;}

  .markBox .marktit {background-color:#006600; color:#fff; text-align:center; padding:14px 10px 12px;}

  @media screen and (max-width:1024px){ 
    
  }
  @media screen and (max-width:768px){
    .markBox ul.boxUl li {width:49%; margin-bottom:20px;}
  }
  @media screen and (max-width:560px){
    .markBox .marktit.font20 {font-size:1.6rem;}
    .markBox .marktit {padding:14px 5px 12px;}
  }