@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media only screen and (max-width: 768px) {
}

/***************************************************************************
#top_sld_01/#top_sld_02
****************************************************************************/

#top_sld_01,
#top_sld_02 {
    padding-bottom: 40px; /*dotスペース確保*/
}
#top_sld_01 .slick-dots,
#top_sld_02 .slick-dots {
    bottom: -40px;
}

/***************************************************************************
dot override（#top_sld_01）
****************************************************************************/

#top_sld_01 .slick-slide {
    padding-left: 1px;
    padding-right: 1px;
}
#top_sld_01 .slick-dots {
    bottom: -35px;
}
#top_sld_01 .slick-dots li {
	margin: 0px 5px 0px 5px;
    width: 40px;
    height: 4px;
}
#top_sld_01 .slick-dots li button:before {
    content: "";
    width: 40px;
    height: 4px;
    display: block;
    background-color: #C0C0C0;
}
#top_sld_01 .slick-dots li.slick-active button:before {
    background-color: #D7171F;
}


@media only screen and (max-width: 768px) {
#top_sld_01 {
    padding-bottom: 0px; /*dotスペース確保*/
}
#top_sld_01 .slick-dots {
    position: relative;
    bottom: inherit;
    padding: 15px 0px 10px 0px;
}
}

/***************************************************************************
dot override（#top_sld_02）
****************************************************************************/

#top_sld_02 .slick-dots li button:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 12px;
    display: block;
    background-color: #CECECE;
    top: 3px;
    left: 3px;
}
#top_sld_02 .slick-dots li.slick-active button:before {
    background-color: #DEBA3F;
}