@CHARSET "UTF-8";

/*---------------------------------------------
flexslider.css は編集せず
このファイル (flexsliderCustom.css) に記述してください。
---------------------------------------------*/
.flex-control-nav {display:none}

.flex-direction-nav a {
	background: url(../../shop/marutsu/img/common/bg_direction_nav.png) no-repeat 0 0;
	width: 56px;
	height: 108px;
}

.flex-control-thumbs li {
	width: 25%;
	padding: 0;
}

.flexslider .slides a {
    width: 100%;
    display: inline-block;
}

.flexslider .slides img {
	border: none;
	/*float: left;*/
	width: auto;
	/*width: 950px;*/
}

.flexslider .slides .slides_img_01,
.flexslider .slides .slides_img_02 {
	float: left;
}
.flexslider .slides .slides_img_01 {
	width: 42%;
}
.flexslider .slides .slides_img_02 {
	width: 58%;
}*/

.flex-control-thumbs img {
    border: none;
}

.flex-control-nav {
    bottom: -30px;
}

.flex-direction-nav a {
    top: 50%;
    margin-top: -57px;
}

.flex-control-paging li a {
    width: 50px;
    height: 3px;
    display: block;
    background: #ccc;
    /*background: rgba(0,0,0,0.5);*/
    cursor: pointer;
    text-indent: -9999px;
	border-radius: inherit;
	box-shadow: none;
}
.flex-control-paging li a.flex-active {
    background: #004390;
    /*background: rgba(0,0,0,0.9);*/
    cursor: default;
}


/*--------------------------------------------- 
Responsive
---------------------------------------------*/
@media (max-width: 1280px) {
  .flexslider .slides img {
		/*width: 100%;*/
	}
}
@media (max-width: 768px) {
	.flexslider .slides a {
		background: #eee;
	}
	.flexslider .slides .slides_inner {
		margin: 0 11px 0 auto;
	}
	.flexslider .slides .slides_img_01,
	.flexslider .slides .slides_img_01 img {
		width: 100%;
	}
	.flexslider .slides .slides_img_02 {
		display: none;
	}
	.flex-direction-nav {
		display: none;
	}
	.flex-control-nav li {
		margin: 0 3px;
		width:20px;
	}
	.flex-control-paging li a {
		width:20px;
	}
}