.co-ec-blog{display:block}.bp-sm .co-ec-blog{margin-top:1.875rem}.co-ec-blog .inner{padding:35px 2% 62px 3%}.bp-sm .co-ec-blog .inner{width:100%;box-sizing:border-box;border-radius:30px 30px 0 0;background-color:var(--color-white,#fff);padding:6.25rem 15px 7.5rem}.co-ec-blog .inner .ca-title-ja-en .ja{font-size:36px;letter-spacing:.03em;text-align:left;color:var(--color-main,#ccc);margin-bottom:19px}.bp-sm .co-ec-blog .inner .ca-title-ja-en .ja{font-size:3.375rem;margin-bottom:28px}.co-ec-blog .inner .description{font-size:14px;line-height:1.5;font-weight:700;white-space:pre-line}.bp-sm .co-ec-blog .inner .description{font-size:1.75rem}.co-ec-blog .inner .blog{margin-top:38px;display:flex;justify-content:center;-moz-column-gap:15px;column-gap:15px;position:relative}.co-ec-blog .inner .blog:not(:has(.popular-article)){justify-content:flex-start}.co-ec-blog .inner .blog:not(:has(.popular-article)) .new-article{width:100%}.co-ec-blog .inner .blog:not(:has(.popular-article)) .new-article .list{display:inline-block;width:50%;margin-bottom:30px}.bp-sm .co-ec-blog .inner .blog{flex-direction:column;margin-top:2.5rem;row-gap:22px}.co-ec-blog .inner .blog .genre-tit{font-size:18px;font-weight:700}.bp-sm .co-ec-blog .inner .blog .genre-tit{font-size:2.25rem;margin-bottom:15px}.co-ec-blog .inner .blog a{width:100%;transition:opacity .3s}.co-ec-blog .inner .blog a:hover{opacity:.5}.co-ec-blog .inner .blog a .image img{border-radius:4px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.co-ec-blog .inner .blog .text .tit{font-weight:600;overflow:hidden;text-overflow:ellipsis;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.co-ec-blog .inner .blog .text ul{display:flex;align-items:center;flex-wrap:wrap;gap:0 1em}.co-ec-blog .inner .blog .text ul li{line-height:1}.co-ec-blog .inner .blog .text ul li>span{color:#9e9e9e;font-size:13px;line-height:1.7}.co-ec-blog .inner .blog .popular-article{width:49.5%}.bp-sm .co-ec-blog .inner .blog .popular-article{width:100%}.co-ec-blog .inner .blog .popular-article .list .image{aspect-ratio:106/57}.co-ec-blog .inner .blog .popular-article .list .text{margin-top:7px}.co-ec-blog .inner .blog .new-article{width:49%}.bp-sm .co-ec-blog .inner .blog .new-article{width:100%}.co-ec-blog .inner .blog .new-article .list{margin-bottom:15px;position:relative}.co-ec-blog .inner .blog .new-article .list a{display:flex;-moz-column-gap:7px;column-gap:7px}.co-ec-blog .inner .blog .new-article .list a .image{min-width:43%;width:43%;aspect-ratio:227/149}.co-ec-blog .inner .movie{margin-top:66px;position:relative}.bp-sm .co-ec-blog .inner .movie{margin-top:6.5rem}.co-ec-blog .inner .movie .genre-tit{font-size:24px;font-weight:700}.bp-sm .co-ec-blog .inner .movie .genre-tit{font-size:2.25rem;margin-bottom:7px}.co-ec-blog .inner .movie .cm-slider-block-list{margin-top:0}.co-ec-blog .inner .movie .cm-slider-block-list .ca-banner iframe,.co-ec-blog .inner .movie .cm-slider-block-list .ca-banner>a,.co-ec-blog .inner .movie .cm-slider-block-list .ca-banner>div{width:100%;height:100%;border-radius:12px;aspect-ratio:68/39}.co-ec-blog .inner .movie .ca-button{margin-top:35px}.bp-sm .co-ec-blog .inner .movie .ca-button{margin-top:0}.co-ec-blog .inner .movie .tit{font-weight:600;overflow:hidden;text-overflow:ellipsis;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.co-ec-blog .inner .genre-tit{color:var(--color-main,#ccc);margin-bottom:17px}.co-ec-blog .inner .article .swiper-wrapper{margin-left:15px}.co-ec-blog .inner .article .ca-image{aspect-ratio:41/27}.co-ec-blog .inner .article .ca-image img{border-radius:4px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.co-ec-blog .inner .article a{position:relative}.bp-sm .co-ec-blog .inner .article a{width:100%}.co-ec-blog .inner .new{position:absolute;top:5px;left:7px;background-color:#282828;border-radius:12px;padding:0 4px;color:var(--color-white,#fff);font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.03em}.co-ec-blog .inner .splide,.co-ec-blog .inner .swiper{padding-bottom:42px;overflow:hidden}.bp-sm .co-ec-blog .inner .splide,.bp-sm .co-ec-blog .inner .swiper{padding-bottom:2.75rem}.co-ec-blog .inner .splide>.swiper-pagination-bullets,.co-ec-blog .inner .swiper>.swiper-pagination-bullets{left:-17px;bottom:0}.bp-sm .co-ec-blog .inner .splide>.swiper-pagination-bullets,.bp-sm .co-ec-blog .inner .swiper>.swiper-pagination-bullets{display:none}.co-ec-blog .inner .splide .swiper-pagination-bullet,.co-ec-blog .inner .swiper .swiper-pagination-bullet{background:var(--color-main,#ccc);opacity:.3}.co-ec-blog .inner .splide .swiper-pagination-bullet-active,.co-ec-blog .inner .swiper .swiper-pagination-bullet-active{opacity:1}.co-ec-blog .inner .navigations{top:auto;bottom:0;width:100%;justify-content:space-between}.bp-sm .co-ec-blog .inner .navigations{display:none}.co-ec-blog .inner .navigations .swiper-button-next,.co-ec-blog .inner .navigations .swiper-button-prev{background-color:var(--color-bg-sub,#fff);border-radius:50%;width:24px;height:24px}.co-ec-blog .inner .navigations .swiper-button-next:after,.co-ec-blog .inner .navigations .swiper-button-prev:after{font-size:10px;color:var(--color-main,#ccc)}.co-ec-blog .play-button{width:23px;height:14px;background-color:var(--color-bg-sub,#fff);display:flex;justify-content:center;align-items:center;-moz-column-gap:3px;column-gap:3px;border-radius:7px;position:absolute;bottom:92px;left:calc(50% - 12px);z-index:10;cursor:pointer}.co-ec-blog .play-button:after,.co-ec-blog .play-button:before{content:"";display:block;background-color:var(--color-main,#ccc);width:2px;height:8px;border-radius:1px}.co-ec-blog .play-button.stop:before{width:7px;height:10px;margin-right:-2px;clip-path:polygon(0 0,0 100%,100% 50%)}.co-ec-blog .play-button.stop:after{display:none}
