/* Slider */




.slick-slider {
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* ==================================================
	= arrow dot
================================================== */
/* Arrows */
.slick-prev,
.slick-next {
	font-size: 14px; 
	line-height: 1.3em; 
	position: absolute;
	top: 3.25em; 
	display: block;
	width: 45px;
	height: 135px;
	cursor: pointer; 
	text-indent: -999em; 
	border: 1px none #000; 
}

.slick-prev { background: transparent url('/globalicu/en/common_images/carousel_prev.png') 50% 50% no-repeat; }
.slick-next { background: transparent url('/globalicu/en/common_images/carousel_next.png') 50% 50% no-repeat; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover, .slick-prev:focus { background: transparent url('/globalicu/en/common_images/carousel_prev.png') 50% 50% no-repeat; opacity: 0.5; }
.slick-next:hover, .slick-next:focus { background: transparent url('/globalicu/en/common_images/carousel_next.png') 50% 50% no-repeat; opacity: 0.5; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;


}

.slick-prev {
    left: 0;
}

[dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}

.slick-next {
    right: 0;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 0;
}



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

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    border: 1px solid #000; 
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border: 1px solid #000; 
}

/* ==================================================
	= スタイル
================================================== */

.carousel {
	max-width: 1280px; 
	width: auto; 
	margin: 0 auto; 
	color: #f2f2f2; 
	padding: 0px; 
}

.carousel ul.slider {
	width: 100%; 
	padding: 0 0 0 0px; 
}

.slick-list {
	width: auto; 
	margin: 0 25px 0 45px; 
}

.carousel ul.slider li.element {
	width: 230px; 
	margin: 0 20px 0 0; 
	overflow: hidden; 
}

.carousel ul.slider li.element h4 {
	color: #005ABB; 
	font-size: 14px; 
	line-height: 1.3em; 
	height: 2.6em; 
}

.carousel ul.slider li.element .ph {
	height: 135px; 
	position: relative; 
	background: transparent; 
	margin: 10px 0; 
	overflow: hidden; 
}

.carousel ul.slider li.element .ph.noImage {
	background: #fff url('/globalicu/en/common_images/no_image.png') 50% 50% no-repeat; 
}

.carousel ul.slider li.element img {
	width: auto; 
	height: 100%; 
	position: absolute;
	display: block;
	left: -50%;
	right: -50%;
	margin: 0 auto;
}

.carousel ul.slider li.element .playBtn {
	position: absolute;
	z-index: 9999; 	
	width: 32px; 
	height: 32px; 
	right: 15px; 
	bottom: 15px; 
	background: transparent url('/globalicu/top_images/play_btn.png') 50% 50% no-repeat; 
} 

.carousel ul.slider li.element .readMore {
	height: 16px; 
}

.carousel ul.slider li.element .readMore a {
	float: right; 
	display: block; 
	width: 42px; 
	height: 16px; 
	font-size: 10px; 
	line-height: 16px; 
}

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

/* 213px未満（デフォルト） */
@media only screen and (max-width: 213px) {

	.slick-prev,
	.slick-next {
		width: 50px;
		height: 65px;
	}

	.slick-list {
		margin: 0 30px 0 50px; 
	}

	.carousel ul.slider li.element .ph {
		height: 65px; 
	}

	.carousel ul.slider li.element img {
		width: auto; 
		height: 100%; 
	}

}

/* 214px未満（デフォルト） */
@media only screen and (min-width: 214px) {

	.slick-prev,
	.slick-next {
		width: 70px;
		height: 80px;
	}

	.slick-list {
		margin: 0 50px 0 70px; 
	}

	.carousel ul.slider li.element .ph {
		height: 70px; 
	}

	.carousel ul.slider li.element img {
		width: auto; 
		height: 100%; 
	}

}

/* 280px未満（デフォルト） */
@media only screen and (min-width: 280px) {

	.slick-prev,
	.slick-next {
		width: 50px;
		height: 100px;
	}

	.slick-list {
		margin: 0 30px 0 50px; 
	}

	.carousel ul.slider li.element .ph {
		height: 100px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 320px未満（デフォルト） */
@media only screen and (min-width: 320px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 110px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 110px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 360px未満（デフォルト） */
@media only screen and (min-width: 360px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 135px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 135px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 384px未満（デフォルト） */
@media only screen and (min-width: 384px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 135px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 135px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 414px未満（デフォルト） */
@media only screen and (min-width: 414px) {

	.slick-prev,
	.slick-next {
		width: 80px;
		height: 135px;
	}

	.slick-list {
		margin: 0 60px 0 80px; 
	}

	.carousel ul.slider li.element .ph {
		height: 135px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 424px未満（デフォルト） */
@media only screen and (min-width: 424px) {

	.slick-prev,
	.slick-next {
		width: 100px;
		height: 135px;
	}

	.slick-list {
		margin: 0 80px 0 100px; 
	}

	.carousel ul.slider li.element .ph {
		height: 135px; 
	}

	.carousel ul.slider li.element img {
		width: auto; 
		height: 100%; 
	}

}

/* 440px未満（デフォルト） */
@media only screen and (min-width: 440px) {

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 480px未満（デフォルト） */
@media only screen and (min-width: 480px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 110px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 110px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 532px未満（デフォルト） */
@media only screen and (min-width: 532px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 110px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 110px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 534px未満（デフォルト） */
@media only screen and (min-width: 534px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 120px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 120px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 568px以上 */
/* スマホ */
@media only screen and (min-width: 568px) {

	.slick-prev,
	.slick-next {
		width: 80px;
		height: 110px;
	}

	.slick-list {
		margin: 0 60px 0 80px; 
	}

	.carousel ul.slider li.element .ph {
		height: 110px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 600px以上 */
/* スマホ */
@media only screen and (min-width: 600px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 130px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 130px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}

}

/* 639px以上 */
/* スマホ */
@media only screen and (min-width: 639px) {

	.slick-prev,
	.slick-next {
		width: 100px;
		height: 135px;
	}

	.slick-list {
		margin: 0 80px 0 100px; 
	}

	.carousel ul.slider li.element .ph {
		height: 135px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}	

}


/* 730px以上 */
/* スマホ */
@media only screen and (min-width: 730px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 110px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 110px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}	
}

/* 753px以上 */
/* スマホ */
@media only screen and (min-width: 753px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 120px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 120px; 
	}
	
}

/* 768px以上 */
/* タブレット */
@media only screen and (min-width: 768px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 120px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 120px; 
	}

	.carousel ul.slider li.element img {
		width: auto; 
		height: 100%; 
	}

}

/* 800px以上 */
/* タブレット */
@media only screen and (min-width: 800px) {

	.slick-prev,
	.slick-next {
		width: 60px;
		height: 135px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 135px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}	
}

/* 880px以上 */
/* タブレット */
@media only screen and (min-width: 880px) {

	.slick-prev,
	.slick-next {
		width: 100px;
		height: 120px;
	}

	.slick-list {
		margin: 0 80px 0 100px; 
	}

	.carousel ul.slider li.element .ph {
		height: 120px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}
}

/* 950px以上 */
/* タブレット */
@media only screen and (min-width: 950px) {

	.slick-prev,
	.slick-next {
		width: 140px;
		height: 120px;
	}

	.slick-list {
		margin: 0 120px 0 140px; 
	}

	.carousel ul.slider li.element .ph {
		height: 120px; 
	}

	.carousel ul.slider li.element img {
		width: auto; 
		height: 100%; 
	}
	
}

/* 960px以上 */
/* タブレット */
@media only screen and (min-width: 960px) {

	.slick-prev,
	.slick-next {
		width: 100px;
		height: 135px;
	}

	.slick-list {
		margin: 0 80px 0 100px; 
	}

	.carousel ul.slider li.element .ph {
		height: 135px; 
	}

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}	
}

/* 1024px以上*/
/* デスクトップ */
@media only screen and (min-width: 1024px) {


	.slick-prev,
	.slick-next {
		width: 60px;
		height: 135px;
	}

	.slick-list {
		margin: 0 40px 0 60px; 
	}

	.carousel ul.slider li.element .ph {
		height: 135px; 
	}

	.carousel ul.slider li.element img {
		width: auto; 
		height: 100%; 
	}	

}

/* 1130px以上*/
/* デスクトップ */
@media only screen and (min-width: 1130px) {

	.carousel ul.slider li.element img {
		width: 100%; 
		height: auto; 
	}	

}

/* 1200px以上*/
/* デスクトップ */
@media only screen and (min-width: 1200px) {


	.slick-prev,
	.slick-next {
		width: 148px;
		height: 135px;
	}

	.slick-list {
		margin: 0 128px 0 148px; 
	}

	.carousel ul.slider li.element .ph {
		height: 135px; 
	}

	.carousel ul.slider li.element img {
		width: auto; 
		height: 100%; 
	}

}

/* 1280px以上*/
/* デスクトップ */
@media only screen and (min-width: 1280px) {


	.slick-prev,
	.slick-next {
		width: 70px;
		height: 160px;
	}

	.slick-list {
		margin: 0 50px 0 70px; 
	}

	.carousel ul.slider li.element .ph {
		height: 160px; 
	}

	.carousel ul.slider li.element img {
		width: auto; 
		height: 100%; 
	}

}