/*
for recommend style
*/

.top-container .package-list-area .package-list-wrapper[data-type="recommend"] .package-list .package-title,
.top-container .package-list-area .package-list-wrapper[data-type="recommend"] .package-list .package-box,
.top-container .package-list-area .package-list-wrapper[data-type="recommend"] .package-list .package-detail-area {
  background: transparent;
}
.top-container .package-list-area .package-list-wrapper[data-type="recommend"] .package-list .package-image {
  background-color: #fff;
}
.top-container .package-list-area .package-list-wrapper[data-type="recommend"] .package-list .package-title {
  height: 4em;
}
.top-container .package-list-area .package-list-wrapper[data-type="recommend"] .package-list .package-title a {
  white-space: normal;
}
.top-container .package-list-area .package-list-wrapper[data-type="recommend"] .package-list .package-title.isOverflow::after {
  background-color: #f0f0f0;
}

.p-dtl-pin-recommend.top-container {
  background-color: #333;
}
.p-dtl-video ~ .p-dtl-pin-recommend.top-container {
  margin-top: -15px;
}
.p-dtl-pin-series ~ .p-dtl-pin-recommend.top-container {
  margin-top: 0;
}
.p-dtl-pin-recommend.top-container .slide-title-area .slide-title {
  color: #fff;
}
@media screen and (max-width: 767px){
  .p-dtl-video.l-dtl-video + .p-dtl-pin-recommend.top-container {
    margin-top: -35px;
  }
  .p-dtl-pin-recommend.top-container .slide-title-area .slide-title {
    color: #fff;
  }
}

/* for detail */
.p-dtl-pin-recommend.top-container .package-list-area .package-list-wrapper[data-type="recommend"] .package-list {
  height: auto;
}
.p-dtl-pin-recommend.top-container .package-list-area .package-list-wrapper[data-type="recommend"] .package-list .package-detail-area {
  display: none;
}