@media screen and (min-width: 784px) {
/* PC用のスタイル記述 */

/* jcarousel */
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:1080px;
	overflow:hidden;
}
.jcarousel-clip .jcarousel-clip-horizontal {
	width:1080px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 180px;
	/*margin-right: 15px;*/
}
/*.jcarousel-skin-tango .jcarousel-item dl a {
	background: url(img/arr.png) no-repeat scroll left center;
	color: #0080CC;
	font-weight: bold;
	padding-left: 18px;
}*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
	background: transparent url(img/arr_right.png) no-repeat 0 0;
	width: 30px;
	height: 60px;
	cursor: pointer;
	position: absolute;
	top: 120px;
	right: 0px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	background-image: url(img/arr_left.png);
	left: 0px;
	right: auto;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	background-position: -30px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position: -60px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -90px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	background: transparent url(img/arr_left.png) no-repeat 0 0;
	width: 30px;
	height: 60px;
	cursor: pointer;
	position: absolute;
	top: 120px;
	left: 0px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	background-image: url(img/arr_right.png);
	left: auto;
	right: 0px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background-position: -30px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position: -60px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	background-position: -90px 0;
	cursor: default;
}
}
@media screen and (max-width: 783px) {
/* タブレット用のスタイル記述 */
/* jcarousel */
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:448px;
	overflow:hidden;
}
.jcarousel-clip .jcarousel-clip-horizontal {
	width:448px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 210px;
	margin-right: 28px;
}
.jcarousel-skin-tango .jcarousel-item dl a {
	background: url(../images/common/arr.png) no-repeat scroll left center;
	color: #0080CC;
	font-weight: bold;
	padding-left: 18px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
	background: transparent url(../images/tablet/arr_right.png) no-repeat 0 0;
	width: 30px;
	height: 60px;
	cursor: pointer;
	position: absolute;
	top: 45px;
	right: 0px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	background-image: url(../images/tablet/arr_left.png);
	left: 0px;
	right: auto;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	background-position: -30px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position: -60px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -90px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	background: transparent url(../images/tablet/arr_left.png) no-repeat 0 0;
	width: 30px;
	height: 60px;
	cursor: pointer;
	position: absolute;
	top: 45px;
	left: 0px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	background-image: url(../images/tablet/arr_right.png);
	left: auto;
	right: 0px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background-position: -30px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position: -60px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	background-position: -90px 0;
	cursor: default;
}
}
@media screen and (max-width: 655px) {
/* スマートフォン用のスタイル記述 */

}
