.product-row { padding: 4rem 0 1rem; border-top: 1px solid #000; }
.product-row ul { margin-left: -10px; }
.product-row ul li { width: calc((100% - 30px) / 3); margin-left: 10px; padding-bottom: 2rem; }
.product-row ul li .pic { width: 100%; }
.product-row ul li .centered_img { padding-top: 75%; }
.product-row ul li .centered_img img { width: 101%; }
.product-row ul li a:hover .centered_img img { width: 105%; }
.product-row ul li .info { padding: 1rem 6%; }
.product-row ul li .name { font-size: 18px; font-weight: 600; letter-spacing: 0.5px; line-height: 140%; }
.product-row ul li .name small { font-size: 14px; display: inline-block; }
.product-row ul li .txt { font-size: 14px; line-height: 180%; padding-top: 0.5rem; }

.unsta-media-marquee { overflow: hidden; border-top: 1px solid #000; padding: 0.75rem 0; }
.unsta-media-marquee ul { width: 3840px; animation: rtl_animation 42s linear infinite reverse; }
.unsta-media-marquee ul li { font-weight: 100; font-size: 18px; padding: 0 25px; text-align: center; width: 190px; }

.bouncing_logo { padding-top: 6rem; border-top: 1px solid #000; }

.media-list { padding-bottom: 4rem; overflow: hidden; }
.media-list ul { width: 3360px; animation: rtl_animation 42s linear infinite; }
.media-list ul li a { display: block; }
.media-list ul li { width: 280px; padding: 0 12px; box-sizing: border-box; }
.media-list ul li .ttl { font-size: 14px; font-weight: 600; padding: 1rem 0 0.5rem; line-height: 156%; }
.media-list ul li .date { font-size: 12px; color: #808080; }

@keyframes rtl_animation {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* -------------------------------------------- tablet */

@media screen and (max-width: 1100px) {
    .product-row ul li { width: calc((100% - 20px) / 2); }
}

/* -------------------------------------------- sp */

@media screen and (max-width: 767px) { 

    .product-row ul { margin: 0; }
    .product-row ul li { width: 100%; margin: 0; padding-bottom: 1.5rem; }
    .product-row ul li .info { padding: 1rem 4%; }
    .product-row ul li .name { font-size: 16px; }
    .product-row ul li .name small { font-size: 12px; }
    .product-row ul li .txt { font-size: 13px; }

    .unsta-media-marquee ul { width: 2720px; }
    .unsta-media-marquee ul li { font-size: 14px; padding: 0; width: 170px; }

    .bouncing_logo { padding-top: 4rem; }

    .media-list { padding-bottom: 3rem; }
    .media-list ul { width: 2160px; }
    .media-list ul li { width: 180px; padding: 0 6px; }
    .media-list ul li .ttl { font-size: 13px; padding: 0.5rem 0 0.25rem; line-height: 140%; }
    .media-list ul li .date { font-size: 11px; }
}