#index-review.is-mobile ul {overflow:hidden; padding: 0 4rem;}
#index-review.is-mobile .owl-stage-outer {overflow: unset; z-index: unset;}
#index-review.is-mobile .owl-nav {position: absolute; top:50%; left:50%;transform: translateY(-50%) translateX(-50%); width: calc(100% - 2rem); display: flex; justify-content: space-between; color:gray; pointer-events: none;}
#index-review.is-mobile .owl-nav button {pointer-events:all;}
.index-review-li {padding:0.5rem; height: 100%; transition: all 0.3s ease;}
.index-review-li:hover {transform: scale(1.025);}

#index-review header {position: relative;}
#index-review header a.more {position: absolute; right: 0; bottom: 0; padding: 0 0.5rem;}
#index-review .index-review-star {display: flex;}
#index-review .index-review-star img {width: 50%; max-width: 72px;}
#index-review .owl-stage-outer {z-index: 1; ;}
#index-review .owl-stage {display: flex; align-items: stretch; }
#index-review .index-review-li-box {border:1px solid rgba(0,0,0,0.1); border-radius: 0.5rem; height: 100%; overflow: hidden; background: white;}
#index-review .index-review-img { aspect-ratio: 3 / 4;}
#index-review .index-review-img img { width: 100%; height: 100%; object-fit: cover; }
#index-review .index-review-section {display: flex; flex-direction: column; padding: 0.5rem; gap: 0.5rem; font-size: 1rem; border-top: 1px solid rgba(0,0,0,0.1);}
#index-review .index-review-content {font-size: 0.875rem;}
#index-review .index-review-content img {display: none;}
#index-review .owl-nav {position: absolute; top:50%; left:50%;transform: translateY(-50%) translateX(-50%); width: calc(100% + 4rem); display: flex; justify-content: space-between;}
#index-review .owl-nav button {font-size: 2.5rem;}

.review_td.write {color:#06c}
.review_td.done {color:#666}

.fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.5s;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.5s;
}

.fade-out-bottom {
	-webkit-animation: fade-out-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both ;
	        animation: fade-out-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both ;
}




/* ----------------------------------------------
 * Generated by Animista on 2022-12-30 15:26:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
 @-webkit-keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  
  @-webkit-keyframes fade-out-bottom {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0;
    }
  }
  @keyframes fade-out-bottom {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0;
    }
  }


.sct_star {
  width: 100%;
  height: 1rem;
  display: flex;
  justify-content: flex-start;
}
.sct_star img {
  width: auto;
  height: 100%;
  object-fit: contain;
}