@charset "utf-8";
/* CSS Document */

.mov-slider .youtube-thumbnail { margin: 0; }
.mov-slider .slick-prev, .mov-slider .slick-next { z-index: 1; }

.swiper-button-prev,
.swiper-button-next{
width: 10px;
height: 16px;
}
.swiper-button-prev{
left: 3px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next{
right: 3px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}


.swiper_wrap{
position: relative;
width: 100%;
opacity: 0;/* 挙動 */
transition: opacity .1s;/* 挙動 */
}

/* スライダーの基本スタイル */
.mov-slider {
max-width: 100%;
margin: 0 auto;
padding: 1rem;
position: relative;
overflow: hidden;
}

/* スライド内のサムネイル調整 */
.swiper-slide .youtube-thumbnail {
border-radius: 10px;
overflow: hidden;
}

/* ナビゲーション矢印のカスタマイズ（任意） */
.swiper-button-prev,
.swiper-button-next {
color: #333;
}

/* ページネーションのカスタマイズ（任意） */
.swiper-pagination-bullet {
background: #666;
}
.swiper-pagination-bullet-active {
background: #000;
}

.swiper-slide{
background: #fff;
border-radius: 8px;
padding: 10px 10px 15px;
}

.swiper-slide h3 {
margin-top: 10px;
font-size: 12px;
color: #000;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
max-height: 50px;
}

.swiper-slide .youtube-thumbnail {
position: relative;
max-width: 560px;
cursor: pointer;
margin-top: -9.5%;
}

.swiper-slide .inner{
margin-top: 10px;
}

.swiper-slide .inner .head{
white-space: nowrap;
}

/* レスポンシブ対応 */
@media screen and (min-width:641px) {

.swiper-slide .youtube-thumbnail img {
width: 100%;
}

.mov-slider .youtube-thumbnail { margin: 0; }
.mov-slider .slick-prev, .mov-slider .slick-next { z-index: 1; }

/* スライダーの基本スタイル */

.mov-slider {
width: 90%;
margin: 0 auto;
padding: 25px 0 35px;
}

.swiper-wrapper{
width:86%;
position: relative;
}

/* スライド内のサムネイル調整 */
.swiper-slide .youtube-thumbnail {
border-radius: 10px;
overflow: hidden;
}

/* ナビゲーション矢印のカスタマイズ（任意） */
.swiper-button-prev,
.swiper-button-next {
color: #333;
}

.swiper-button-prev,
.swiper-button-next{
width: 27px;
height: 44px;
}

.swiper-button-prev{
left: 45px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next{
right: 45px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* ページネーションのカスタマイズ（任意） */
.swiper-pagination-bullet {
background: #666;
}
.swiper-pagination-bullet-active {
background: #000;
}

.swiper-slide{
background: #fff;
border-radius: 8px;
padding: 1rem;
}

.swiper-slide h3 {
margin-top: 10px;
font-size: 14px;
color: #000;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
max-height: 50px;
}

.swiper-slide .youtube-thumbnail {
position: relative;
max-width: 560px;
cursor: pointer;
margin-top: -9.5%;
}

.swiper-slide .inner{
margin-top: 10px;
}
}

@media screen and (max-width:340px) {
.swiper-slide .inner .head {
    white-space: nowrap;
    transform: scale(0.8);
    margin-left: -10%;
}

.swiper-button-prev,
.swiper-button-next{
width: 10px;
height: 16px;
}

}