@charset "utf-8";

.tbGallHrizn{}
.tbGallHrizn .empty_list{min-height:auto;}
.tbGallHrizn li{
    width:100%; padding:25px 0; border-bottom:1px solid #e1e1e1; position:relative;
}

.noticeBlock1 {position:relative; display: inline-block; margin-right:10px; vertical-align: top;  top:auto; right:auto;}

.tbGallHrizn li:first-child{border-top:1px solid #e1e1e1;}
.tbGallHrizn li .tbGallHriznThum, .tbGallHrizn li .tbGallHriznDescrt, .tbGallHrizn li .tbGallHriznBtn {/*display:table-cell;*/}

.tbGallHrizn li .liBlock{display:block;display: flex; flex-wrap: wrap;}

.tbGallHrizn li .tbGallHriznThum{ width:35%; position:relative; }
.tbGallHrizn li .tbGallHriznThum .thumWrap{width:100%; padding-bottom:70%; position:relative; height:0; overflow: hidden;}
.tbGallHrizn li .tbGallHriznThum .thumImgAbsol { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition: .3s;} 
.tbGallHrizn li .tbGallHriznThum img{ width:100%; height:100%; object-fit: cover; }
.tbGallHrizn .liBlock:hover .tbGallHriznThum .thumImgWrap {width:120%;}

.tbGallHrizn li .tbGallHriznDescrt{ position:relative; width:65%; padding:10px 50px; }
.tbGallHrizn li .tbGallHriznDescrt .prd-title {font-size:1.8rem; font-weight: 500; }
.tbGallHrizn .liBlock:hover .tbGallHriznDescrt .prd-title{text-decoration: underline;}
.tbGallHrizn li .prd-date{padding-top:.8em; color:#a5a5a5;}
.tbGallHrizn li .tbGallHriznDescrt p{ font-size:1.6rem; line-height:1.6em; padding-top:2em;}

/*.tbGallHrizn li .tbGallHriznBtn{
    position:absolute; top:50%; right:0; width:220px; text-align:center; transform: translateY(-50%);
}*/
.gallbasic-dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: background .5s; }

.chk_box input[type="checkbox"] + label {left:0; top:0px; padding-left:0}




.tbGallHrizn li .tbGallHriznThum .hoverline{position:absolute; background-color:rgba(255,255,255,.5);}
.tbGallHrizn li .tbGallHriznThum .hoverline.line1,
.tbGallHrizn li .tbGallHriznThum .hoverline.line3
{height:10px;width:0;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line2,
.tbGallHrizn li .tbGallHriznThum .hoverline.line4
{width:10px;height:0;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line1{top:0; left:0; transition: width .1s ease-in;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line3{bottom:0; right:0; transition: width .1s ease-in 0.2s;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line2{top:0; right:0; transition: height .1s ease-in 0.1s;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line4{bottom:0; left:0; transition: height .1s ease-in 0.3s;}
.tbGallHrizn .liBlock:hover .hoverline.line1,
.tbGallHrizn .liBlock:hover .hoverline.line3
{width:100%}
.tbGallHrizn .liBlock:hover .hoverline.line2,
.tbGallHrizn .liBlock:hover .hoverline.line4
{height:100%;}
.tbGallHrizn .liBlock:hover .gallThumb{ border-radius: 0; }

.tbGallHrizn .liBlock:hover .thumLink {width:120%; }




@media screen and (max-width:1400px){
    
}

@media screen and (max-width:1300px){
 
}

@media screen and (max-width:1024px){
  /*.tbGallHrizn li .tbGallHriznBtn{display: none;}*/
  .tbGallHrizn li .tbGallHriznThum{ width:40%;}
  .tbGallHrizn li .tbGallHriznDescrt{ position:relative; width:60%; padding:10px 30px; }  
}

@media screen and (max-width:768px){
  .tbGallHrizn li{ padding:20px 0 30px; justify-content: center; }
  .tbGallHrizn li .tbGallHriznThum, .tbGallHrizn li .tbGallHriznDescrt { width:100%;}
  .tbGallHrizn li .tbGallHriznThum { }
  .tbGallHrizn li .tbGallHriznDescrt{padding:20px 10px 0 10px;}
  
  
}
@media screen and (max-width:560px){
  .tbGallHrizn li .tbGallHriznThum, .tbGallHrizn li .tbGallHriznDescrt{width:100%;}
}

.write_div .chk_box input[type="checkbox"] + label {padding-left:0}