@charset "utf-8";
/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

body {font-size:14px; line-height:2.25; color:#555; font-family:UD Shin Go Regular, sans-serif; background:#d9d9d9;}
.en {line-height:1.8; font-size:13px;}
a {text-decoration:none; color:#EB6120;}
a img {border:1px solid #ffffff;}
a:hover {text-decoration:underline;}
a:hover img {border:1px solid #EB6120; opacity:0.6;}
img {width:100%; display:block;}
h1, h2, h3, h4 {font-family:UD Shin Go Medium, sans-serif;}
em {font-weight:bold; font-family:UD Shin Go Medium, sans-serif;}
@media (max-width:700px) {
	body {font-size:12px;}
}

header {position:fixed; top:0; left:0; right:0; background-color:rgba(217, 217, 217, 0.8); z-index:3; border-bottom:1px solid #EB6120;}
.header-wrap {margin:0 auto; width:100%; max-width:1200px; height:80px; position:relative;}
header h1 {position:absolute; top:10px; left:0; height:50px;}
header h1 a img {border:none; height:50px;}
header h1 a:hover img {border:none;}
.en header p {line-height:1.75;}
header nav.page {position:absolute; bottom:20px; left:400px;}
header nav.page li {float:left; margin:0 3px 0 0; padding:0 0 0 25px;}
header nav.page li:after {content:"│"; margin:0 0 0 10px;}
header nav.page li:last-child:after {content:""; margin:0;}

header .banner a {position:absolute; top:0px; right:60px; width:200px; color:#fff; text-align:center; font-size:20px; background:url(../image/icon-ticket.svg) #F7AF2A no-repeat; background-position:30px 17px; background-size:13%; padding:10px 0 10px 30px; cursor:pointer;}
header .banner a:hover {background-color:#EB6120;}
header #ticket-drawer {display:none; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; z-index:20; font-size:10px; line-height:1.5;}
header #ticket-drawer p {width:100%; max-width:700px; margin:50px auto 0; padding:0 10px; box-sizing:border-box; line-height:2.25; color:#fff;}
header #ticket-drawer p a img {width:50%;}
header #ticket-drawer p a.asoview {position:absolute; width:200px; color:#fff; text-align:center; font-size:20px; background:url(../image/icon-ticket.svg) #EB6120 no-repeat; background-position:30px 17px; background-size:13%; padding:10px 0 10px 30px; cursor:pointer;}
header #ticket-drawer p span {display:block; text-align:center; cursor:pointer;}
header #nav-btn {display:inline-block; vertical-align:middle; color:#333; line-height:1; cursor:pointer; position:absolute; top:10px; right:0px;}
header #nav-btn span {width:35px; height:2px; background-color:#fff; margin:9px 0; display:block;}
header #nav-wrapper {display:none; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; z-index:11;}
header #nav-wrapper ul {text-align:center; margin:60px auto 0;}
header #nav-wrapper li {margin:30px auto; color:#fff;}
header #nav-wrapper p {color:#fff; margin:50px auto 0; text-align:center;}
header nav.language {text-align:center; margin:0 auto;}
header nav.language li {margin:0 10px 0 0; color:#fff; display:inline-block;}
header nav.language li:after {content:"/"; margin:0 10px 0; color:#fff;}
header nav.language li:last-child:after {content:""; margin:0;}
header #news {background:#f88f5e; color:#fff; margin:0 auto;}
header #news p {text-align:center; margin:0 auto; padding:5px 0; top:auto; left:auto; position:relative;}
@media (max-width:700px) {
	header #news p {font-size:10px; width:94%;}
}

@media (max-width:1200px) {
	.header-wrap {width:94%;}
	header h1 {width:250px;}
	header p {left:300px;}
}
@media (max-width:1100px) {
	header h1 {width:200px;}
	header p {left:240px;}
	header .banner a {width:150px; font-size:18px; background-position:23px 14px; padding:5px 0 5px 30px;}
}
@media (max-width:1000px) {
	.header-wrap {width:94%;}
	header h1 {width:180px; top:10px;}
	header p {left:220px;}
}
@media (max-width:840px) {
	header p {left:0px; top:75px; line-height:1.7;}
	header #ticket-drawer p {top:0; margin:50px auto 0;}
	.en header p {font-size:12px;}
	header .banner {width:94%;}
}
@media (max-width:590px) {
}
@media (max-width:490px) {
	.en .header-wrap {height:180px;}
	.en header p {font-size:11px;}
	.header-wrap {width:94%; height:70px;}
	header .banner a {top:15px; width:auto; font-size:14px; background:none; background-color:#F7AF2A; padding:0 10px; right:60px;}
	header #nav-btn {right:0px;}
}
@media (max-width:430px) {
	.en .header-wrap {height:200px;}
}
@media (max-width:390px) {
	header h1  {width:150px;}
}
@media (max-width:360px) {
	header h1  {width:140px;}
}
@media (max-width:340px) {
	header h1 {width:120px; top:5px;}
	header .banner a {font-size:12px; right:40px;}
	.header-wrap {height:60px;}
	.en .header-wrap {height:220px;}
	.en header p {font-size:11px;}
}
@media (max-width:290px) {
	header h1 {width:110px;}
	.en header p {font-size:10px;}
}


#lead {background:#EB6120; color:#fff; margin:160px auto 40px;}
#lead p {text-align:center; margin:0 auto; padding:5px 0;}
@media (max-width:840px) {
	.en #lead {margin:180px auto 20px;}
}
@media (max-width:700px) {
	#lead {margin:160px auto 20px;}
	#lead p {font-size:10px; width:94%;}
}

.video-wrap {height:100vh; position:relative; overflow:hidden;}
.bg-movie-6m {display:none;}
.video-wrap video {width:140%;}
.video-wrap .logo {width:40%; position:absolute; top:40vh; left:0; right:0; margin:0 auto;}
.hero {padding-top:100px;}
@media (max-width:1000px) {
	.video-wrap video {width:180%;}
	.video-wrap .logo {top:50vh;}
}
@media (max-width:800px) {
	.video-wrap video {width:220%;}
	.video-wrap .logo {width:50%; top:60vh;}
}
@media (max-width:600px) {
	.hero {display:none;}
	.bg-movie-6m {display:block;}
	.video-wrap {display:block;}
	.video-wrap video {width:100%;}
	.bg-movie-8m {display:none;}
	.video-wrap .logo {width:70%; top:60vh;}
}
@media (max-width:390px) {
	.video-wrap video {width:120%;}
	.video-wrap .logo {top:60vh;}
}
@media (max-width:330px) {
}
@media (max-width:270px) {
	.video-wrap .logo {top:30vh;}
}

section > div {width:100%; max-width:1200px; margin:0 auto;}
section h2 {font-size:24px; margin:0 auto 0; width:100%; max-width:800px;}
.en section h2 {margin-bottom:20px;}
section p {text-align:justify; margin:0 auto 80px; width:100%; max-width:800px;}
@media (max-width:1200px) {section > div {width:94%}}
@media (max-width:700px) {
	section h2 {font-size:18px; margin:20px auto 0;}
	section p {margin:0 auto 20px;}
}

#contents {position:relative;}
#contents-lead {font-family:"Gothic MB101 Bold", sans-serif; padding:150px 0 80px; margin:0 auto 40px;}
#contents-lead p {text-align:center; margin:0 auto; padding:5px 0 40px; font-size:19px;} 
#contents-lead p span {background:linear-gradient(transparent 40%, #eb6120 90%); padding-bottom:5px;}
#contents-lead .top-bnr-area {display:flex; margin-bottom:-150px;}
@media (max-width:840px) {
	#contents-lead {margin:0 auto 20px;}
	#contents-lead p {font-size:15px; width:94%;}
	#contents-lead .top-bnr-area {display:block; margin-bottom:-150px;}
}
@media (max-width:490px) {
	#contents-lead p {padding-bottom:20px;}
}

.image-list2 {display:flex; flex-wrap:wrap; margin:0 auto 80px; max-width:1200px;}
.image-list2 li {width:50%; box-sizing:border-box;}

.image-list3 {margin:0 auto 80px; max-width:1200px;}

.image-list4 {display:flex; margin:120px auto; max-width:1200px;}
@media (max-width:840px) {
	.image-list4 {margin:120px auto 60px; flex-wrap:wrap;}
	.image-list4 li {width:50%;}
}

.youtube {text-align:center; margin:0 auto;}
.youtube iframe {width:100%; height:auto; aspect-ratio: 16 / 9;}

.voice-actor {padding-bottom:40px; margin-top:80px;}
.voice-actor ul {display:flex; margin:0 auto 80px; width:100%; max-width:800px;}
.voice-actor li {margin:0 1px 20px; width:calc(100% / 2);}
.voice-actor li a {display:block; background:#F7AF2A; color:#fff; padding:10px 20px; text-align:center; box-sizing:border-box;}
.voice-actor li a:hover {background:#EB6120; color:#fff;}

.voice-actor .voice-actor-contener {max-width:800px; margin:0 auto 40px; padding-top:80px; clear:both; overflow:auto;}
.voice-actor .voice-actor-contener.yoshimura {padding-top:20px;}
.en .voice-actor .voice-actor-contener {margin:80px auto 40px;} 
.voice-actor img {width:90%; max-width:600px; display:block; margin:0 auto 20px;}
.voice-actor .text {width:auto;}
.voice-actor .text h3 {font-size:18px; margin:0 auto 10px;}
.voice-actor .text p {margin:0 auto 20px;}
.voice-actor .comment {background:#ccc; color:#000; padding:15px; box-sizing:border-box;}
.voice-actor .comment em {font-weight:bold;}
.voice-actor em.sign {text-align:right; display:block;}
.voice-actor span.notes {font-size:10px;}
.en .voice-actor span.notes {line-height:1.5;}
@media (max-width:700px) {
	.voice-actor {padding-bottom:0px;}
	.voice-actor h2.page {margin-bottom:-40px;}
}

.credit {text-align:center; margin:80px auto 130px; clear:both;}
.credit span {margin:0 25px 0 100px;}
.credit span:first-child {margin-left:0;}
.credit img {width:auto; height:35px; display:inline-block;}
@media (max-width:700px) {
	.credit {margin:20px auto 80px;}
	.credit span {display:block; margin:0;}
	.credit img {height:25px; display:block; margin:5px auto 30px;}
}

#media {margin:0 auto 80px; max-width:800px;}
#media p {overflow:auto;}
#media .more-btn {float:right; display:inline-block; background:#F7AF2A; color:#fff; cursor:pointer; padding:2px 20px;}
#media .more-btn:hover {background:#EB6120;}
#media .archive {display:none;}
@media (max-width:1200px) {#media {width:94%}}

.voice {margin:0 auto 120px; max-width:800px;}
.voice-list li {background:#ccc; padding:20px 45px; color:#000;}
.voice-list .slick-next {right:5px}
.voice-list .slick-prev {left:5px}
.voice .slick-track {display:flex;}
.voice .slick-slide {height: auto !important;}
.voice i {display:block; text-align:right;}
@media (max-width:1200px) {.voice {width:94%}}

.bnr-crowd-funding {width:94%; max-width:800px; margin:0 auto 80px;}
.bnr-crowd-funding img {box-sizing:border-box; border-color:#F7AF2A;}
.bnr-crowd-funding img:hover {border-color:#eb6120;}

.bnr-area {width:94%; max-width:800px; margin:80px auto;}
.bnr-area h3 {font-size:18px;}
.bnr-area img {box-sizing:border-box; border-color:#F7AF2A;}
.bnr-area img:hover {border-color:#eb6120;}

#crowd-funding {background:#F7AF2A; padding:80px 0;}
#crowd-funding h2 {margin-top:0;}
#crowd-funding div {width:100%; max-width:800px;}
#crowd-funding p {margin-bottom:40px;}
@media (max-width:1200px) {#crowd-funding div {width:94%}}
@media (max-width:700px) {
	#crowd-funding {padding:40px 0;}
	#crowd-funding h2 {margin-bottom:10px;}
	#crowd-funding p {margin-bottom:20px;}
}

#guide {background:#434343; color:#fff; padding:130px 0;}
.en #guide {padding:1px 0 60px 0;}
#guide p {margin:40px auto 0;}
@media (max-width:1100px) {
	#guide {padding:116px 0;}
}
@media (max-width:1000px) {
	#guide {padding:80px 0;}
}
@media (max-width:840px) {
	#guide {padding:80px 0;}
}
@media (max-width:700px) {
	#guide p {margin-bottom:20px;}
}
@media (max-width:470px) {
	#guide {padding:80px 0;}
}
@media (max-width:340px) {
	#guide {padding:80px 0;}
}

#ticket {padding:120px 0 0;}
@media (max-width:1100px) {
	#ticket {padding:126px 0 80px;}
}
@media (max-width:1000px) {
	#ticket {padding:130px 0 80px;}
}
@media (max-width:840px) {
	#ticket {padding:180px 0 80px;}
}
@media (max-width:470px) {
	#ticket {padding:210px 0 80px;}
}
@media (max-width:340px) {
	#ticket {padding:220px 0 80px;}
}

#qa {padding:130px 0 0;}
#qa h2 {margin-bottom:20px; padding-top:10px;}
#qa h3 {width:100%; max-width:800px; margin:0 auto 10px; font-size:16px; padding:10px 20px; cursor:pointer; box-sizing:border-box; background:#F7AF2A; color:#fff;}
#qa h3:hover {background:#EB6120; color:#fff;}
#qa .down i {content:""; width:10px; height:10px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); margin:0 0 3px 20px; display:inline-block;}
#qa .down:hover i {border-color:#fff;}
#qa .up i {content:""; width:10px; height:10px; border-top:2px solid #fff; border-left:2px solid #fff; transform:rotate(45deg); margin:3px 0 0 20px; display:inline-block;}
#qa .up:hover i {border-color:#fff;}
#qa p {display:none; padding:0 20px; box-sizing:border-box;}
@media (max-width:1100px) {
	#qa {padding:116px 0 0;}
}
@media (max-width:1000px) {
	#qa {padding:120px 0 0;}
}
@media (max-width:840px) {
	#qa {padding:170px 0 0;}
}
@media (max-width:470px) {
	#qa {padding:200px 0 0;}
}
@media (max-width:340px) {
	#qa {padding:220px 0 0;}
}


#contact {margin:0 auto 80px; width:100%; max-width:800px; padding:130px 0;}
#contact ul {display:flex;}
#contact li {margin:0 1px 20px; width:calc(100% / 3);}	
#contact li a {display:block; background:#F7AF2A; color:#fff; padding:10px 20px; text-align:center; box-sizing:border-box;}
#contact li a:hover {background:#EB6120; color:#fff;}
@media (max-width:1100px) {
	#contact {padding:116px 0;}
}
@media (max-width:1000px) {
	#contact {padding:80px 0;}
}
@media (max-width:840px) {
	#qa {padding:80px 0;}
}
@media (max-width:700px) {
	#contact ul {display:block;}
	#contact li {margin:0 auto 20px; width:100%;}	
}
@media (max-width:470px) {
	#contact {padding:80px 0;}
}
@media (max-width:340px) {
	#contact {padding:80px 0;}
}


#about {background:#434343; padding:80px 0; color:#fff;}
#about p {margin:40px auto 0;}
@media (max-width:700px) {
	#about {padding:40px 0;}
	#about p {margin-bottom:20px;}
}

#access {text-align:center; padding:80px 0 0;}
.en #access {padding:1px 0 60px 0;}
#access h2 {text-align:left;}
#access p {text-align:left;}
#access iframe {width:100%; height:auto; aspect-ratio: 75 / 43; margin:0 auto;}
@media (max-width:1100px) {
	#access {padding:116px 0 0;}
}
@media (max-width:1000px) {
	#access {padding:120px 0 0;}
}
@media (max-width:840px) {
	#access {padding:80px 0 0;}
}
@media (max-width:700px) {
	#access iframe {aspect-ratio:1 / 1;}
}
@media (max-width:470px) {
	#access {padding:80px 0 0;}
}
@media (max-width:340px) {
	#access {padding:80px 0 0;}
}

#crowd-funding-list {margin:210px auto 120px;}
#crowd-funding-list h2 {text-align:center; line-height:1.75; margin-bottom:20px;}
#crowd-funding-list ul {margin:80px auto 0; width:100%; max-width:800px; text-align:center;}
#crowd-funding-list li {display: inline-block; margin:auto 10px;}
#crowd-funding-list .fontsize-l {font-size:20px;}
#crowd-funding-list .fontsize-m {font-size:16px;}
#crowd-funding-list .fontsize-s {font-size:12px;}

footer {text-align:center; margin:80px auto; width:100%; max-width:800px;}
footer a img {border:none;}
footer a:hover img {border:none;}
footer .logo-vertical {width:160px; display:block; margin:0 auto 40px;}
footer ul {margin:0 auto 40px;}
footer .sns {}
footer .sns li {width:40px; display:inline-block; margin:0 5px;}
footer .sns li:last-child {margin-left:8px;}
footer .sitemap {}
footer .sitemap li {display:inline-block; margin-left:20px;}
footer .sitemap li:first-child {margin-left:0;}
footer .sitemap li:before {content:"|"; display:inline-block; margin-right:20px;}
footer .sitemap li:first-child:before {content:none; margin-left:0;}
footer .copyright {font-size:10px; padding:0 0 40px;}
@media (max-width:1200px) {footer {width:94%}}
@media (max-width:700px) {
	footer {margin:40px auto;}
	footer li {display:block; margin:0;}
	footer li:before {content:none; margin:0;}
}


/* Khufu */
.khufu {background:url(../image/khufu-bg.jpg) center; background-size:contain; color:#000;}

.khufu #contents-lead {padding:40px 0;}
.khufu .bnr-area {margin:80px auto;}
.khufu #guide {background:#000;}


/* Impressionists */
.impressionists {background:url(../image/impressionists-bg.jpg) center; color:#fff;}

.impressionists #contents-lead {padding-top:80px; text-align:center;}
.impressionists #contents-lead img {width:100%; max-width:600px; margin:0 auto;}
.impressionists section h2 {margin:80px auto -60px;}
.impressionists section p {margin:80px auto;}
@media (max-width:700px) {
	.impressionists section h2 {margin:40px auto -20px;}
	.impressionists section p {margin:40px auto;}
	.impressionists #contents-lead p span  {font-size:17px;}
}

@media (max-width:700px) {
	.image-list2 {margin:0 auto 40px;}
}

.impressionists .voice-actor {max-width:800px;}
.impressionists .voice-actor-btn {font-size:18px; width:100%; max-width:396px; margin:0 1px 2px; cursor:pointer; float:left; }
.impressionists .voice-actor-btn a {display:block; background:#F7AF2A; color:#fff; padding:10px 20px; text-align:center; box-sizing:border-box; text-align:left;}
.impressionists .voice-actor-btn a:hover {background:#EB6120; color:#fff;}
.impressionists .voice-actor-btn a span {font-size:14px;}
.impressionists .voice-actor-btn:hover {color:#EB6120;}
.impressionists .voice-actor-wrapper {display:none; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; z-index:11;}
.impressionists .voice-actor-contener {margin:10px auto 0;}
.impressionists .supervision-message {float:none; clear:both; padding-top:80px;}
.impressionists .voice-actor .voice-actor-contener.supervision {padding-top:20px; margin-top:0; float:none; clear:both;}
.impressionists .voice-actor h2 {text-align:center; margin-bottom:0;}
.impressionists .voice-actor .supervision-message {text-align:left;}
.impressionists .voice-actor .voice-actor-contener {padding-top:40px;}
.impressionists .voice-actor .image {width:300px; display:block; margin:0 0 20px 50px; float:left;}
.impressionists .voice-actor .image img {width:100%;}
.impressionists .voice-actor .text {display:block; width:400px; float:right;}
.impressionists .voice-actor .text h3 span {font-size:14px;}
.impressionists .voice-actor .comment {background:none; color:#fff; padding:20px 0 0;}
.impressionists .voice-actor-close {margin:0 auto; display:block; width:100%; max-width:800px; margin:0 auto; text-align:center; cursor: pointer;}
@media (max-width:700px) {
	.impressionists .voice-actor-btn {font-size:14px;}
	.impressionists .voice-actor-btn a span {font-size:10px;}
	.impressionists .voice-actor-contener {width:94%; margin:0 auto;}
	.impressionists .voice-actor .image {width:50%; display:block; margin:0 auto 20px; float:none;}
	.impressionists .voice-actor .image img.painters {display:none;}
	.impressionists .voice-actor {padding-bottom:0px;}
	.impressionists .voice-actor .text {width:auto; font-size:10px;}
	.impressionists .voice-actor .text h3 {font-size:14px;}
	.impressionists .voice-actor .text h3 span {font-size:10px;}
	.impressionists .voice-actor .comment {padding:0;}
}

.impressionists .credit {margin:40px auto 130px;}
.impressionists .credit span {display:block; margin:60px auto 20px;}
.impressionists .credit img {max-width:140px; height:40px; margin:0 20px;}
.impressionists .credit span:first-child + img {display:block; margin:0 auto;}
@media (max-width:700px) {
	.impressionists .credit img {width:200px; height:auto; margin:0 auto 40px;}
}

.impressionists .bnr-area {margin:80px auto;}
.impressionists #guide {background:#000;}


/* Slider */
.slick-slider {position:relative; display:block; 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; margin-left:auto; margin-right:auto;}
.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;}
.slick-arrow.slick-hidden {display:none;}

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

/* Icons */
@font-face {font-family:'slick'; font-weight:normal; font-style:normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./common/fonts/slick.ttf') format('truetype'), url('./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; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color: transparent; border:none; outline:none; background:transparent;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {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,
.slick-next:before {font-family:'slick'; font-size:20px; line-height:1; opacity:.75; color:white; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-prev {left:15px; z-index:1;}
[dir='rtl'] .slick-prev {right:15px; left:auto; z-index:1;}
.slick-prev:before {content:'<<';}
[dir='rtl'] .slick-prev:before {content:'>>';}
.slick-next {right:15px; z-index:1;}
[dir='rtl'] .slick-next {right:auto; left:15px; z-index:1;}
.slick-next:before {content:'>>';}
[dir='rtl'] .slick-next:before {content:'<<';}

/* Dots */
.slick-dotted.slick-slider {margin-bottom:30px;}
.slick-dots {position:absolute; bottom:-25px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slick-dots li {position:relative; display:inline-block; width:20px; height:20px; margin: 0 5px; padding:0; cursor:pointer;}
.slick-dots li button {font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline:none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity:1;}
.slick-dots li button:before {font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {opacity:.75; color:black;}