ÿþ<html lang="ja"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="../frameworks/js/jquery.yycountdown.js" type="text/javascript" charset="utf-8"></script> <style> #olympicDate { text-align: center; font-size: 10px; } .yycountdown-box { text-align: center; margin: -5px 0; color: #000000; } #timerOlympic{ line-height:25px; } #timerOlympic .yycountdown-box .yyc-day { font-size: 15px; color: #e81313; } #timerOlympic .yycountdown-box .yyc-hou { font-size: 15px; color: #e81313; } #timerOlympic .yycountdown-box .yyc-min { font-size: 15px; color: #e81313; } #timerOlympic .yycountdown-box .yyc-sec { font-size: 15px; color: #e81313; } #timerOlympic .yycountdown-box .yyc-day-text, #timerOlympic .yycountdown-box .yyc-hou-text, #timerOlympic .yycountdown-box .yyc-min-text, #timerOlympic .yycountdown-box .yyc-sec-text { font-size: 10px; } ul.side-coupon { width: 125px; margin: 0; padding: 0; } ul.side-coupon>li { list-style-type: none; margin-bottom: 10px; padding: 0; } .coupon-title { font-size: 12px; font-weight: bold; display: block; text-align: center; margin-bottom: 5px; line-height: 1.4; color: #333 !important; } ul.side-coupon>li:last-child { margin-bottom: 0; } ul.side-coupon>li>a { display: block; border-radius: 3px 3px ; padding: 7px 3px 3px 3px; margin: 0; text-decoration: none; line-height: 1.1; font-size: 10px; font-weight: bold; text-align: center; background: #eade4a; color: #444 !important; } span.border:after { content: ''; border-bottom: 1px dotted #fff; padding-top: 3px; margin-bottom: 3px; display: block; } ul.side-coupon>li>a:hover { color: #ccc !important; background: #f2f2f2; } ul.side-coupon>li>a:hover>span.border:after { border-bottom: 1px dotted #ccc; } .cost { font-size: 28px; } .font-m { font-size: 12px; } .font-s { font-size: 10px; } p.rcm { width: 110px; margin: 10px 0; padding: 0 5px; font-size: 13px; } p.rcm>a { font-size: 13px; font-weight: normal; display: block; width: 100%; margin: 0 auto; padding: 12px 0; text-align: center; text-decoration: none; color: #fff; border: 1px solid #c3081c; background-color: #c3081c; } </style> <title>¯0ü0Ý0ó0</title> </head> <body style="overflow:hidden;background:rgba(255, 255, 255, 0.8);"> <ul class="side-coupon"> <il class="coupon-title">J0·ŒD0irÞ0é0½0ó0ÿ<br>šgpeP–š[<br> ¯0ü0Ý0ó0M‘^-N ¼%<br> <span class="font-s"> <)R(ug“•><br>5/11 17:00 ~<br>5/18 9:59 </span> <div id='olympicDate'>g“•B}†N~0g0B0h0</div><div id='timerOlympic'></div> </il> <li><a href="https://coupon.rakuten.co.jp/getCoupon?getkey=SUxFUy1OT0FLLTdSNDctTlo3RA--&rt=" target="_blank"><span class="border">150šgP–š[!<br>3,000†QåN Ng0OH0‹0</span><span class="cost">100</span><span class="font-m">†Q<br>OFF¯0ü0Ý0ó0</span></a></li> <li><a href="https://coupon.rakuten.co.jp/getCoupon?getkey=SElCUS1KS0dTLUpHOUotUjdGSA--&rt=" target="_blank"><span class="border">50šgP–š[!<br>7,000†QåN Ng0OH0‹0</span><span class="cost">350</span><span class="font-m">†Q<br>OFF¯0ü0Ý0ó0</span></a></li> <li><a href="https://coupon.rakuten.co.jp/getCoupon?getkey=V1JFQy1UVFhOLThZVVYtSzFLRw--&rt=" target="_blank"><span class="border">25šgP–š[!<br>15,000†QåN Ng0OH0‹0</span><span class="cost">800</span><span class="font-m">†Q<br>OFF¯0ü0Ý0ó0</span></a></li> <li><a href="https://coupon.rakuten.co.jp/getCoupon?getkey=RFVJQi1YVExTLUxJRTktWEo2Uw--&rt=" target="_blank"><span class="border">7šgP–š[!<br>50,000†QåN Ng0OH0‹0</span><span class="cost">3,000</span><span class="font-m">†Q<br>OFF¯0ü0Ý0ó0</span></a></li> </ul> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="../frameworks/js/jquery.yycountdown.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $('#timerOlympic').yycountdown({ endDateTime: '2019/05/18 09:59:59' }); </script> </body> </html>