@charset  "UTF-8";
/**
 * 編集不可！
 * Dorappliのアドバンスト設定の内容が反映されます
 */

.dp-wrapper {
  width: 960px;
}
.dp-side {
  width: 230px;
}
.dp-main {
  margin-left: -230px;
}
.dp-main-content {
  margin-left: 230px;
}
.dp-tool-content {
  max-width: 960px;
}
@media (max-width: 960px) {
  .dp-wrapper {
    width: 100%;
  }
}
@media  screen and (max-width: 720px) {
  .dp-side {
    width: 100%;
  }
  .dp-main {
    margin: 0 0 20px;
  }
  .dp-main-content {
    margin:0;
  }
}
.dp-item-width {
  width:  150px;
}
.dp-title {
  font-size: 14px;
  color: #6c5c5c;
  background-color: #ffffff;
  border-bottom-color: #ffffff;
}
.dp-title a {
  color: #6c5c5c;
}
.dp-template__dark {
  color: #6c5c5c;
  background-color: #ffffff;
}
.dp-template__dark a {
  color: #6c5c5c;
}
.dp-border-color__dark {
  border-color: #ffffff;
}
.dp-label {
  color: #f7819f;
  border-color: #f7819f;
}
@media  screen and (min-width: 721px) {
  .dp-header-menu-list-item a {
    border-bottom-color: #ffffff;
  }
}
.dp-mainbanner-thumb-list .slick-slide.slick-center img {
  border-color: #ffffff;
}
.dp-mainbanner-thumb-list .slick-dots > li.slick-active button {
  background-color: #ffffff;
}
.dp-mainbanner-comment-box__design2 .slick-dots > li.slick-active button {
  background-color: #ffffff;
}
.dp-slideitems-list .slick-dots > li.slick-active button {
  background-color: #ffffff;
}
.dp-point-banner-list .slick-dots > li.slick-active button {
  background-color: #ffffff;
}
.dp-name {
  font-size: 12px;
  color: #6c5c5c;
}
.dp-price {
  font-size: 13px;
  color: #f7819f;
  font-weight: bold;
}
.dp-tool-content a {
  color: #6c5c5c;
}
.dp-tool-content .dp-template__dark a,
.dp-tool-content .dp-title a {
  color: #6c5c5c;
}
@media  screen and (max-width: 720px) {
  .dp-tool-content .dp-mainbanner-thumb-list .slick-dots > li.slick-active button {
    background-color: #ffffff;
  }
}