@charset "UTF-8";
/*Lightbox*/
.c__gallery {
  display:flex;
  flex-wrap:wrap;
  width:100%;
  margin-bottom:35px;
}
.c-sort__t-image {
  display:flex;
  align-items:center;
  margin:5px 0 22px;
  border-bottom:1px solid #000;
}
.c-sort__t-image li:first-child {padding-right:20px;}
.c-sort__t-image li:last-child {
  margin-left:auto;
  font-size:16px;
}
.c__gallery--container {
  width:18%;
  height:100%;
  margin:0 22px 25px 0;
}
.c__gallery--container:nth-child(5n) {
  margin-right:0;
}
.c__gallery--container a {
  text-decoration:none;
  color:#333;
}
.c__gallery--container img {
    width: 160px;
    aspect-ratio: 9 / 5;
    object-fit: cover;
}
.c__gallery--caption {
  padding-top:8px;
  font-size:14px;
  line-height:1.4;
}
.modal__area{display:none;}
.modal__area--caption {padding-bottom:16px;}
.modal__area--content .modal__area--img{
  width:100%;
  margin-bottom:20px;
  }
.modal__area--user {
  display:flex;
  align-items: center;
}
.modal__area--user-name {font-size:16px;}
.modal__area--img-icon {
  width:38px;
  height:38px;
  margin-right:6px;
  border-radius: 50%;
  border: 1px solid #333;
}
.modal__area--caption {font-size:18px;}
.modal__area--content {
  position:relative;
  width:100%;
  padding:14px;
  background-color:#fff;
  text-shadow:none;
}
html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {padding:0;}
.lightcase-contentInner{height:auto !important;}
.lightcase-inlineWrap {max-height:100%!important;}
#lightcase-case {width:760px;}
.lightcase-icon-close:before {display:none;}
#lightcase-overlay {opacity: 0.5!important;}
.lightcase-icon-prev:before {
content:'';
background: url(https://assets.pandabus.com/assets/user/image/svg/prev.svg) no-repeat;
background-size:40px 40px ;
width:40px;
height:40px;
}
.lightcase-icon-next:before {
content:'';
background: url(https://assets.pandabus.com/assets/user/image/svg/next.svg) no-repeat;
background-size:40px 40px ;
width:40px;
height:40px;
}
a[class*='lightcase-icon-'].lightcase-icon-prev {
  left:50%;
  margin-left:-367px;
}
a[class*='lightcase-icon-'].lightcase-icon-next {
  right:50%;
  margin-right:-367px;
}
/*Lightbox_end*/

@media screen and (min-width:801px) and ( max-width:970px) {
  .c__gallery--container {
    margin:0 19px 25px 0;
  }
  .modal__area--content {
    width:100%;
    padding:10px;
    background-color:#fff;
    text-shadow:none;
  }
  #lightcase-case {
    top: 50%;
    left: 50%;
  }
  a[class*='lightcase-icon-'] {top:50%;}

  a[class*='lightcase-icon-'].lightcase-icon-prev {
    left:20px;
    margin-left:0;
  }
  a[class*='lightcase-icon-'].lightcase-icon-next {
    right:20px;
    margin-right:0;
  }
  .c__gallery--container img {
    width: 100%;
    height: 100%;
  }
}

@media only screen and (max-width:800px){
    .c__gallery {
      justify-content: space-between;
      margin-bottom:35px;
      padding-top:15px;
      background-image: linear-gradient(to right, #707070, #707070 5px, transparent 2px, transparent 4px);
      background-size: 9px 1px;
      background-position: top;
      background-repeat: repeat-x;
    }
    .c__gallery--container {
      width:48%;
      height:100%;
      margin:0 0 25px;
    }
    .c__gallery--container img {width:100%;}
    .c__gallery--container .c__gallery--caption {
      padding-top:8px;
      font-size:14px;
      line-height:1.4;
    }
    .c-sort__t-image {
      margin:15px 0 0;
      border-bottom:none;
      background-image: linear-gradient(to right, #707070, #707070 5px, transparent 2px, transparent 4px);
      background-size: 9px 1px;
      background-position: top;
      background-repeat: repeat-x;
    }
    .modal__area--content {
      width:100%;
      padding:10px;
      background-color:#fff;
      text-shadow:none;
    }
    .modal__area--caption {font-size:14px;}

    #lightcase-case {
      top: 50%;
      left: 50%;
    }
    .lightcase-icon-prev:before,
    .lightcase-icon-next:before {
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
    }
    a[class*='lightcase-icon-'].lightcase-icon-prev {
      top:30%;
      left:15px;
      transform: translateY(-50%);
      margin-left:0;
      width: 30px;
      height: 30px;
      margin-top: 15px;
    }
    a[class*='lightcase-icon-'].lightcase-icon-next {
      top:30%;
      right:15px;
      transform: translateY(-50%);
      margin-right:0;
      width: 30px;
      height: 30px;
      margin-top: 15px;
    }
    .lightcase-icon-close:before {display:block;}
    #lightcase-content p {color:#707070!important;}
    #lightcase-overlay {opacity: 0.8!important;}
    .c__gallery--container img {
      width: 100%;
      height: 100%;
    }
}
@media screen and (max-width: 640px) {
      html[data-lc-type=inline] #lightcase-content,
      html[data-lc-type=ajax] #lightcase-content,
      html[data-lc-type=error] #lightcase-content {
        position:relative;
        top: 5% !important;
      }
}