/* Tagtoru CSS v2 20161110 */

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

.tgtr {
  position: relative;
  width: 100%;
}

.tgtr * {
  box-sizing: border-box;
}

.tgtrbox {
  width: auto;
  height: auto;
  transition: all .2s;
  word-break: break-all;
}

.tgtrbox-photo_image,
.tgtrbox-user_iconImg {
  max-width: 100%;
  width: auto;
  height: auto;
}

.tgtr[data-tgtr-cols] .tgtrbox {
  width: 100%;
}

.tgtr[data-tgtr-cols='2'] .tgtrbox {
  width: calc(100% / 2);
}

.tgtr[data-tgtr-cols='3'] .tgtrbox {
  width: calc(100% / 3);
}

.tgtr[data-tgtr-cols='4'] .tgtrbox {
  width: calc(100% / 4);
}

.tgtr[data-tgtr-cols='5'] .tgtrbox {
  width: calc(100% / 5);
}

.tgtr[data-tgtr-cols='6'] .tgtrbox {
  width: calc(100% / 6);
}

.tgtr[data-tgtr-cols='7'] .tgtrbox {
  width: calc(100% / 7);
}

.tgtr[data-tgtr-cols='8'] .tgtrbox {
  width: calc(100% / 8);
}

.tgtr[data-tgtr-cols='9'] .tgtrbox {
  width: calc(100% / 9);
}

.tgtr[data-tgtr-cols='10'] .tgtrbox {
  width: calc(100% / 10);
}

.tgtr[data-tgtr-cols='11'] .tgtrbox {
  width: calc(100% / 11);
}

.tgtr[data-tgtr-cols='12'] .tgtrbox {
  width: calc(100% / 12);
}

@media screen and (max-width: 768px) {
  .tgtr[data-tgtr-cols-sp] .tgtrbox {
    width: 100%;
  }

  .tgtr[data-tgtr-cols-sp='2'] .tgtrbox {
    width: calc(100% / 2);
  }

  .tgtr[data-tgtr-cols-sp='3'] .tgtrbox {
    width: calc(100% / 3);
  }

  .tgtr[data-tgtr-cols-sp='4'] .tgtrbox {
    width: calc(100% / 4);
  }
}

@media screen and (max-width: 600px){
  .tgtr[data-tgtr-cols-sp] .tgtrbox {
    width: 100%;
  }
}

.tgtrbox-inner {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin: 0;
}

.tgtrbox-user {
  flex-direction: row;
  margin: 0 0 6.9%;
  flex: 0 0 auto;
  /*order: 1;*/
  padding: 12% 11% 0;
}

@media screen and (max-width: 600px) {
  .tgtrbox-user {
    padding: 11.2vw 6.5vw 0;
  }  
}

.tgtrbox-user_icon {
  flex: 1 0 15%;
  margin: 0;
  /*order: 1;*/
  display: none;
}

.tgtrbox-user_name {
  flex: 2 0 73.5%;
  /* margin: 0 3.25%; */
  margin: 0 auto;
  font-size: 17px;
  font-weight: normal;
  /*order: 1;*/
}

.tgtrbox-user_link {
  text-decoration: none;
  color: #202f30;
  padding-left: 20px;
  cursor: pointer;
  transition: .4s ease;
}

.tgtrbox-user_link:hover {
  opacity: .6;
}

.tgtrbox-user_snsIcon {
  flex: 1 0 10%;
  font-size: 17px;
  color: #999;
  margin: 0;
  /*order: 1;*/
  display: none;
}

.tgtrbox-post {
  font-size: 12px;
  font-weight: normal;
  flex: 2 0 auto;
  /*order: 2;*/
  padding: 0 11%;
}

@media screen and (max-width: 600px) {
  .tgtrbox-post {
    padding: 0 6.5vw;
  }  
}

.tgtrbox-post_text {
  margin: 0;
  line-height: 1.5;
  /* flex: 1 0 auto; */
}

.tgtrbox-post_date {
  margin: 10px 0;
  flex-wrap: wrap;
  display: none;
}

@media screen and (max-width: 600px) {
  .tgtrbox-user {
    font-size: 4.17vw;
  }

  .tgtrbox-user_snsIcon {
    font-size: 3.179vw;
  }

  .tgtrbox-post_text {
    font-size: 3.65vw;
  }

  .tgtrbox-post_date {
    font-size: 2.31vw;
  }

  .tgtrbox-user_name {
    font-size: 4.17vw;
  }
}

.tgtrbox-icons {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 140%;
  margin: 30px 5.25% 1rem;
  flex: 0 0 auto;
  /*order: 3;*/
  padding: 0 11% 6.3%;
}

@media screen and (max-width: 600px) {
  .tgtrbox-icons {
    padding: 0 6.5vw 6.35vw;
  }
}
 
.tgtrbox-icons_link:last-child {
  display: none;
}

@media screen and (max-width: 670px) {
  .tgtrbox-icons {
    font-size: 120%;
    margin: 1rem 3.25%;
  }
}

.tgtrbox-op {
  animation: tgtropning .5s;
}


@keyframes tgtropning {
  from {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}


/*--------------------
- tile
--------------------*/
.tgtr-tile {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.tgtr-tile .tgtrbox {
  color: #000;
  position: relative;
  height: 100%;
  max-height: 312px;
  cursor: pointer;
  background: #fffbf0;
  border: 5px solid #93d6d4;
  border-radius: 3%;
  margin-bottom: calc(6.25% - 12px);
  background-repeat: no-repeat;
}

.tgtr-tile .tgtrbox:hover {
  transform: translateY(-10px);
  transition-duration: 0.5s;
}


@media screen and (max-width: 768px){
  .tgtr-tile .tgtrbox {
    margin-bottom: calc(10.2% - 12px);
  }
} 

@media screen and (max-width: 600px){
  .tgtr-tile .tgtrbox {
    margin-bottom: calc(18.1% - 12px);
  }
} 

.tgtr-tile .tgtrbox::before {
  content: '';
  display: block;
  position: relative;
  padding: 100% 0 0;
  width: 100%;
}

.tgtr-tile .tgtrbox::after {
  content: '';
  position: absolute;
  background-image: url(../img/tagtoru_balloon.png);
  background-repeat: no-repeat;
  top: 100%;
  left: 33%;
  max-width: 100%;
  width: 97px;
  height: 41px;
}

/* .tgtr-tile .tgtrbox:hover::after {
  transform: translateY(-10px);
  transition-duration: 0.5s;
} */

.tgtr-tile .tgtrbox-photo {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  top: 0;
}

.tgtr-tile .tgtrbox-photo::before {
  content: '';
  position: static;
  display: block;
  padding-top: 100%;
}

.tgtr-tile .tgtrbox-snslink,
.tgtr-tile .tgtrbox-snslink-block {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  box-shadow: inset 0 0 1px rgba(0,0,0,.3);
  display: none;
}

/* .tgtr-tile .tgtrbox-photo_image {
  position: relative;
  min-height: inherit;
  vertical-align: middle;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(-50%);
}

.tgtr-tile .tgtrbox-photo_image_h {
  max-width: inherit;
  max-height: 100%;
}*/

.tgtr-tile .tgtrbox .tgtrbox-description {
  margin: -100% 0 0;
} 

.tgtr-tile .tgtrbox-description {
  position: absolute;
  z-index: 1;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  padding: 12% 11% 6.3%;
  overflow-y: auto;
}


@media screen and (max-width: 600px) {
  .tgtr-tile .tgtrbox-description {
    padding: 11.2vw 6.5vw 6.35vw;
  }
}

.tgtr-tile a {
  color: #000;
  text-decoration: none;
  transition: .4s ease;
}

.tgtr-tile a:hover {
  opacity: .5;
}

.tgtr-tile.tgtr-msny {
  display: block;
}

.tgtr-tile.tgtr-msny::after {
  content: '';
  clear: both;
  display: block;
}

.tgtr-tile.tgtr-msny .tgtrbox {

}

.tgtr-tile.tgtr-msny .tgtrbox {
  transition: none;
}

.tgtr-tile.tgtr-msny .tgtrbox {
  animation: msnyopening .5s;
}

@keyframes msnyopening {
  from {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.tgtr-tile .tgtrbox-noimage:before {
  position: relative;
}

.tgtr-tile .tgtrbox-noimage .tgtrbox-description,
.tgtr-tile .tgtrbox-noimage:hover .tgtrbox-description {
  margin: -100% 0 0;
}



/*--------------------
- grid
--------------------*/
.tgtr-grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.tgtr-grid .tgtrbox {
  /* background: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, .5); */
  color: #202f30;
  position: relative;
  height: auto;
  cursor: pointer;
  background: #fffbf0;
  border: 5px solid #93d6d4;
  border-radius: 3%;
  margin-bottom: calc(6.25% - 12px);
}

.tgtr-grid .tgtrbox::after {
  content: '';
  position: absolute;
  background-image: url(../img/tagtoru_balloon.png);
  background-repeat: no-repeat;
  top: 100%;
  left: 33%;
  max-width: 100%;
  width: 97px;
  height: 41px;
}


@media screen and (max-width: 768px){
  .tgtr-grid .tgtrbox {
    margin-bottom: calc(10.2% - 12px);
  }
} 

@media screen and (max-width: 600px){
  .tgtr-grid .tgtrbox {
    margin-bottom: calc(18.1% - 12px);
  }
} 

.tgtr-grid:not(.tgtr-msny) .tgtrbox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tgtr-grid .tgtrbox-photo {
  text-align: center;
}

.tgtr-grid.tgtr-msny .tgtrbox {
   transition: none;
}

.tgtr-grid:not(.tgtr-msny) .tgtrbox-post {
  flex: 2 0 auto;
}


/*--------------------
- styles tgtr-grid__01
--------------------*/
.tgtr-grid__01 .tgtrbox {
  background: #eee;
  box-shadow: none;
  font-size: .67rem;
  padding: 5px;
}

.tgtr-grid__01 .tgtrbox-photo {
  margin: 0;
}

.tgtr-grid__01 .tgtrbox-photo_image {
  border-radius: 10px;
}

.tgtr-grid__01 .tgtrbox-user {
  margin: 10px 5px;
}

.tgtr-grid__01 .tgtrbox-user_name a {
  color: #444;
  text-decoration: none;
}

.tgtr-grid__01 .tgtrbox-post_text a {
  color: #2692ff;
}

.tgtr-grid__01 .tgtrbox-icons {
  border-top: solid 1px #dadada;
  margin: 10px 0;
  padding: 10px 5.25% 0;
  font-size: 1.2rem;
}

.tgtr-grid__01 .tgtrbox-icons a {
  color: #999;
  transition: all .5s;
}

.tgtr-grid__01 .tgtrbox-icons a:hover {
  color: #bbb;
}

.tgtr-grid__01 + .tgtr-more {
  text-align: center;
  font-size: .725rem;
  margin: 20px 0 0;
}

.tgtr-grid__01 + .tgtr-more a {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
  background: #ccc;
  color: #666;
}


/*--------------------
- styles tgtr-grid__wb
--------------------*/
.tgtr-grid__wb .tgtrbox {
  background: #fff;
  box-shadow: none;
  font-size: .82rem;
  padding: 10px;
  border: solid 5px #000;
  display: flex;
  flex-direction: column;
  transition: none;
}

.tgtr-grid__wb .tgtrbox-photo {
  margin: 0 0 10px;
  order: 1;
}

.tgtr-grid__wb .tgtrbox-user {
  margin: 0 5px;
  order: 3;
}

.tgtr-grid__wb .tgtrbox-user_name a {
  color: #444;
  text-decoration: none;
}

.tgtr-grid__wb .tgtrbox-post {
  order: 2;
}

.tgtr-grid__wb .tgtrbox-post_text a {
  color: #2692ff;
}

.tgtr-grid__wb .tgtrbox-icons {
  border-top: solid 1px #000;
  margin: 10px 0;
  padding: 10px 5.25% 0;
  font-size: 1.2rem;
  order: 4;
}

.tgtr-grid__wb .tgtrbox-icons a {
  color: #000;
  transition: all .5s;
}

.tgtr-grid__wb .tgtrbox-icons a:hover {
  color: #bbb;
}

.tgtr-grid__wb + .tgtr-more {
  text-align: center;
  font-size: .725rem;
  margin: 20px 5.25% 0;
  font-size: 1rem;
  font-weight: bold;
}

.tgtr-grid__wb + .tgtr-more a {
  display: block;
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
  background: #fff;
  color: #000;
  border: solid 5px #000;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.tgtr-grid__wb + .tgtr-more a:hover {
  background: #000;
  color: #fff;
}



/*--------------------
- styles tgtr-tile__imgfit
--------------------*/
.tgtr-tile__imgfit .tgtrbox-photo_image_h {
  top: 50%;
  left: 0;
  margin: auto;
  max-height: inherit;
  max-width: 100%;
  transform: translateY(-50%);
}
.tgtr-tile__imgfit .tgtrbox-photo_image_w {
  left: 50%;
  max-width: inherit;
  height: 100%;
  transform: translate(-50%,-50%);
}


/*--------------------
- styles tgtr-tile__fade
--------------------*/
.tgtr-tile__fade .tgtrbox-description {
  opacity: 0;
  top: 0;
  left: 0;
}

.tgtr-tile__fade .tgtrbox:hover .tgtrbox-description {
  margin: 0;
  opacity: 1;
}


/*--------------------
- styles tgtr-tile__blur
--------------------*/
.tgtr-tile__blur .tgtrbox-photo {
  transition: all .5s;
}
/* 
.tgtr-tile__blur .tgtrbox:hover .tgtrbox-photo {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
} */

.tgtr-tile__blur .tgtrbox-description {
  opacity: 0;
  top: 0;
  left: 0;
  margin: 5% 0 0;
}

.tgtr-tile__blur .tgtrbox:hover .tgtrbox-description {
  margin: 0;
  opacity: 1;
}


/*--------------------
- styles tgtr-tile__scale
--------------------*/
.tgtr-tile__scale .tgtrbox {
  overflow: visible;
}

.tgtr-tile__scale .tgtrbox-photo {
  transition: all .4s;
}

.tgtr-tile__scale .tgtrbox:hover .tgtrbox-photo {
  transform: scale(.9);
}

.tgtr-tile__scale .tgtrbox-description {
  opacity: 0;
  top: 0;
  left: 0;
  transform: scale(1.1);
  transition: all .5s .1s;
}

.tgtr-tile__scale .tgtrbox:hover .tgtrbox-description {
  margin: 0;
  opacity: 1;
  transform: scale(1);
}


/*--------------------
- styles tgtr-tile__flipX
--------------------*/
.tgtr-tile__flipX .tgtrbox {
  overflow: visible;
}

.tgtr-tile__flipX .tgtrbox-photo {
  transition: all .5s;
  transform: perspective(1000px) rotateX(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fff;
  z-index: 1;
}

.tgtr-tile__flipX .tgtrbox:hover .tgtrbox-photo  {
  transform: perspective(1000px) rotateX(-180deg);
}

.tgtr-tile__flipX .tgtrbox-description {
  top: 0;
  left: 0;
  transform: perspective(1000px) rotateX(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}

.tgtr-tile__flipX .tgtrbox:hover .tgtrbox-description  {
  transform: perspective(1000px) rotateX(0);
  margin: 0;
}


/*--------------------
- styles tgtr-tile__flipY
--------------------*/
.tgtr-tile__flipY .tgtrbox {
  overflow: visible;
}

.tgtr-tile__flipY .tgtrbox-photo {
  transition: all .5s;
  transform: perspective(1000px) rotateY(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fff;
  z-index: 1;
}

.tgtr-tile__flipY .tgtrbox:hover .tgtrbox-photo  {
  transform: perspective(1000px) rotateY(-180deg);
}

.tgtr-tile__flipY .tgtrbox-description {
  top: 0;
  left: 0;
  transform: perspective(1000px) rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}

.tgtr-tile__flipY .tgtrbox:hover .tgtrbox-description  {
  transform: perspective(1000px) rotateY(0);
  margin: 0;
}


/*--------------------
- styles tgtr-tile__fv
--------------------*/
.tgtr-tile__fv .tgtrbox-wrap {
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 0 1px rgba(0, 0, 0 , .2);
}

.tgtr-tile__fv .tgtrbox-wrap::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  padding: 100% 0 0;
}

.tgtr-tile__fv .tgtrbox-photo {
  height: auto;
  order: 1;
}

.tgtr-tile__fv .tgtrbox-user_name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

.tgtr-tile__fv .tgtrbox-user_link {
  text-decoration: none;
}

.tgtrbox-user_link a::before{
  content: '';
  padding-left: 5.8%;
}


/*
 *  custombox - Modal dialog effects with transitions CSS3
 *  version: 4.0.3
 *  http://dixso.github.io/custombox/
 *  (c) 2017 Julio de la Calle - @dixso9
 *
 *  Under MIT License - http://opensource.org/licenses/MIT
 */
 .custombox-content,.custombox-overlay{position:fixed;overflow:hidden;top:0;width:100%;height:100%}.custombox-overlay{z-index:9997;opacity:0;transition-delay:0s;transition-timing-function:linear;transition-property:opacity}.custombox-content{z-index:9999;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.custombox-lock{overflow:hidden}.custombox-reference{display:none}.custombox-content{overflow-y:auto}.custombox-content>*{max-width:100%;max-height:95%}.custombox-fullscreen.custombox-content{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch}.custombox-fullscreen.custombox-content>*{width:100%;max-height:100%}.custombox-y-top{-ms-flex-align:baseline;align-items:baseline}.custombox-x-left{-ms-flex-align:start;align-items:flex-start}.custombox-y-center{-ms-flex-align:center;align-items:center}.custombox-y-bottom{-ms-flex-align:end;align-items:flex-end}.custombox-x-center{-ms-flex-pack:center;justify-content:center}.custombox-x-right{-ms-flex-pack:end;justify-content:flex-end}.custombox-perspective,.custombox-perspective body{perspective:600px;height:100%;overflow:hidden}.custombox-perspective .custombox-container{overflow:hidden;height:100%}@keyframes fadeIn{from{transition-property:all}to{transform:scale(1);opacity:1}}@keyframes fadeOut{from{transform:scale(1);opacity:1}to{transform:scale(.95);transition-property:all}}.custombox-fadein.custombox-content{opacity:0}.custombox-fadein.custombox-content.custombox-open{animation-name:fadeIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fadein.custombox-content.custombox-close{animation-name:fadeOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-contentscale.custombox-content,.custombox-letmein.custombox-content,.custombox-makeway.custombox-content,.custombox-push.custombox-content,.custombox-slide.custombox-content,.custombox-slip.custombox-content{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-content.custombox-open.custombox-top,.custombox-letmein.custombox-content.custombox-open.custombox-top,.custombox-makeway.custombox-content.custombox-open.custombox-top,.custombox-push.custombox-content.custombox-open.custombox-top,.custombox-slide.custombox-content.custombox-open.custombox-top,.custombox-slip.custombox-content.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-bottom,.custombox-letmein.custombox-content.custombox-open.custombox-bottom,.custombox-makeway.custombox-content.custombox-open.custombox-bottom,.custombox-push.custombox-content.custombox-open.custombox-bottom,.custombox-slide.custombox-content.custombox-open.custombox-bottom,.custombox-slip.custombox-content.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-left,.custombox-letmein.custombox-content.custombox-open.custombox-left,.custombox-makeway.custombox-content.custombox-open.custombox-left,.custombox-push.custombox-content.custombox-open.custombox-left,.custombox-slide.custombox-content.custombox-open.custombox-left,.custombox-slip.custombox-content.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-right,.custombox-letmein.custombox-content.custombox-open.custombox-right,.custombox-makeway.custombox-content.custombox-open.custombox-right,.custombox-push.custombox-content.custombox-open.custombox-right,.custombox-slide.custombox-content.custombox-open.custombox-right,.custombox-slip.custombox-content.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-top,.custombox-letmein.custombox-content.custombox-close.custombox-top,.custombox-makeway.custombox-content.custombox-close.custombox-top,.custombox-push.custombox-content.custombox-close.custombox-top,.custombox-slide.custombox-content.custombox-close.custombox-top,.custombox-slip.custombox-content.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-bottom,.custombox-letmein.custombox-content.custombox-close.custombox-bottom,.custombox-makeway.custombox-content.custombox-close.custombox-bottom,.custombox-push.custombox-content.custombox-close.custombox-bottom,.custombox-slide.custombox-content.custombox-close.custombox-bottom,.custombox-slip.custombox-content.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-left,.custombox-letmein.custombox-content.custombox-close.custombox-left,.custombox-makeway.custombox-content.custombox-close.custombox-left,.custombox-push.custombox-content.custombox-close.custombox-left,.custombox-slide.custombox-content.custombox-close.custombox-left,.custombox-slip.custombox-content.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-right,.custombox-letmein.custombox-content.custombox-close.custombox-right,.custombox-makeway.custombox-content.custombox-close.custombox-right,.custombox-push.custombox-content.custombox-close.custombox-right,.custombox-slide.custombox-content.custombox-close.custombox-right,.custombox-slip.custombox-content.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes newspaperIn{from{transform:scale(0) rotate(720deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes newspaperOut{from{transform:scale(1) rotate(0);opacity:1}to{transform:scale(0) rotate(720deg);opacity:0}}.custombox-newspaper.custombox-content{opacity:0}.custombox-newspaper.custombox-content.custombox-open{animation-name:newspaperIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-newspaper.custombox-content.custombox-close{animation-name:newspaperOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes fallIn{from{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}}@keyframes fallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}}.custombox-fall.custombox-content{opacity:0}.custombox-fall.custombox-content.custombox-open{animation-name:fallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fall.custombox-content.custombox-close{animation-name:fallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes sidefallIn{from{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}}@keyframes sidefallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}to{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}}.custombox-sidefall.custombox-content{opacity:0}.custombox-sidefall.custombox-content.custombox-open{animation-name:sidefallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sidefall.custombox-content.custombox-close{animation-name:sidefallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes blurInTop{from{transform:translateY(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutTop{from{transform:translateY(0);opacity:1}to{transform:translateY(-5%);opacity:0}}@keyframes blurInBottom{from{transform:translateY(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutBottom{from{transform:translateY(0);opacity:1}to{transform:translateY(5%);opacity:0}}@keyframes blurInRight{from{transform:translateX(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutRight{from{transform:translateY(0);opacity:1}to{transform:translateX(5%);opacity:0}}@keyframes blurInLeft{from{transform:translateX(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutLeft{from{transform:translateY(0);opacity:1}to{transform:translateX(-5%);opacity:0}}
 @keyframes blurInContainer{from{filter:blur(0)}to{filter:blur(3px)}}
 @keyframes blurOutContainer{from{filter:blur(3px)}to{filter:blur(0)}}
 .custombox-blur.custombox-content{opacity:0}.custombox-blur.custombox-content.custombox-open.custombox-top{animation-name:blurInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-bottom{animation-name:blurInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-left{animation-name:blurInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-right{animation-name:blurInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-top{animation-name:blurOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-bottom{animation-name:blurOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-right{animation-name:blurOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-left{animation-name:blurOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container{animation-name:blurOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container.custombox-open{animation-name:blurInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flipInTop{from{transform-style:preserve-3d;transform:rotateX(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutTop{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-70deg)}}@keyframes flipInBottom{from{transform-style:preserve-3d;transform:rotateX(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutBottom{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(70deg)}}@keyframes flipInRight{from{transform-style:preserve-3d;transform:rotateY(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutRight{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(70deg)}}@keyframes flipInLeft{from{transform-style:preserve-3d;transform:rotateY(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutLeft{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(-70deg)}}.custombox-flip.custombox-content{opacity:0}.custombox-flip.custombox-content.custombox-open.custombox-top{animation-name:flipInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-bottom{animation-name:flipInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-right{animation-name:flipInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-left{animation-name:flipInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-top{animation-name:flipOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-bottom{animation-name:flipOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-right{animation-name:flipOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-left{animation-name:flipOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes signIn{from{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}to{transform:rotateX(0);opacity:1}}@keyframes signOut{from{transform:rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}}.custombox-sign{perspective:1300px}.custombox-sign.custombox-content{opacity:0}.custombox-sign.custombox-content.custombox-open{animation-name:signIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sign.custombox-content.custombox-close{animation-name:signOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes superscaledIn{from{transform:scale(2)}to{transform:scale(1);opacity:1}}@keyframes superscaledOut{from{transform:scale(1);opacity:1}to{transform:scale(2)}}.custombox-superscaled.custombox-content{opacity:0}.custombox-superscaled.custombox-content.custombox-open{animation-name:superscaledIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-superscaled.custombox-content.custombox-close{animation-name:superscaledOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slitIn{0%{transform:translateZ(-3000px) rotateY(90deg)}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(0) rotateY(0);opacity:1}}@keyframes slitOut{0%{transform:translateZ(0) rotateY(0);opacity:1}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(-3000px) rotateY(90deg)}}.custombox-slit.custombox-content{opacity:0;transform-style:preserve-3d}.custombox-slit.custombox-content.custombox-open{animation-name:slitIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slit.custombox-content.custombox-close{animation-name:slitOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotateIn{from{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}to{transform:translateY(0) rotateX(0);opacity:1}}@keyframes rotateOut{from{transform:translateY(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}}.custombox-rotate{perspective:2300px}.custombox-rotate.custombox-content{-ms-transform:translateY(-100%);transform:translateY(-100%)}.custombox-rotate.custombox-content.custombox-open{animation-name:rotateIn;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotate.custombox-content.custombox-close{animation-name:rotateOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes letmeinBottomOverlay{to{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutBottomOverlay{from{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinLeftOverlay{to{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutLeftOverlay{from{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinRightOverlay{to{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutRightOverlay{from{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinTopOverlay{to{transform:rotateX(2deg);transform-origin:0 50%;transform-style:preserve-3d}}@keyframes letmeinOutTopOverlay{from{transform:rotateX(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}.custombox-letmein.custombox-overlay.custombox-open.custombox-top{animation-name:letmeinTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-bottom{animation-name:letmeinBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-left{animation-name:letmeinLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-right{animation-name:letmeinRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-top{animation-name:letmeinOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-bottom{animation-name:letmeinOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-left{animation-name:letmeinOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-right{animation-name:letmeinOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes makewayInContainer{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}@keyframes makewayOutContainer{0%{transform:translateZ(-200px)}50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{opacity:0}}@keyframes makewayInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes makewayOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes makewayInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes makewayOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes makewayInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes makewayOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes makewayInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes makewayOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-makeway.custombox-overlay{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-overlay.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-overlay.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-container.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slipTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}.custombox-slip.custombox-overlay.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes cornerInOverlay{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform}}@keyframes cornerOutOverlay{from{transform:translateY(0);transition-property:opacity,transform}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}@keyframes cornerInContent{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform;opacity:1}}@keyframes cornerOutContent{from{transform:translateY(0);transition-property:opacity,transform;opacity:1}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}.custombox-corner.custombox-overlay.custombox-open{animation-name:cornerInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-overlay.custombox-close{animation-name:cornerOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-open{animation-name:cornerInContent;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-close{animation-name:cornerOutContent;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content,.custombox-slidetogether.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-slidetogether.custombox-content.custombox-open.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes scaleInOverlay{from{transform:scale(.9);transition:transform;opacity:0}to{transform:scale(1);transition:transform}}@keyframes scaleOutOverlay{from{transform:scale(1);transition:transform}to{transform:scale(.9);transition:transform;opacity:0;opacity:0}}.custombox-scale.custombox-overlay.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-overlay.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes doorInOverlay{from{position:fixed;bottom:0;left:50%;right:50%;width:0}to{width:100%;left:0;right:0;transition-property:width}}@keyframes doorOutOverlay{from{width:100%;left:0;right:0;transition-property:width}to{position:fixed;bottom:0;left:50%;right:50%;width:0}}.custombox-door.custombox-overlay.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-overlay.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes pushInLeftOverlay{from{transform:translateX(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutLeftOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(-100%)}}@keyframes pushInRightOverlay{from{transform:translateX(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutRightOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(100%)}}@keyframes pushInTopOverlay{from{transform:translateY(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInBottomOverlay{from{transform:translateY(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutBottomOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(100%)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInLeftContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(100%)}}@keyframes pushOutLeftContainer{from{transform:translateX(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInRightContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(-100%)}}@keyframes pushOutRightContainer{from{transform:translateX(-100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInTopContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(100%)}}@keyframes pushOutTopContainer{from{transform:translateY(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInBottomContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(-100%)}}@keyframes pushOutBottomContainer{from{transform:translateY(-100%)}to{overflow-x:hidden;transition-property:transform}}.custombox-push.custombox-overlay{transition-property:transform}.custombox-push.custombox-overlay.custombox-open.custombox-top{animation-name:pushInTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-bottom{animation-name:pushInBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-left{animation-name:pushInLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-right{animation-name:pushInRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-top{animation-name:pushOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-bottom{animation-name:pushOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-left{animation-name:pushOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-right{animation-name:pushOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-top{animation-name:pushInTopContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-bottom{animation-name:pushInBottomContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-left{animation-name:pushInLeftContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-right{animation-name:pushInRightContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-top{animation-name:pushOutTopContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-bottom{animation-name:pushOutBottomContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-left{animation-name:pushOutLeftContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-right{animation-name:pushOutRightContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes contentscaleInContainer{from{transition:transform}to{transform:scale(.8)}}@keyframes contentscaleOutContainer{from{transform:scale(.8)}to{transition:transform}}.custombox-contentscale.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-open{animation-name:contentscaleInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-close{animation-name:contentscaleOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes swellOpen{0%{opacity:0;transform:translate3d(calc(-100vw - 50%),0,0)}50%{opacity:1;transform:translate3d(100px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes swellClose{0%{opacity:1;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1)}100%{opacity:0;transform:translate3d(calc(100vw + 50%),0,0)}}.custombox-swell.custombox-content{opacity:0}.custombox-swell.custombox-content.custombox-open{animation-name:swellOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-swell.custombox-content.custombox-close{animation-name:swellClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotatedownOpen{0%{opacity:0;transform:rotate3d(0,0,1,-45deg)}100%{opacity:1;transform:rotate3d(0,0,1,0deg)}}@keyframes rotatedownClose{0%{opacity:1}100%{opacity:0;transform:rotate3d(0,0,1,45deg)}}@keyframes rotatedownElem{0%{opacity:0;transform:translate3d(0,-150px,0) rotate3d(0,0,1,-20deg)}100%{opacity:1;transform:translate3d(0,0,0) rotate3d(0,0,1,0deg)}}.custombox-rotatedown.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1);-ms-transform-origin:-150% 50%;transform-origin:-150% 50%}.custombox-rotatedown.custombox-content.custombox-open{animation-name:rotatedownOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotatedown.custombox-content.custombox-close{animation-name:rotatedownClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flashOpen{0%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes flashClose{0%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}20%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}100%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}}.custombox-flash.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1)}.custombox-flash.custombox-content.custombox-open{animation-name:flashOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flash.custombox-content.custombox-close{animation-name:flashClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.custombox-loader{display:none;border-style:solid;border-width:5px;border-radius:50%;width:40px;height:40px;animation-name:spin;animation-timing-function:linear;animation-iteration-count:infinite;position:fixed;top:50%;left:50%;margin:-25px 0 0 -25px;z-index:9998} */


/*--------------------
- styles tgtr-modal
--------------------*/

.tgtr-modal .tgtrbox-photo::after {
    content: '\f00e';
    color: #999;
    font-family: 'FontAwesome', FontAwesome;
    font-size: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-60%);
    transition: all .4s .2s;
    z-index: 0;
    opacity: 0;
}

.tgtr-modal.tgtr-tile .tgtrbox .tgtrbox-description {
  /* display: none; */
  transition: all .4s;
}

.tgtr-modal.tgtr-tile .tgtrbox::after:hover .tgtrbox-description {
  background: rgba(255, 255, 255, .6);
}

.tgtr-modal.tgtr-tile .tgtrbox-photo_image {
  transition: all .4s;
}

/* .tgtr-modal.tgtr-tile .tgtrbox {
  background: rgba(0, 0, 0, 1);
} */

.tgtr-modal.tgtr-tile .tgtrbox:hover .tgtrbox-photo_image {
  opacity: .4;
}

.tgtr-modal.tgtr-tile .tgtrbox:hover .tgtrbox-photo::after {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.tgtr-modal.tgtr-grid .tgtrbox-photo {
  background: rgba(0, 0, 0, 1);
  color: #fff;
  position: relative;
  font-size: 10px;
  line-height: 1;
}

.tgtr-modal.tgtr-grid .tgtrbox-photo_image {
  -webkit-transition: all .4s;
  transition: all .4s;
  vertical-align: top;
}

.tgtr-modal.tgtr-grid .tgtrbox:hover .tgtrbox-photo_image {
  opacity: .5;
}

.tgtr-modal.tgtr-grid .tgtrbox:hover .tgtrbox-photo::after {
  opacity: 1;
  transform: translate(-50%, -50%);
}



.tgtr-modalbox {
  display: none;
  /*max-width: 90%;
  margin: 0 auto;*/
  width: 90%;
  max-width: 450px;
  background: #fffbf0;
}

@media screen and (max-width: 768px) {
  .tgtr-modalbox {
    max-width: 94%;
    margin: 15vh 0 0;
    padding: 0 3% 0;
  }
}

@media screen and (max-width: 600px) {
  .tgtr-modalbox {
    padding: 0 6.35vw;
    margin: 10vh 0 0;
  }
}

.tgtr-modalbox * {
  box-sizing: border-box;
}

.tgtr-modalbox-close {
  font-size: 50px;
  color: #fff;
  position: absolute;
  top: 1%;
  right: 1%;
  line-height: 1;
  vertical-align: top;
}

.tgtr-modalbox-close .fa {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.tgtr-modalbox-close:hover .fa {
  opacity: .7;
  transform: scale(1.1);
}

.tgtr-modalbox img {
  max-width: 100%;
  height: auto;
}

.tgtr-modabox-inner {
  display: flex;
  color: #000;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .tgtr-modabox-inner {
    flex-direction: column;
    margin: 0;
  }
}

.tgtr-modalbox-img {
  flex: 0 0 auto;
  max-width: calc(70% - 20px);
  padding: 20px;
  display: none;
}

@media screen and (max-width: 768px) {
  .tgtr-modalbox-img {
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}

.tgtr-modalbox-imgMain {
  margin: 0;
  height: 100%;
  text-align: center;
}

.tgtr-modalbox-movie_yo {
  width: 100%;
  padding: 0;
  position: relative;
  background: #fff;
}
.tgtr-modalbox-movie_yo::before {
  content: '';
  display: block;
  padding: 56.25% 0 0;
  width: 45rem;
}

.tgtr-modalbox-movie_yo iframe {
  width: 100%;
  height: 100%;
  position: absolute;;
  left: 0;
  top: 0;
}

.tgtr-modalbox-movie_so {
  width: 100%;
  padding: 50% 0;
  position: relative;
  background: #fff;
}
.tgtr-modalbox-movie_so::before {
  content: '';
  display: block;
  width: 45rem;
}

.tgtr-modalbox-movie_so video {
  width: 100%;
  height: 100%;
  position: absolute;;
  left: 0;
  top: 0;
}

.tgtr-modalbox-url {
  display: block;
  text-decoration: none;
  transition: all .4s;
}

.tgtr-modalbox-url:hover {
  opacity: .7;
}

.tgtr-modalbox_imgPhoto {
  max-height: 80vh;
  vertical-align: top;
}

.tgtr-modalbox-description {
  width: 100%;
  max-width: 400px;
  padding: 20px 0;
  word-break: break-all;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}

@media screen and (max-width: 768px) {
  .tgtr-modalbox-description {
    width: 100%;
    max-width: inherit;
    padding: 20px 0;
  }
}


.tgtr-modalbox-user {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  margin: 0 0 10px;
  flex: 0 0 auto;
  /*order: 1;*/
}

.tgtr-modalbox-user a {
  color: #000;
  text-decoration: none;
  transition: .4s ease;
}

.tgtr-modalbox-user a:hover {
  opacity: .5;
}

.tgtr-modalbox-user a:hover {
  text-decoration: none;
}

.tgtr-modalbox-user_icon {
  flex: 1 0 15%;
  width: 15%;
  margin: 0;
  /*order: 1;*/
}

@media screen and (max-width: 768px) {
  .tgtr-modalbox-user_icon {
    max-width: 50px;
  }
}

@media screen and (max-width: 600px) {
  .tgtr-modalbox-user_icon {
    font-size: 4.17vw;
  }
}

.tgtr-modalbox-user_name {
  flex: 1 0 70.5%;
  margin: 0 3.25%;
  /*order: 1;*/
  font-size: 17px;
}

@media screen and (max-width: 768px){
  .tgtr-modalbox-user_name {
    flex: 1 0 75%;
  }
}

.tgtr-modalbox-user_snsIcon {
  flex: 1 0 10%;
  /* font-size: 1.2rem; */
  font-size: 17px;
  margin: 0;
  color: #999;
}

.tgtr-modalbox-posts {
  flex: 1 0 auto;
  overflow: auto;
  /* height: 30vh; */
  /* font-size: .88rem; */
  font-size: 12px;
  line-height: 1.5;
  padding-bottom: 12px;
}

@media screen and (max-width: 600px) {
  .tgtr-modalbox-posts {
    /* height: auto; */
    /* max-height: 30vh; */
    font-size: 3.65vw;
  }
}

.tgtr-modalbox-posts a {
  color: #fff;
}

.tgtr-modalbox-posts a:hover {
  text-decoration: none;
}


.tgtr-modalbox-posts_date {
  font-size: 12px;
}

.tgtr-modalbox-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 140%;
  margin: 30px 5.25% 1rem;
  align-items: flex-end;
  /*order: 3;*/
}

.tgtrbox-icons .fa {
  font-size: 22px;
  color: #999;
  transition: .4s ease;
}

.tgtrbox-icons .fa:hover {
  opacity: .6;
}

.tgtr-modalbox-icons a {
  color: #999;
  transition: .4s ease;
}

.tgtr-modalbox-icons a:hover {
  opacity: .5;
}

.tgtr-modalbox-icons .fa {
  font-size: 22px;
}

@media screen and (max-width: 670px) {
  .tgtr-modalbox-icons {
    font-size: 120%;
    /* margin: 1rem 3.25%; */
  }
}



/*--------------------
- styles tgtr-ec easy version
--------------------*/
.tgtr-ec_easy .tgtrbox-inner {
  flex: 0 0 auto;
}

.tgtr-ec_easy .tgtrbox-description {
  padding: 0;
}

.tgtr-ec_easy .tgtrbox-wrapcontent {
  flex: 1 0 auto;
  overflow-y: auto;
  max-height: 70%;
  padding: 10px 10px 0;
}

.tgtr-ec_easy .tgtrbox-eclinks {
  flex: 1 0 auto;
  justify-content: flex-end;
  text-align: center;
}

.tgtr-ec_easy .tgtrbox-eclinks_link {
  display: block;
  position: relative;
  background: rgba(0, 0, 0, .65);
  text-decoration: none;
  padding: .725rem;
  transition: all .5s;
  overflow: hidden;
}

.tgtr-ec_easy .tgtrbox-eclinks_link:hover {
  opacity: 1;
  background: #fff;
  color: #000;
}

.tgtr-ec_easy .tgtrbox-eclinks_link::before {
  content: '\f07a';
  font-family: FontAwesome;
  vertical-align: middle;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
  margin: 0 .5rem 0 0;
  transition: left .8s ease-out .2s;
  position: relative;
  left: -500px;
  opacity: .5;
}

.tgtr-ec_easy .tgtrbox:hover .tgtrbox-eclinks_link::before {
  left: 0;
  opacity: 1;
}

.tgtr-ec_easy .tgtrbox-eclinks_link::after {
  content: '';
  display: block;
  position: absolute;
  border: solid 1px transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  transition: border .2s;
}

.tgtr-ec_easy .tgtrbox-eclinks_link:hover::after {
  border-color: #000;
  transition: border-top-color .5s ease-in-out .2s, border-right-color .5s ease-in-out .4s, border-bottom-color .5s ease-in-out .6s, border-left-color .5s ease-in-out .8s;
}



/*--------------------
- styles tgtr-ec modal version
--------------------*/
.tgtr-modalbox-imgList {
  display: flex;
  margin: 2vh 0 0 -2.5%;
}

@media screen and (max-width: 768px) {
  .tgtr-modalbox-imgList {
    flex-wrap: wrap;
  }
}

.tgtr-modalbox-ecitem {
  width: 22.5%;
  max-width: 200px;
  position: relative;
  overflow: hidden;
  margin: 0 0 0 2.5%;
}

@media screen and (max-width: 768px) {
  .tgtr-modalbox-ecitem {
    width: 30.75%;
    margin: 0 0 10px 2.5%;
  }
}

.tgtr-modalbox-imgMain_ec .tgtr-modalbox_imgPhoto {
  max-height: 72vh;
}

.tgtr-modalbox-ecitem::before {
  content: '';
  display: block;
  padding: 100% 0 0;
}
.tgtr-modalbox-eclink {
  display: block;
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all .4s;
  color: #333;
}
.tgtr-modalbox-eclink:hover {
  opacity: .8;
}

.tgtr-modalbox-eclink::before {
  content: '';
  border-style: solid;
  border-color: transparent rgba(0, 0, 0, .8) rgba(0, 0, 0, .8) transparent;
  border-width: 17px;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: border .5s ease-in-out;
  -o-transition: border .5s ease-in-out;
  transition: border .5s ease-in-out;
  z-index: 0;
}
.tgtr-modalbox-eclink:hover::before {
  border-width: 10rem;
  border-color: rgba(0, 0, 0, .4);
}

.tgtr-modalbox-eclink::after {
  content: '\f07a';
  font-family: FontAwesome;
  font-size: .725rem;
  line-height: 1;
  color: #fff;
  position: absolute;
  right: .2rem;
  bottom: .2rem;
  margin: auto;
  transition: all .4s ease-out .1s;
  z-index: 0;
}

.tgtr-modalbox-eclink:hover::after {
  right: 50%;
  bottom: 50%;
  font-size: 1.4rem;
  transform: translate(50%, 50%);
}

.tgtr-modalbox-ecitem_noimage .tgtr-modalbox-eclink::before,
.tgtr-modalbox-ecitem_noimage .tgtr-modalbox-eclink::after {
  display: none;
}

.tgtr-modalbox .tgtr-modalbox-ecsmallimage::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 1;
}
.tgtr-modalbox .tgtr-modalbox-ecsmallimage::after {
  content: '\f07a' ' ' attr(alt);
  font-family: FontAwesome,sans-serif;
  position: absolute;
  display: inline;
  top: 50%;
  left: 50%;
  width: calc(80% - 1rem);
  font-size: 12px;
  line-height: 1.4;
  word-break: break-all;
  transform: translate(-50% , -50%);
  text-indent: -1rem;
  margin: 0 0 0 .5rem;
  z-index: 1;
}

.tgtr-modalbox-ecshop {
  text-align: center;
}
.tgtr-modalbox-ecshop_link {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
.tgtr-modalbox-ecshop_link .fa {
  font-size: 2rem;
  line-height: 1;
  display: inline-block;
  vertical-align: bottom;
  transform: perspective(1px) translateZ(0) translateY(-4px);
  box-shadow: 0 0 1px transparent;
}

.tgtr-modalbox-ecshop_link:hover .fa,
.tgtr-modalbox-ecshop_link:focus .fa {
  animation: hvr-bob 1s ease-in-out .3s infinite forwards alternate;
}

@keyframes hvr-bob {
    0% {
        transform: translateY(-4px);
    }
    50% {
        transform: translateY(4px);
    }
    100% {
        transform: translateY(-4px);
    }
}

.tgtr-modalbox-ecshop_name {
  display: block;
  font-size: 10px;
  margin: 5px 0 0;
}