ÿþ<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-16" /> <meta http-equiv="Content-Language" content="ja"> <title>¹0¿0¤0ë0ï0ü0¯0¹0°e@wÉ0ì0¹0·0ã0Ä0</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../js/swiper/swiper.css"> <script src="../js/swiper/swiper.js" charset="UTF-8"></script> <style> .titleNew {margin:5px auto 10px auto; width:100%; font-size:35px; text-align:center;} .swiper-wrapper, .swiper-container { margin:0 auto; width:100%; max-width:750px; } .swiper-wrapper { box-sizing:border-box; padding:0; padding:0 0 0 10px; } </style> <script> if(navigator.userAgent.match(/(iPhone|iPod|webOS|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Android.*Mobile)/i)){ document.write('<style>.swiper-slide,img{max-width:31vw;}.titleNew{font-size:20px;}.swiper-slide img{width:90%;}.swiper-container {box-sizing: border-box; padding: 0 10px 0 10px;}.swiper-wrapper {box-sizing:border-box; margin:0 auto; padding:0 20px 0 20px; width:100%; left:-19px;}</style>'); } else { document.write('<style>.swiper-slide{width:20%;}img{max-width:100%;}.swiper-slide img {width:100%;}</style>'); } </script> <script type="text/template" name="rat" id="ratAccountId" value="1"></script> <script type="text/template" name="rat" id="ratServiceId" value="5"></script> <script type="text/template" name="rat" id="ratSiteSection" value="gold"></script> <script type="text/template" name="rat" id="ratAdobeSiteSection" value="shop"></script> <script type="text/template" name="rat" id="ratPageType" value="gold"></script> <script type="text/javascript" src="https://r.r10s.jp/com/rat/js/rat-cdn.js" charset="UTF-8" async defer></script> </head> <body> <div class="titleNew">NEW ITEM</div> <div class="swiper-container"> <div class="swiper-wrapper"><div class="swiper-slide"> <a href="https://item.rakuten.co.jp/styleworks/rld921-456/" target="_top"> <img src="https://tshop.r10s.jp/styleworks/cabinet/rld/92/rld921-456.jpg?downsize=190:*" alt="New Arrival" border="0"></a></div ><div class="swiper-slide"> <a href="https://item.rakuten.co.jp/styleworks/rld921-461/" target="_top"> <img src="https://tshop.r10s.jp/styleworks/cabinet/rld/92/rld921-461.jpg?downsize=190:*" alt="New Arrival" border="0"></a></div ><div class="swiper-slide"> <a href="https://item.rakuten.co.jp/styleworks/rld922-436/" target="_top"> <img src="https://tshop.r10s.jp/styleworks/cabinet/rld/92/rld922-436.jpg?downsize=190:*" alt="New Arrival" border="0"></a></div ><div class="swiper-slide"> <a href="https://item.rakuten.co.jp/styleworks/rld922-451/" target="_top"> <img src="https://tshop.r10s.jp/styleworks/cabinet/rld/92/rld922-451.jpg?downsize=190:*" alt="New Arrival" border="0"></a></div ><div class="swiper-slide"> <a href="https://item.rakuten.co.jp/styleworks/rln200-452/" target="_top"> <img src="https://tshop.r10s.jp/styleworks/cabinet/rln/rln200-452.jpg?downsize=190:*" alt="New Arrival" border="0"></a></div ><div class="swiper-slide"> <a href="https://item.rakuten.co.jp/styleworks/rld519-451/" target="_top"> <img src="https://tshop.r10s.jp/styleworks/cabinet/rld/51/rld519-451.jpg?downsize=190:*" alt="New Arrival" border="0"></a></div ><div class="swiper-slide"> <a href="https://item.rakuten.co.jp/styleworks/rld519-461/" target="_top"> <img src="https://tshop.r10s.jp/styleworks/cabinet/rld/51/rld519-461.jpg?downsize=190:*" alt="New Arrival" border="0"></a></div > </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <script> if(navigator.userAgent.match(/(iPhone|iPod|webOS|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Android.*Mobile)/i)){ var mySwiper = new Swiper ('.swiper-container', { loop: true, slidesPerView: 3, spaceBetween: 1, centeredSlides : true, pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev' }) } else { var mySwiper = new Swiper ('.swiper-container', { loop: true, slidesPerView: 5, spaceBetween: 1, centeredSlides : true, pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev' }) } </script> </body> </html>