/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; 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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track .item{position: relative; padding-bottom: 0px;}
@media print,screen and (min-width: 768px) {
 .slick-track .item { padding-bottom: 0px; width: 100%; display: grid;object-fit: cover;}
}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; position: relative;}
[dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } 
.slick-slide::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; z-index: 1;} /*動画操作無効*/
.slick-slider .slick-slide::before{content: none;}
.slick-slide::before, 
.slick-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.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; }

.slick-slide video { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%);}
.slick-slide iframe { position: relative; pointer-events: none;}
.slick-slide figure { position: relative; height: 100%;}
.slick-slide .slide-image { opacity: 0; height: 100%; background-size: cover; background-position: center; transition: all 0.8s ease;}
.slick-slide .slide-image.show { opacity: 1;}
.slick-slide .image-entity { width: 100%; opacity: 0; visibility: hidden;}
.slick-slide .loading { position: absolute; top: 44%; left: 0; width: 100%;}
.slick-slide .slide-media { -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);         animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);}
.slick-slide.slick-active { z-index: 1;}
.slick-slide.slick-active .slide-media { -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);         animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);}
.slick-slide.slick-active .caption { opacity: 1; transform: translateY(0); transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;}

.container { background-color: #f2f2f2; color: #444; line-height: 1.6; padding: 40px 0; }
.container .content { width: 90%; max-width: 980px; margin: 0 auto; }
.container p { margin-bottom: 40px; }

@-webkit-keyframes slideIn { from { filter: blur(15px); } to { filter: blur(0); }}
@keyframes slideIn { from { filter: blur(15px); } to { filter: blur(0); }}
@-webkit-keyframes slideOut { from {  filter: blur(0); } to { filter: blur(15px);}}
@keyframes slideOut { from { filter: blur(0);} to {filter: blur(15px); }}

/*カスタマイズ=================================*/
.main-slider { aspect-ratio: 2/1; position: relative; opacity: 0; visibility: hidden; transition: all 1.2s ease;}
.main-slider.slick-initialized { opacity: 1; visibility: visible;}
/*画像の横幅を100%にしてレスポンシブ化*/
.slide-image > img { width: 100%; max-width: none !important; height: auto; vertical-align: bottom; /*画像の下にできる余白を削除*/}
.slick-slider ul { margin: 0; padding: 0; list-style: none;}

.metaCarousel{text-align: center;}
.metaslider .flex-control-nav{bottom: 20px !important;}
.main-slider{width: 100%;}
.main-slider .slick-slide iframe{max-width: none; height: 100%; overflow: hidden;}
.main-slider .slick-slide figure{margin:0;}
iframe{height: auto;}


.fit { position: relative; width: 100%; height: 100%; overflow: hidden;}
@media print,screen and (max-width: 767px) {
 /*YouTubeロゴ非表示用*/
 .fit { margin-top: -60px; margin-bottom: -50px;}
 .main-slider { aspect-ratio: 39/50;}
}
@media print,screen and (min-width: 768px) {
 /*YouTubeロゴ非表示用*/
 .fit { margin-top: -50px; margin-bottom: -110px;}
 /*.home #mainHead{ margin-top: 50px;}*/
}

/*キャプション配置（画像・テキスト）*/
.capimgBox{ position: absolute; top:0; right: 0; bottom: 0; left: 0; max-width: 1170px; width: 60%; height: 80%; margin: auto; display: flex; align-items: center; padding:80px 20px; z-index: 1}
.capLc{}
.capC{justify-content: center;}
.capRc{ justify-content: flex-end;}
.slick-track .text{ color: #FFF; text-align: center; position: absolute; left: 0; right: 0; bottom: 140px; margin: auto; width: 90%;}
.slick-track .text span{background: rgba(0,0,0,.5); padding: 10px 20px;}

@media print,screen and (max-width: 767px) {
 .slick-track .text{ font-size: 90%; bottom: 100px;}
}
@media print,screen and (min-width: 1210px) {
 .capimgBox{width: 90%;}
}