@charset "utf-8";

.wall-item {
  display: block;
  margin: 0 0 5px 0;
  /*padding: 12px;*/
  /*padding-bottom: 5px;*/
  /*background: white;*/
  /*border-radius: 3px;*/
  /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);*/
  /*transition: all 220ms;*/
  position:relative;
}

.wall-item {overflow:hidden;/*cursor:pointer;*/}
.wall-item img {transition:all 0.4s;}
.wall_abs_div {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7);top:0;left:0;opacity:0;transition:all 0.4s;z-index:100;}
.wall_abs_div .tb {width:100%;height:100%;display:table;}
.txt_wrap {display:table-cell;vertical-align:middle;padding:0 5px;text-align:center;}
.txt_wrap .p01 {font-size:25px;line-height:25px;position:relative;top:20px;opacity:0;transition:all 0.3s;color:#fff;}
.txt_wrap .p01::after {content:'';display:block;width:25px;height:2px;background:#fff;margin:10px auto 15px;}
.txt_wrap .p02 {font-size:13px;line-height:19px;position:relative;top:20px;opacity:0;transition:all 0.3s;transition-delay: 0.2s;word-break:keep-all;color:#fff;}
/*.wall-item:hover .wall_abs_div {opacity:1;}
.wall-item:hover img {transform:scale(1.1);}
.wall-item:hover .event_box {opacity:1;}*/
.txt_wrap .p01.on {top:0;opacity:1;}
.txt_wrap .p02.on {top:0;opacity:1;}
.wall-item .plus_btn img {width:auto;}
.wall-item .link_btn img {width:auto;}
.wall-item .btn_box { position:relative; top:50px; overflow:hidden; transition:all 0.5s; opacity:0; display:inline-block; margin-top:20px; }
.wall-item .btn_box .plus_btn { width:34px; height:34px; float:left; background:#fff; border-radius:50%;  margin:20px 50px; transition:all 0.5s; }
.wall-item .btn_box .plus_btn a { display:block; }
.wall-item .btn_box .link_btn { width:34px; height:34px; float:right; background:#fff; border-radius:50%; margin:20px 50px; transition:all 0.5s;  }
.wall-item .btn_box .link_btn a { display:block; }
.wall-item:hover .btn_box {  top:0; opacity:1; }
.wall-item:hover .btn_box p { margin:0 9px; }
.gall_chk {position:absolute;left:5px;top:5px;z-index:1000;}

/*
.wall-item:hover .wall_abs_div{
	opacity:1;
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  
  transition: all 220ms;
}
*/

.wall-item > img {
	display: block;
	max-width:100%;
	/*width: 100%;
	margin:0;*/
}

.wall-item h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 12px 0 0 0;
}

.wall {
  display: block;
  position: relative;
  overflow:hidden;
}

.wall-column {
  display: block;
  position: relative;
  width: 33.333%;
  float: left;
  box-sizing: border-box;
}