/* CSS Document */
/****************************************

//内容見本ページ

****************************************/
.container .main_cont .main_section .main_cont0 .main_cont0_title a {
  color: #003f91;
}

.container .main_cont .main_section .main_cont0 .main_cont0_title a:hover {
  text-decoration: underline;
}

.container .main_cont .main_section .main_cont1 .main_cont1_sample {
  margin: 0 auto;
  padding: 0 5px;
  width: 816px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.container .main_cont .main_section .main_cont1 .main_cont1_sample .rank_01 {
  font-weight: bold;
  color: #000099;
}

@media screen and (max-width:767px) {
  .container .main_cont .main_section .main_cont1 .main_cont1_sample {
    max-width: 100%;
  }
}

#sample_slider .main_cont1_sample_item {
  /* border: 1px solid #808080; */
  margin: 0 2px;
  padding: 25px;
}

.slick-dots {
  overflow: hidden;
}

.slick-dots li {
  background-color: transparent;
  color: #333333;
  float: left;
  position: relative;
  margin-bottom: 5px;
  padding: 0 10px;
  border-right: 1px solid #eeeeee;
  cursor: pointer;
}

.slick-dots li:hover,
.slick-dots li.slick-active {
  background-color: #8baa1a;
  color: #ffffff;
}

@media screen and (max-width:767px) {
  .slick-dots li:hover {
    background-color: transparent;
    color: #333333;
  }
  .slick-dots li.slick-active {
    background-color: #8baa1a;
    color: #ffffff;
  }
}

.slick-arrow {
  position: absolute;
  width: 28px;
  height: 84px;
  text-indent: -9999px;
  z-index: 1;
  top: 100px;
}

.slick-prev {
  background: url(../../shared/images/ico01_pc.png) no-repeat -92px 0;
  left: 0;
}

.slick-next {
  background: url(../../shared/images/ico01_pc.png) no-repeat -57px 0;
  right: 0;
}

.slick-disabled {
  display: none !important; 
}

.slick-slide:not(.slick-current) {
  aspect-ratio: 1 / 1.6;
  overflow-y: auto;
}

.slick-slide {
  border: 1px solid #eeeeee;
}

.slick-current {
  border: 1px solid #808080;
}