@charset "UTF-8";
/*=============================================================
	Date: 2016-11-25
	CSS Document ： ミニツク（しあわせ生活プログラム）スライダー
=============================================================*/

.bx-wrapper {
	max-width: 920px;
	position: relative;
	margin: 0 auto;
	padding: 0;
 *zoom: 1;
}
.bx-wrapper img {
	display: block;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
/* PAGER */
.bx-wrapper .bx-pager {
	display:none;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-prev {
	left: -22px;
}
.bx-wrapper .bx-next {
	right: -22px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	opacity: 0.7;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 9999;
	opacity:0;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* 左右暗く */
.mod-SlideBox_prg {
	overflow: hidden;
	position:relative;
}
.bx-viewport:before, .bx-viewport:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	background-color: rgba(48, 5, 0, 0.1);
	z-index: 1000;
}
.bx-wrapper .bx-viewport {
	overflow: visible !important;
	left: 0;
	border-width: 0;
	box-shadow: none;
}
.bx-viewport:before {
	right: 100%;
	left: -100%;
}
.bx-viewport:after {
	left: 100%;
	right: -100%;
}
/* スライダーの帯 */
#main-slide-outer_prg { position:relative; }

#mod-SlideBox_prg {
	overflow: hidden;
	visibility: hidden;
	position:relative;
	height:450px;
}

/* ↓動く帯↓ */
#mainObi_prg { width:100%; height:57px; background:url("../images/main_obi.png") repeat-x 0 0;position: absolute;bottom: 10px; }
#mainObi_prg {
	animation: loop_dec 50s linear infinite;
	-webkit-animation: loop_dec 50s linear infinite;
	-moz-animation: loop_dec 50s linear infinite;
}
@keyframes loop_dec {
	0% {background-position: 0 0;}
	25% {background-position: 216px 0;}
	50% {background-position: 416px 0;}
	75% {background-position: 616px 0;}
	100% {background-position: 816px 0;}
}
@-webkit-keyframes loop_dec {
	0% {background-position: 0 0;}
	25% {background-position: 216px 0;}
	50% {background-position: 416px 0;}
	75% {background-position: 616px 0;}
	100% {background-position: 816px 0;}
}
@-moz-keyframes loop_dec {
	0% {background-position: 0 0;}
	25% {background-position: 216px 0;}
	50% {background-position: 416px 0;}
	75% {background-position: 616px 0;}
	100% {background-position: 816px 0;}
}


#mod-SlideBox_prg img {
	height:auto;
/*
	position: relative;
	width:auto;
	line-height:0;
	max-width: 100%;
*/
}


@media (max-width: 640px) {
#mod-SlideBox_prg,
#mod-SlideBox_prg img { height: 300px !important;width: auto !important; }

#mainObi_prg { bottom: 0px;background-size: auto 45px; }






}