#index #content{padding-bottom:90px}
#index #content ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1200px;width:100%;margin:auto;box-sizing: border-box;}
#index #content ul li
/*{width:235px;height:316px;margin:10px}*/
{width:calc(25% - 40px);margin:5px 20px 30px}
#index #content ul li .img{width:100%;height:100%}
#index #content ul li .txt{font-size:14px;font-weight:normal}
#index #content ul li .txt strong{display:block;margin-bottom:10px;font-family:'Montserrat','Roboto', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0.1em;font-size:20px;font-weight:700}

@media screen and (max-width: 737px){
  #index #content{padding-bottom:40px}
  #index #content ul{width:auto;padding:0 15px}
  #index #content ul li{width:calc(50% - 20px);margin:5px 10px 20px}
  #index #content ul li .img{height:60vw}
  #index #content ul li .txt{position:inherit;margin-top:5px;font-size:12px;color:#000}
  #index #content ul li .txt strong{margin-bottom:0;font-size:14px}}


#detail #content{padding-bottom:90px}
#detail #content article .row{position:relative}
#detail #content.inner{max-width:1100px;padding:80px 20px 90px 20px;}
#detail #content article .row .slideArea{float:right;width:45%}
#detail #content article .row .slideArea li{height:auto;overflow:hidden}
#detail #content article .row .slideArea li img{width:100%;height:100%;object-fit:cover;font-family:'object-fit: cover;'}
#detail #content article .row .txtArea{float:left;width:53%}
#detail #content article .row .txtArea .hd{padding-bottom:5px;border-bottom:1px solid #000}
#detail #content article .row .txtArea .hd h3{font-size:28px;line-height:1.3;letter-spacing:0.05em}
#detail #content article .row .txtArea .hd h3 span{font-size:16px;display: block;}


#detail #content article .row .txtArea .staffArea{margin-top:16px}
#detail #content article .row .txtArea .staffArea .row{display:table}
#detail #content article .row .txtArea .staffArea .row:after{display:none}

#detail #content article .row .txtArea .staffArea .comment{position:relative;padding:16px 0;}

@media screen and (max-width: 737px){
  #detail #content.inner {
    padding: 30px 20px 90px 20px;
}
  #detail #content article .row .slideArea{float:none;width:100%;height:auto;margin:0 auto}#detail #content article .row .slideArea{width:250px;height:auto;margin:0 auto}
  #detail #content article .row .slideArea li{height:auto}

  #detail #content article .row .txtArea{float:none;width:100%;margin-top:20px;/*padding:0 20px;*/box-sizing:border-box}
  #detail #content article .row .txtArea .hd{padding-bottom:5px}
  #detail #content article .row .txtArea .hd h3{font-size:21px}

  #detail #content article .row .txtArea .staffArea{margin-top:10px}
  #detail #content article .row .txtArea .staffArea .comment{padding:12px 10px;font-size:12px}
}

  #detail #content .pagerArea{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-top:20px}
  #detail #content .pagerArea .arr{width:80px;height:100px;text-align:center;}
  #detail #content .pagerArea .arr img{width:100%;}



  #detail #content .pagerArea .index{width:100%;margin-top:10px}#detail #content .pagerArea .index a{width:500px;margin:0 auto}
  #detail #content .pagerArea .item.h-txt .txt {
        font-family:'Montserrat','Roboto', sans-serif;
        }

  @media screen and (max-width: 737px){#detail #content .pagerArea{margin-top:20px;/*padding:0 20px*/}


  #detail #content .pagerArea .item.h-txt .txt {
        position: inherit;
        margin-top: 5px;
        font-size: 12px;
        color: #000;
        font-family:'Montserrat','Roboto', sans-serif;
        }

  #detail #content .pagerArea .index a{width:65%;line-height:40px}}



#detail #content .pagerArea .arr img
  {image-rendering: -webkit-optimize-contrast;}