@charset "UTF-8";


/* --------------- *\
 * front.slider.css
\* --------------- */
.slider,
/*.list_slider,*/
.list_slider_feature,
.list_slider_detailed,
.list_slider_area,
.media_slider_detailed {
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized,
/*.list_slider.slick-initialized,*/
.list_slider_feature.slick-initialized,
.list_slider_detailed.slick-initialized,
.list_slider_area.slick-initialized,
.media_slider_detailed.slick-initialized {
  opacity: 1;
}

@media (max-width: 767px) {
  .list_slider_feature,
  .list_slider_area {
    opacity: 1;
  }
}


/*----- list_slider -----*/
.list_slider {
  width: 1044px;
  margin: 0 auto;
  position: relative;
}
.list_slider .slick-list {
  padding-top: 20px;
}
.list_slider .list_item {
  padding: 5px 10px 0 10px;
  position: relative;
}
.list_slider .list_item > a img {
  margin-bottom: 6px;
  border-radius: 4px;
}
.list_slider .list_item .flex {
  display: flex;
  flex-wrap: nowrap;
}
.list_slider .list_item .flex a {
  color: #333;
  text-decoration: none;
}
.list_slider .list_item .flex a:hover {
  text-decoration: underline;
}
.list_slider .list_item .flex .price {
  font-size: 16px;
  font-weight: bold;
}
.list_slider .list_item .flex .price span {
  font-size: 12px;
  font-weight: normal;
}
.list_slider .list_item .flex .price span.line-through {
  text-decoration: line-through;
}
.list_slider .list_item .fav {
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px 0 #c7c7c7, 1px -1px 0 #c7c7c7, -1px 1px 0 #c7c7c7, -1px -1px 0 #c7c7c7, 1px 0px 0 #c7c7c7, 0px 1px 0 #c7c7c7, -1px 0px 0 #c7c7c7, 0px -1px 0 #c7c7c7;
  background-color: transparent;
}
.list_slider .list_item .fav:hover {
  cursor: pointer;
}
.list_slider .list_item .fav.on,
.list_slider_detailed .list_item .fav.on {
  color: #ff5b60;
}

.list_slider .list_item span.star {
  margin-right: 10px;
}
.list_slider .list_item span.star:before {
  content: "★";
  color: #ff0000;
}

.list_slider .list_item span.time {
  background-image: url(../img/front/common/ico_time.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px;
}
.list_slider .list_item .ribbon {
  position: absolute;
  top: 0px;
  left: 19px;
  width: 26px;
  height: 35px;
}
.list_slider .list_item .ribbon.guide    { background-image: url(../img/front/product/ribbon_guide.png); }
.list_slider_detailed .list_item_left .ribbon.activity,
.list_slider .list_item .ribbon.activity { background-image: url(../img/front/product/ribbon_activity.png); }
.list_slider .list_item .ribbon.ticket   { background-image: url(../img/front/product/ribbon_ticket.png); }
.list_slider .list_item .ribbon.spot   { background-image: url(../img/front/product/ribbon_spot.png); }
.list_slider .arr {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 14px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 10;
  cursor: pointer;
}
.list_slider .arr_l { left: -30px; }
.list_slider .arr_r { right: -30px; }



/*----- slider_arrow -----*/
.slider_arrow1 .arr {
  position: absolute;
  top: 43px;
  width: 50px;
  z-index: 10;
  cursor: pointer;
}
.slider_arrow1 .arr_l { left: 0; }
.slider_arrow1 .arr_r { right: 0; }


.slider_arrow2 .arr {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 10;
  cursor: pointer;
}
.slider_arrow2 .arr_l { left: 0; }
.slider_arrow2 .arr_r { right: 0; }

@media (max-width: 1219px) {
  .slider_arrow1 .arr {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }
}




/*----- list_slider_area -----*/
.list_slider_area {}
.list_slider_area .list_item img {
  border-radius: 4px;
}
.list_slider_area .list_item {
  margin-right: 14px;
}
.list_slider_area .list_item.relative .name {
  position: absolute;
  bottom: 0;
  background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.6));
  color: #fff;
  text-align: center;
  width: 100%;
  height: 60px;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  border-radius: 0 0 4px 4px;
}
.list_slider_area .list_item.relative .name span {
  font-size: 12px;
  font-weight: normal;
}






/*----- list_slider_detailed -----*/
.list_slider_detailed {}
.list_slider_detailed .list_item {
  position: relative;
  padding: 0 10px;
}
.list_slider_detailed .list_item a.loading {
  text-decoration: none;
  color: #333;
}
.list_slider_detailed .list_item_left {
  position: relative;
  padding-top: 5px;
}
.list_slider_detailed .list_item_left .ribbon {
  position: absolute;
  top: 0;
  left: 19px;
  width: 26px;
  height: 35px;
}
.list_slider_detailed .list_item_left .fav {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px 0 #c7c7c7, 1px -1px 0 #c7c7c7, -1px 1px 0 #c7c7c7, -1px -1px 0 #c7c7c7, 1px 0px 0 #c7c7c7, 0px 1px 0 #c7c7c7, -1px 0px 0 #c7c7c7, 0px -1px 0 #c7c7c7;
  background-color: transparent;
}
.list_slider_detailed .list_item_left .fav:hover {
  cursor: pointer;
}
.list_slider_detailed .arr {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 14px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 10;
  cursor: pointer;
}
.list_slider_detailed .arr_l { left: -30px; }
.list_slider_detailed .arr_r { right: -30px; }

.list_slider_detailed .list_item_right h4 {
  font-size: 14px;
  height: 46px;
  line-height: 23px;
  margin: 8px 0 4px 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.list_slider_detailed .list_item_right ul {
  margin-bottom: 8px;
}
.list_slider_detailed .list_item_right ul li {
  height: 22px;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: left 0 top 2px;
  padding-left: 18px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.list_slider_detailed .list_item_right ul li.area {
  background-image: url('https://assets.deep-exp.com/assets/img/front/common/list_ico_area.png');
}
.list_slider_detailed .list_item_right ul li.tag {
  background-image: url('https://assets.deep-exp.com/assets/img/front/common/list_ico_tag.png');
}
.list_slider_detailed .list_item_right ul li.area.all_top {
  background-image: url('https://assets.deep-exp.com/assets/img/front/common/ico_search_area.png');
}
.list_slider_detailed .list_item_right ul li.tag.all_top {
  background-image: url('https://assets.deep-exp.com/assets/img/front/common/ico_search_tag.png');
}
.list_slider_detailed .list_item_right span.price {
  font-size: 16px;
  font-weight: bold;
}
.list_slider_detailed .list_item_right span.price span {
  font-size: 12px;
  font-weight: normal;
}
.list_slider_detailed .list_item_right span.price span.line-through {
  text-decoration: line-through;
}




/*----- media_slider_detailed -----*/
.media_slider_detailed {}
.media_slider_detailed .list_item {
  position: relative;
  padding: 0 10px;
}
.media_slider_detailed .list_item_img {
  position: relative;
  padding-top: 5px;

}
.media_slider_detailed .list_item_info {}
.media_slider_detailed .list_item_info a {
  color: #333;
  text-decoration: none;
}
.media_slider_detailed .list_item_info h4 {
  margin: 8px 0 4px 0;
  font-size: 14px;
  height: 46px;
  line-height: 23px;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.media_slider_detailed .list_item_info p.posted_date {
  text-align: right;
  font-size: 11px;
}
.media_slider_detailed .arr {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 14px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 10;
  cursor: pointer;
}
.media_slider_detailed .arr_l { left: -30px; }
.media_slider_detailed .arr_r { right: -30px; }
.media_slider_detailed .list_item_info ul li {
  height: 22px;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: left 0 top 2px;
  padding-left: 18px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.media_slider_detailed .list_item_info ul li.area {
  background-image: url('https://assets.deep-exp.com/assets/img/front/common/ico_search_area.png');
}
.media_slider_detailed .list_item_info ul li.tag {
  background-image: url('https://assets.deep-exp.com/assets/img/front/common/ico_search_tag.png');
}




@media (max-width: 1219px) {
  .list_slider {
    width: 820px;
    /*margin: 0 auto;*/
  }
  .list_slider .slick-list {
    /*padding-top: 20px;*/
  }
  .list_slider .list_item {
    /*padding: 0 10px;*/
  }
  .list_slider .list_item > a img {
    /*margin-bottom: 6px;*/
    /*border-radius: 4px;*/
  }
  .list_slider .list_item .flex {
  }
  .list_slider .list_item .flex a {
  }
  .list_slider .list_item .flex a:hover {
  }
  .list_slider .list_item .flex .price {
    /*font-size: 12px;*/
  }
  .list_slider .list_item .flex a + a {/* .fav */
    /*margin-top: 4px;*/
  }
  .list_slider .arr {
    /*top: 0;*/
    /*bottom: 0;*/
    /*width: 10px;*/
    /*margin-top: auto;*/
    /*margin-bottom: auto;*/
  }
  .list_slider .arr_l { left: -25px; }
  .list_slider .arr_r { right: -25px; }


  .list_slider_detailed,
  .media_slider_detailed {
    width: 92%;
    margin: 0 auto;
  }
}



@media (max-width: 767px) {
  .list_slider {
    width: 90%;
    /*margin: 0 auto;*/
  }
  .list_slider .slick-list {
    padding-top: 0;
  }
  .list_slider .list_item {
    /*padding: 0 10px;*/
  }
  .list_slider .list_item > a img {
    /*margin-bottom: 6px;*/
    /*border-radius: 4px;*/
    width: 100%;
  }
  .list_slider .list_item .flex {
  }
  .list_slider .list_item .flex a {
  }
  .list_slider .list_item .flex a:hover {
  }
  .list_slider .list_item .flex .price {
    /*font-size: 12px;*/
  }
  .list_slider .list_item .flex a + a {/* .fav */
    /*margin-top: 4px;*/
  }
  .list_slider .arr {
    /*top: 0;*/
    /*bottom: 0;*/
    width: 10px;
    /*margin-top: auto;*/
    /*margin-bottom: auto;*/
  }
  .list_slider .arr_l { left: -15px; }
  .list_slider .arr_r { right: -15px; }






  .list_slider_detailed {
    background-color: #fff;
    box-shadow: 0 1px 5px #ccc;
    margin-bottom: 50px !important;
    padding: 15px 10px 20px 10px;
    width: 100%;
  }
  .list_slider_detailed:hover {
    opacity: 0.8;
  }
  .list_slider_detailed .list_item {
    padding: 0;
  }
  .list_slider_detailed .list_item_inner {
    display: flex;
    justify-content: space-between;
  }
  .list_slider_detailed .list_item_inner .list_item_left {
    width: 36%;
  }
  .list_slider_detailed .list_item_inner .list_item_left img {
    width: 100%;
  }
  .list_slider_detailed .list_item_inner .list_item_right {
    width: 60%;
    margin-top: 5px;
  }
/*  .list_slider_detailed .list_item .fav {
    left: 105px;
  }*/
  .list_slider_detailed .rollover_pop {
    box-shadow: none;
  }
  /*
  list_slider_detailed .slick-dotted.slick-slider {
    margin-bottom: 50px;
  }
  */
  .list_slider_detailed .slick-dots {
    bottom: -35px;
  }
  .list_slider_detailed .slick-dots li button::before{
    font-size: 20px;
  }

  .more {
    padding: 0 10px;
  }
  .more a {
    width: 100%;
    margin: 0 auto;
    background-color: #ffdb14;
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
  }
  .more a:hover {
    text-decoration: none;
  }
  .more a.arrow{
    position: static;
    display: block;
    padding: 10px 25px;
    color: #000;
  }
  .more a.arrow::before,
  .more a.arrow::after{
    content: none;
  }
  .more a.arrow.right::before{
    content: none;
  }


  /* ------------------------------
   * all_top
   * ------------------------------ */
   /* list_slider_detailed */
  /*
  #all_top .list_slider_detailed .list_item_left {
    padding-top: 0;
  }*/
  #all_top .list_slider_detailed {
    margin-bottom: 40px !important;
    /*padding: 0 10px;*/
    padding: 0;
  }
  #all_top .list_slider_detailed .slick-list {
    padding: 0 15% 0 0!important;
  }
  #all_top .list_slider_detailed div.list_item {
    margin: 0 10px 0 0;
  }
  #all_top .list_slider_detailed {
    box-shadow: none;
    width: 100%;
  }
  /*
  #all_top .list_slider_detailed .list_item_inner {
    display: block;
  }
  #all_top .list_slider_detailed .list_item_inner .list_item_left {
    width: 100%;
    padding-top: 0;
  }

  #all_top .list_slider_detailed .list_item_inner .list_item_right {
    width: 100%;
  }
  */

  /* media_slider_detailed */
  #all_top .media_slider_detailed {
    margin-bottom: 40px !important;
    padding: 0;
  }
  #all_top .media_slider_detailed:last-of-type {
    margin-bottom: 0 !important;
  }
  #all_top .media_slider_detailed .slick-list {
    padding: 0 15% 0 0!important;
  }
  #all_top .media_slider_detailed div.list_item {
    padding: 0;
    margin: 0 10px 0 0;
  }
  #all_top .media_slider_detailed {
    box-shadow: none;
    width: 100%;
  }
  #all_top .media_slider_detailed .list_item_inner {
    display: block;
  }
  #all_top  .media_slider_detailed .list_item_inner .list_item_img img {
    width: 100%;
  }

}