@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../images/icon/bx_loader.gif') center center no-repeat;
}

/* 読み込み時 一瞬縦に並ぶのを回避 */
.slick_box {
  display: none;
}

/* ページ読み込み時に、一瞬縦並びになるのを防止 */
/* slick-initializedが付与されたら表示 */
.slick_box.slick-initialized {
  display: block;
}

/* Dots */
ul.slick_box .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

ul.slick_box .slick-dots
{
    position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0;
    bottom: 2em;
	right: 5%;
	z-index: 10;
}
ul.blog_slick .slick-dots
{
    position: absolute;
	margin: 0;
	padding: 0;
	width: 80%;
	list-style: none;
    bottom: -1em;
	left: 15%;
	z-index: 10;
    text-align: center;
	display: flex;
	justify-content: center;
	transform: rotate(-5deg);
}
@media screen and (min-width:769px) {
ul.slick_box .slick-dots
{
    position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0;
    bottom: 55px;
	right: 100px;
	z-index: 10;
}
ul.blog_slick .slick-dots
{
    position: absolute;
	margin: 0;
	padding: 0;
	width: 150px;
	list-style: none;
    bottom: -20px;
	left: 50%;
	z-index: 10;
    text-align: center;
	display: flex;
	justify-content: center;
	transform: rotate(-10deg);
}
}

.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 8px;
    margin: 0 5px !important;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    display: block;
    width: 40px;
    height: 8px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 1px solid #EA8B4D;
	border-radius: 4px;
    background: transparent;
}
ul.blog_slick .slick-dots li button
{
    transform: rotate(5deg);
}

@media screen and (min-width:769px) {
ul.blog_slick .slick-dots li button
{
    transform: rotate(10deg);
}
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
    background: #EA8B4D;
	border-radius: 4px;
}

.slick-dots li button:before
{
    position: absolute;
	content: '';
	display: block;
    top: 0;
    left: 0;
    width: 40px;
    height: 8px;
	border: 1px solid #EA8B4D;
	border-radius: 4px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	background: #EA8B4D;
}