.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{background-color:var(--color-white,#fff);border-radius:30px 30px 0 0;box-sizing:border-box;padding:6.25rem 15px 7.5rem;width:100%}.co-ec-blog .inner .ca-title-ja-en .ja{color:var(--color-main,#ccc);font-size:36px;letter-spacing:.03em;margin-bottom:19px;text-align:left}.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;font-weight:700;line-height:1.5;white-space:pre-line}.bp-sm .co-ec-blog .inner .description{font-size:1.75rem}.co-ec-blog .inner .blog{-moz-column-gap:15px;column-gap:15px;display:flex;justify-content:center;margin-top:38px;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;margin-bottom:30px;width:50%}.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{transition:opacity .3s;width:100%}.co-ec-blog .inner .blog a:hover{opacity:.5}.co-ec-blog .inner .blog a .image img{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.co-ec-blog .inner .blog .text .tit{display:-webkit-box;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical}.co-ec-blog .inner .blog .text ul{align-items:center;display:flex;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{-moz-column-gap:7px;column-gap:7px;display:flex}.co-ec-blog .inner .blog .new-article .list a .image{aspect-ratio:227/149;min-width:43%;width:43%}.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{aspect-ratio:68/39;border-radius:12px;height:100%;width:100%}.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{display:-webkit-box;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:normal;-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;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.co-ec-blog .inner .article a{position:relative}.bp-sm .co-ec-blog .inner .article a{width:100%}.co-ec-blog .inner .new{background-color:#282828;border-radius:12px;color:var(--color-white,#fff);font-size:10px;font-weight:700;left:7px;letter-spacing:.03em;line-height:1.5;padding:0 4px;position:absolute;top:5px}.co-ec-blog .inner .swiper{overflow:hidden;padding-bottom:42px}.bp-sm .co-ec-blog .inner .swiper{padding-bottom:2.75rem}.co-ec-blog .inner .swiper>.swiper-pagination-bullets{bottom:0;left:-17px}.bp-sm .co-ec-blog .inner .swiper>.swiper-pagination-bullets{display:none}.co-ec-blog .inner .swiper .swiper-pagination-bullet{background:var(--color-main,#ccc);opacity:.3}.co-ec-blog .inner .swiper .swiper-pagination-bullet-active{opacity:1}.co-ec-blog .inner .navigations{bottom:0;justify-content:space-between;top:auto;width:100%}.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%;height:24px;width:24px}.co-ec-blog .inner .navigations .swiper-button-next:after,.co-ec-blog .inner .navigations .swiper-button-prev:after{color:var(--color-main,#ccc);font-size:10px}.co-ec-blog .play-button{align-items:center;background-color:var(--color-bg-sub,#fff);border-radius:7px;bottom:92px;-moz-column-gap:3px;column-gap:3px;cursor:pointer;display:flex;height:14px;justify-content:center;left:calc(50% - 12px);position:absolute;width:23px;z-index:10}.co-ec-blog .play-button:after,.co-ec-blog .play-button:before{background-color:var(--color-main,#ccc);border-radius:1px;content:"";display:block;height:8px;width:2px}.co-ec-blog .play-button.stop:before{clip-path:polygon(0 0,0 100%,100% 50%);height:10px;margin-right:-2px;width:7px}.co-ec-blog .play-button.stop:after{display:none}
