@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-light.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-regular.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-medium.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-medium.ttf") format("truetype");
  font-weight: 500; }
@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-bold.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-bold.ttf") format("truetype");
  font-weight: 700; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /*inherit*/
  line-height: 1; /*inherit*/
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

i.material-icons.home:before { content: "\e88a";  font-size: inherit; line-height: 1; vertical-align: -22%; margin-right: 5px; }

i.material-icons.archive:before { content: "\e03b";  font-size: inherit; line-height: 1; vertical-align: -24%; margin-right: 5px; }

i.material-icons.link:after { content: "\e315";  font-size: inherit; line-height: 1; vertical-align: -28%;}

i.material-icons.totop:before { content: "\e25a";  font-size: inherit; line-height: 1; vertical-align: ; margin-right: 5px; }

.rotate-270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
  .landscape { display: block !important; }
  .portrait { display: none !important; }
}
@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */
  .landscape { display: none !important; }
  .portrait { display: block !important; }
}



.fuwafuwa {
-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;
}
@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(0deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(1deg);}
}
@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(0deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(1deg);}
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
}

.slider_limit { width: 100%; margin: 0 auto;}
.slider_negative_m {margin-top: -60px !important;}
@media screen and (min-width:47.938em){
.slider_limit { max-width: 70%; margin: 0 auto;}
.slider_negative_m {margin-top: -120px !important;}
}


  .archive-content .divider{height: 1px !important; background: #000 !important;}
  .archive-content p {color: #fff !important;}
  .archive-content p a {color: #fff !important;}
  .archive-content p a:hover { text-decoration: underline !important;}


@media screen and (orientation: landscape) {

	#bg {
		height: 100vh;
		width: 100%;
		position: fixed;
    z-index: -1;
    background:url('/product/closeup/assets/img/jcb/intro_bg_pc.jpg') center center / cover no-repeat;
    -webkit-background-size:cover;
	}

	#introContainer {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
	#intro_bg {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#intro_bg::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/intro_bg_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
	#intro_paint {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#intro_paint::before{
  content: "";
  display: block;
  position: absolute; 
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/intro_paint_pc.png') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
	#intro_title {
		width: 20%;
		position: relative;
		z-index: 4;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 8%;
	}

}

@media screen and (orientation: portrait) {

	#bg {
		height: 100vh;
		width: 100%;
		position: fixed;
    z-index: -1;
    background:url('/product/closeup/assets/img/jcb/intro_bg_sp.jpg') center center / cover no-repeat;
    -webkit-background-size:cover;
	}

	#introContainer {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
	#intro_bg {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#intro_bg::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/intro_bg_sp.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
	#intro_paint {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#intro_paint::before{
  content: "";
  display: block;
  position: absolute; 
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/intro_paint_sp.png') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
	#intro_title {
		width: 50%;
		position: relative;
		z-index: 4;
    top: 65%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25%;
	}

}





	#scene001Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: relative;
		top:;
		z-index: 5;
	}

@media screen and (orientation: portrait) {	
  #scene001_title {
		position: absolute; z-index: 8; width: 80%; left:10%; top:11%; background: rgba(37, 232, 119, 0);
	}
	#scene_thermo {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#scene_thermo::before{
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/intro_thermo_sp.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
}
@media screen and (orientation: landscape) {
  #scene001_title {
		position: absolute; z-index: 8; width: 50%; left: 25%; top:10%; background: rgba(37, 232, 119, 0);
	}
	#scene_thermo {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#scene_thermo::before{
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/intro_thermo.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
}



	#scene_timer_bg {
		width: 80%;
		height: 75%;
		position: relative;
		z-index: 7;
    top: 15%;
    left: 10%;
    background: rgba(211, 47, 47, .8);
	}

@media screen and (orientation: landscape) {	

	#scene_timer_desc {
		width: 90%;
		height: ;
		position: absolute;
		z-index: 8;
    bottom: 2%;
    right: 5%;
    text-align: right;
    color: #fff;
    font-size: .7em;
    font-weight: 300;
    background: rgba(34, 233, 117, 0);
	}
	#scene_timer_desc a {cursor: pointer; text-decoration: underline; color: #fff;}

	#scene_timer_case {
		width: 20%;
		height: ;
		position: absolute;
		z-index: 9;
    top: 40%;
    left: 40%;
    background: rgba(56, 47, 212, 0
    );
	}
	#scene_timer_hands_short {
		width: 20%;
		height: ;
		position: absolute;
		z-index: 10;
    top: 40%;
    left: 40%;
    background: ;
	}
	#scene_timer_hands_long {
		width: 20%;
		height: ;
		position: absolute;
		z-index: 11;
    top: 40%;
    left: 40%;
    background: ;
	}
	#scene_timer_center {
		width: 20%;
		height: ;
		position: absolute;
		z-index: 12;
    top: 40%;
    left: 40%;
    background: ;
	}
	#scene_timer_count_box {
		width: 20%;
		height: ;
		position: absolute;
		z-index: 13;
    top: 40%;
    left: 40%;
    background: ;
	}
	#scene_timer_count {
		width: 20%;
		height: ;
		position: relative;
		z-index: 14;
    margin-top: 40%;
    margin-left: 40%;
    background: rgba(255, 255, 255, 0);
    font-size: 1.6em;
    line-height: 1;
    font-weight: 700;
    color: rgba(211, 47, 47, .8);
    text-align: center;
    overflow: visible;
	}

	#scene_beer_a {
		width: 15%;
		height: ;
		position: absolute;
		z-index: 15;
    top: 28%;
    left: 12%;
    background: rgba(92, 243, 140, 0);
	}
	#scene_beer_b {
		width: 15%;
		height: ;
		position: absolute;
		z-index: 15;
    top: 28%;
    right: 12%;
    background: rgba(92, 243, 140, 0);
	}

}

@media screen and (orientation: portrait) {	

	#scene_timer_desc {
		width: 90%;
		height: ;
		position: absolute;
		z-index: 8;
    bottom: 1%;
    right: 5%;
    text-align: right;
    color: #fff;
    font-size: .7em;
    font-weight: 300;
    background: rgba(34, 233, 117, 0);
	}
	#scene_timer_desc a {cursor: pointer; text-decoration: underline; color: #fff;}

	#scene_timer_case {
		width: 50%;
		height: ;
		position: absolute;
		z-index: 9;
    top: 45%;
    left: 25%;
    background: rgba(56, 47, 212, 0
    );
	}
	#scene_timer_hands_short {
		width: 50%;
		height: ;
		position: absolute;
		z-index: 10;
    top: 45%;
    left: 25%;
    background: ;
	}
	#scene_timer_hands_long {
		width: 50%;
		height: ;
		position: absolute;
		z-index: 11;
    top: 45%;
    left: 25%;
    background: ;
	}
	#scene_timer_center {
		width: 50%;
		height: ;
		position: absolute;
		z-index: 12;
    top: 45%;
    left: 25%;
    background: ;
	}
	#scene_timer_count_box {
		width: 50%;
		height: ;
		position: absolute;
		z-index: 13;
    top: 45%;
    left: 25%;
    background: ;
	}
	#scene_timer_count {
		width: 50%;
		height: ;
		position: relative;
		z-index: 14;
    margin-top: 40%;
    margin-left: 25%;
    background: rgba(255, 255, 255, 0);
    font-size: 1.6em;
    line-height: 1;
    font-weight: 700;
    color: rgba(211, 47, 47, .8);
    text-align: center;
    overflow: visible;
	}

	#scene_beer_a {
		width: 40%;
		height: ;
		position: absolute;
		z-index: 15;
    bottom: 20%;
    left: -5%;
    background: rgba(92, 243, 140, 0);
	}
	#scene_beer_b {
		width: 40%;
		height: ;
		position: absolute;
		z-index: 15;
    bottom: 20%;
    right: -5%;
    background: rgba(92, 243, 140, 0);
	}

}

	@media only screen and (min-width: 520px) {
  	#scene_timer_count { font-size: 1.8em;}
  }
	@media only screen and (min-width: 720px) {
  	#scene_timer_count { font-size: 2em;}
  }
	@media only screen and (min-width: 1300px) {
  	#scene_timer_count { font-size: 2em;}
  }
	@media only screen and (min-width: 1500px) {
  	#scene_timer_count { font-size: 2.3em;}
  }
	@media only screen and (min-width: 1900px) {
  	#scene_timer_count { font-size: 3em;}
  }
	@media only screen and (min-width: 2500px) {
  	#scene_timer_count { font-size: 4em;}
  }


	#scene_thermo_a_count {
		width: 100%;
		height: ;
		position: absolute;
		z-index: 24;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    font-size: 1.7em;
    line-height: 1;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    overflow-x: visible;
	}
	@media only screen and (min-width: 520px) {
  	#scene_thermo_a_count { font-size: 1.8em;}
  }
	@media only screen and (min-width: 720px) {
  	#scene_thermo_a_count { font-size: 2em;}
  }
	@media only screen and (min-width: 1300px) {
  	#scene_thermo_a_count { font-size: 2em;}
  }
	@media only screen and (min-width: 1500px) {
  	#scene_thermo_a_count { font-size: 2.3em;}
  }
	@media only screen and (min-width: 1900px) {
  	#scene_thermo_a_count { font-size: 3em;}
  }
	@media only screen and (min-width: 2500px) {
  	#scene_thermo_a_count { font-size: 4em;}
  }
@media screen and (orientation: landscape) {  
	#scene_thermo_bg_a {
		width: 8%;
		height: ;
		position: absolute;
		z-index: 20;
    top: 32%;
    left: 30%;
    background: rgba(92, 243, 140, 0);
	}
	#scene_thermo_color_a1 {
		width: 34%;
		height: 30%;
		position: absolute;
		z-index: 21;
    bottom: 10%;
    left: 30%;
    background: rgba(0, 157, 199, 1);
	}
	#scene_thermo_color_a2 {
		width: 46%;
		height: 20%;
		position: absolute;
		z-index: 22;
    bottom: 10%;
    left: 26%;
    background: rgba(0, 157, 199, 1);
	}
	#scene_thermo_meter_a {
		width: 8%;
		height: ;
		position: absolute;
		z-index: 23;
    top: 32%;
    left: 30%;
    background: rgba(92, 243, 140, 0);
	}
}
@media screen and (orientation: portrait) {  
	#scene_thermo_bg_a {
		width: 12%;
		height: ;
		position: absolute;
		z-index: 20;
    top: 22%;
    left: 18%;
    background: rgba(92, 243, 140, 0);
	}
	#scene_thermo_color_a1 {
		width: 34%;
		height: 30%;
		position: absolute;
		z-index: 21;
    bottom: 10%;
    left: 30%;
    background: rgba(0, 157, 199, 1);
	}
	#scene_thermo_color_a2 {
		width: 46%;
		height: 20%;
		position: absolute;
		z-index: 22;
    bottom: 10%;
    left: 26%;
    background: rgba(0, 157, 199, 1);
	}
	#scene_thermo_meter_a {
		width: 12%;
		height: ;
		position: absolute;
		z-index: 23;
    top: 22%;
    left: 18%;
    background: rgba(92, 243, 140, 0);
	}
}



	#scene_thermo_b_count {
		width: 100%;
		height: ;
		position: absolute;
		z-index: 24;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    font-size: 1.7em;
    line-height: 1;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    overflow-x: visible;
	}
	@media only screen and (min-width: 520px) {
  	#scene_thermo_b_count { font-size: 1.8em;}
  }
	@media only screen and (min-width: 720px) {
  	#scene_thermo_b_count { font-size: 2em;}
  }
	@media only screen and (min-width: 1300px) {
  	#scene_thermo_b_count { font-size: 2em;}
  }
	@media only screen and (min-width: 1500px) {
  	#scene_thermo_b_count { font-size: 2.3em;}
  }
	@media only screen and (min-width: 1900px) {
  	#scene_thermo_b_count { font-size: 3em;}
  }
	@media only screen and (min-width: 2500px) {
  	#scene_thermo_b_count { font-size: 4em;}
  }
@media screen and (orientation: landscape) {  
	#scene_thermo_bg_b {
		width: 8%;
		height: ;
		position: absolute;
		z-index: 20;
    top: 32%;
    right: 30%;
    background: rgba(92, 243, 140, 0);
	}
	#scene_thermo_color_b1 {
		width: 34%;
		height: 30%;
		position: absolute;
		z-index: 21;
    bottom: 10%;
    right: 33%;
    background: rgba(0, 157, 199, 1);
	}
	#scene_thermo_color_b2 {
		width: 46%;
		height: 20%;
		position: absolute;
		z-index: 22;
    bottom: 10%;
    right: 29%;
    background: rgba(0, 157, 199, 1);
	}
	#scene_thermo_meter_b {
		width: 8%;
		height: ;
		position: absolute;
		z-index: 23;
    top: 32%;
    right: 30%;
    background: rgba(92, 243, 140, 0);
	}
}
@media screen and (orientation: portrait) {  
	#scene_thermo_bg_b {
		width: 12%;
		height: ;
		position: absolute;
		z-index: 20;
    top: 22%;
    right: 18%;
    background: rgba(92, 243, 140, 0);
	}
	#scene_thermo_color_b1 {
		width: 34%;
		height: 30%;
		position: absolute;
		z-index: 21;
    bottom: 10%;
    right: 33%;
    background: rgba(0, 157, 199, 1);
	}
	#scene_thermo_color_b2 {
		width: 46%;
		height: 20%;
		position: absolute;
		z-index: 22;
    bottom: 10%;
    right: 29%;
    background: rgba(0, 157, 199, 1);
	}
	#scene_thermo_meter_b {
		width: 12%;
		height: ;
		position: absolute;
		z-index: 23;
    top: 22%;
    right: 18%;
    background: rgba(92, 243, 140, 0);
	}
}




	#scene002Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 40;
	}

@media screen and (orientation: landscape) {
  #scene002_title {
		position: absolute; z-index: 43; width: 50%; left: 25%; top:10%; background: rgba(37, 232, 119, 0);
	}
	#left_bg {
		height: 100%;
		width: 50%;
		top:0;
		left:0;
		position: absolute;
	}
	#left_bg::before{
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 41;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/left_bg_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
	#left_bg_text {
		height: ;
		width: 40%;
		bottom:24%;
		left:8%;
		position: absolute;
		z-index: 42;
	}

	#right_bg {
		height: 100%;
		width: 50%;
		top:0;
		right:0;
		position: absolute;
	}
	#right_bg::before{
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 41;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/right_bg_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
	#right_bg_text {
		height: ;
		width: 40%;
		bottom:15%;
		right:5%;
		position: absolute;
		z-index: 42;
	}
}

@media screen and (orientation: portrait) {
  #scene002_title {
		position: absolute; z-index: 43; width: 80%; left: 10%; background: rgba(0, 0, 0, 0);
		top: 8%;
    /*-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
	}
	#left_bg {
		height: 50%;
		width: 100%;
		top:0;
		left:0;
		position: absolute;
		overflow: hidden;
	}
	#left_bg::before{
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 41;
  width: 100%;
  height: 100%;
  background:url('/product/closeup/assets/img/jcb/left_bg_sp.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
	#left_bg_text {
		height: ;
		width: 40%;
		bottom:18%;
		left:33%;
		position: absolute;
		z-index: 42;
	}

	#right_bg {
		height: 50%;
		width: 100%;
		top:50vh;
		right:0;
		position: absolute;
		overflow: hidden;
	}
	#right_bg::before{
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 41;
  width: 100%;
  height: 100%;
  background:url('/product/closeup/assets/img/jcb/right_bg_sp.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
	#right_bg_text {
		height: ;
		width: 40%;
		bottom:8%;
		right:5%;
		position: absolute;
		z-index: 42;
	}
}


	#scene003Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 50;
	}

@media screen and (orientation: landscape) {
  
	#product_bg {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#product_bg::before{
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 51;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/product_bg_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
  #scene003_title {
		position: absolute; z-index: 55; width: 50%; left: 40%; top:10%; background: rgba(37, 232, 119, 0);
	}
  #product_slider {
		z-index: 54; position: absolute; width: 30%; right: 15%; top:25%; background: rgba(255, 255, 255, 0);
	}

}

@media screen and (orientation: portrait) {

	#product_bg {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#product_bg::before{
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 51;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/jcb/product_bg_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }
  #scene003_title {
		position: absolute; z-index: 55; width: 80%; left: 20%; top:10%; background: rgba(37, 232, 119, 0);
	}
  #product_slider {
		z-index: 54; position: absolute; width: 80%; right: 10%; bottom:3%; background: rgba(255, 255, 255, 0);
	}
}



/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/product/closeup/assets/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/product/closeup/assets/slick/fonts/slick.eot');
    src: url('/product/closeup/assets/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/product/closeup/assets/slick/fonts/slick.woff') format('woff'), url('/product/closeup/assets/slick/fonts/slick.ttf') format('truetype'), url('/product/closeup/assets/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    /*margin: 0 -60px 0 -60px;*/
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: #000; /*color: transparent;*/
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: #f00; /*color: transparent;*/
    outline: none;
    background: transparent;
}
.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
{
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: ;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute; left: 40px;
    z-index: 200;
}
.slick-next:before
{
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: ;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute; right: 40px;
    z-index: 200;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}