CINXE.COM

リラックマ ごゆるりサイト

<!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <title>リラックマ ごゆるりサイト</title> <meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="fb:admins" content="824216020948884"> <meta property="og:image" content="https://www.san-x.co.jp/rilakkuma/img/logo_sp.png"> <meta property="og:title" content="リラックマ ごゆるりサイト"> <script src="https://widgets.twimg.com/j/2/widget.js" charset="utf-8"></script> <meta name="description" content="サンエックスはキャラクターデザインを通じて、世界中の人々に生活提案できる企業を目指しています。"> <meta name="keywords" content="サンエックス,サンエックス株式会社,san-x,サンエックスネット,就職活動,就職,リクルート情報,モニター会,モニター,ライセンシー,ライセンシーキャラクター,プランナー,,ファンシー文具,文具,文房具,ファンシー紙製品,紙製品,雑貨,バラエティー雑貨,ファンシー雑貨,バラエティーグッツ,生活関連用品,キャラクターグッツ,キャラクター文具,キャラクター雑貨,ぬいぐるみ,リラックマ,コリラックマ,キイロイトリ,ごゆるりブログ,アフロ犬,こげぱん,きれいぱん,すみぱん,クリームパン,たれぱんだ,すあま,やさぐれ,やさぐれ生活,ぶるぶるたいむ,ぽてはむ,なかよしネット,パンダ,ビッツワールド,Bits World,ハムハムちゃん,ピーニーム-,みかんぼうや,モノクロブー,次の日ケロリ,ベビーブー,まめゴマ"> <meta http-equiv="X-UA-Compatible" content="IE=10"> <link rel="stylesheet" type="text/css" href="../css/import.css?2021" /> <link rel="stylesheet" type="text/css" href="../css/character/style.css?2021" /> <link rel="stylesheet" type="text/css" href="css/common.css?2021" /> <link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="screen" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script defer src="../js/jquery.flexslider.js"></script> <script defer src="../js/jquery.meanmenu.js"></script> <script defer src="../js/jquery.meanmenu.min.js"></script> <script type="text/javascript" src="../js/rollerblade.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-52788672-1', 'auto'); ga('send', 'pageview'); </script> <!-- User Heat Tag --> <script type="text/javascript"> (function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'uhjxirB1JN'}); </script> <!-- End User Heat Tag --> <!-- User Heat Tag --> <script type="text/javascript"> (function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'uhcczqG4yJ'}); </script> <!-- End User Heat Tag --> <script type="text/javascript"> $(function(){ $('.flexslider').flexslider(); }); </script> <script type="text/javascript"> $(function(){ $(window).on('load resize', function(){ var w = $(window).width(); var x = 769; if (w < x) { $('header').load('header.html'); $('#entry_list_more').load('/rilakkuma/rilakkuma_news_sp.html'); $('#footer').load('../footer.html'); } else { $('header').load('header.html'); $('#entry_list_more').load('/rilakkuma/rilakkuma_news.html'); $('#footer').load('../footer.html'); } }); }); </script> <script type="text/javascript"> $(function(){ var wid = $(window).width(); if( wid < 768 ){ $('.imgChange img').each(function(){ $(this).attr("src",$(this).attr("src").replace('_pc', '_sp')); }); } }); </script> <script type="text/javascript"> $(function(){ $('img.hover').hover(function(){ $(this).attr('src',$(this).attr('src').replace('_off','_on')); },function(){ $(this).attr('src',$(this).attr('src').replace('_on','_off')); }); }); </script> <style type="text/css"> .flex-control-paging li a{background: #fae7d0;} .flex-control-paging li a:hover {background:#ecc5ad;} .flex-control-paging li a.flex-active {background:#ecc5ad;} .flex-prev:before{background: url(img/top_slider_prev.png) no-repeat 0 0;background-size: contain;} .flex-next:before{background: url(img/top_slider_next.png) no-repeat 0 0;background-size: contain;} .flex-direction-nav a{color: rgb(255 255 255 / 0%) !important;} .subnavi_in li a{color: #7e502f;} .btn1wrapper a{color:#FFF !important;} .btn1wrapper a:before{background: url(img/top_look_btn_before.png);background-size: contain;} .btn1wrapper a:after{background: url(img/top_look_btn_after.png);background-size: contain;} .btn1wrapper a span{background: url(img/top_look_btn.png);background-size: contain;} .btn1wrapper a:hover:before{background: url(img/top_look_btn_before_on.png);background-size: contain;} .btn1wrapper a:hover:after{background: url(img/top_look_btn_after_on.png);background-size: contain;} .btn1wrapper a:hover span{background: url(img/top_look_btn_on.png);background-size: contain;} .news_top .character01{bottom: -1.5em;} .news_top .character02{bottom: -1em;} .news_top:after{background: url(img/news_line.png);} .newsin{background-image: none;background-color:#fffef6;} .newsin:after{background: url(img/news_line.png);} .news_top_time{font-weight: bold;} @media only screen and (max-device-width: 0), screen and (max-width: 768px){ .title{font-size: 1rem !important;} } @media only screen and (max-device-width: 401px), screen and (max-width: 768px){ .btn1wrapper a:before{width: 41px;height: 62px;} .news_top .character01{bottom: -.5em;} } @media only screen and (max-device-width: 0), screen and (max-width: 400px){ .btn1wrapper a:before{width: 34px;height: 52px;} .btn1wrapper a:after{width: 34px;height: 52px;} } @media only screen and (max-device-width: 0), screen and (max-width: 500px){ #subnavi{margin-top: -1.5rem;} } </style> </head> <body class="drawer_bg"> <div id="wrapper" class="wrap"> <!-- header start --> <header> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-52788672-1', 'auto'); ga('send', 'pageview'); </script> </header> <!-- header end --> <!-- main start --> <main id="main"> <main class="mainin"> <!-- slider start --> <div class="flexslider"> <ul class="slides"> <li><a href="../rilakkuma/campaign/basic_flower/" class="imgChange"><img src="img/tpbn/202505goods_rlk_pc.png" alt="リラックマ_BASIC RILAKKUMA Flower" class="ga4_top_slide"></a></li> <li><a href="../unitfesta/" class="imgChange"><img src="img/tpbn/2025sanx_unitfesta_pc.png" alt="サンエックスユニットふぇすた" class="ga4_top_slide"></a></li> <li><a href="https://www.san-x.co.jp/blog/rilakkuma/2025/03/post-5521.html" class="imgChange"><img src="img/tpbn/2025rlk_golf_pc.png" alt="リラックマゴルフ" class="ga4_top_slide"></a></li> <li><a href="../rilakkuma/shuku_seikumashiki_memorialshop/kohrinbo_ishikawa/" class="imgChange"><img src="img/tpbn/2025rlk_seikumashop_ishikawa_pc.jpg" alt="リラックマ_メモリアルSHOP石川" class="ga4_top_slide"></a></li> <li><a href="https://www.san-x.co.jp/blog/toretate/2025/02/315-3.html" class="imgChange"><img src="img/tpbn/202502_sanx_illumi_pc.jpg" alt="サンエックスキャラクターズイルミネーション" class="ga4_top_slide"></a></li> <li><a href="../rilakkuma/campaign/amenochi_hare/" class="imgChange"><img src="img/tpbn/202503goods_rlk_pc.png" alt="リラックマ_雨のち晴れのリラックマ" class="ga4_top_slide"></a></li> <li><a href="../rilakkuma/rilanowa/" class="imgChange"><img src="img/tpbn/2021rilakkuma_rilanowa_pc.png" alt="リラノワ" class="ga4_top_slide"></a></li> <li><a href="../rilakkuma/20th_anniversary/" class="imgChange"><img src="img/tpbn/2023rlk_rkstatementaw_pc.png" alt="RK_ビジョンステートメント" class="ga4_top_slide"></a></li> </ul> </div> <!-- slider end --> <!-- sub1 start --> <!-- navi start --> <nav id="subnavi"> <nav class="subnavi_in"> <ul> <li class="profile zoom2" style="background-color: #fffbc7;"><a href="profile/"><img src="img/navi01.png" alt="プロフィール"><p>プロフィール</p></a></li> <li class="newgoods zoom2" style="background-color: #fce5e8;"><a href="https://www.san-x.co.jp/blog/goods/category/rilakkuma.html"><img src="img/navi02.png" alt="最新グッズ"><p>最新グッズ</p></a></li> <li class="special zoom2" style="background-color: #e3ecf8;"><a href="special/"><img src="img/navi03.png" alt="リラックマヒストリー"><p>ヒストリー</p></a></li> <li class="netshop zoom2" style="background-color: #e3f1e2;"><a href="../event/"><img src="img/navi04.png" alt="イベントカレンダー"><p>イベント<br>カレンダー</p></a></li> <li class="netshop zoom2" style="background-color: #fffbc7;"><a href="../entertainment/?char=rlk&item="><img src="img/navi01.png" alt="エンタメ一覧"><p>エンタメ一覧</p></a></li> <li class="netshop zoom2" style="background-color: #fce5e8;"><a href="https://shop.san-x.co.jp/character/rilakkuma.html?netrlkshop"><img src="img/navi02.png" alt="ネットショップ"><p>ネットショップ</p></a></li> </ul> <ul> <li class="netshop zoom2" style="background-color: #e3ecf8;"><a href="../sns_information"><img src="img/navi03.png" alt="SNS一覧"><p>SNS一覧</p></a></li> <li class="newgoods zoom2" style="background-color:#e3f1e2;"><a href="collection/"><img src="img/navi04.png" alt="いつでもいっしょ♪リラックマ"><p>いつでもいっしょ♪<br>リラックマ</p></a></li> <!--<li class="profile zoom2" style="background-color: #fffbc7;"><a href="https://rilakkuma-tomonokai.jp/"><img src="img/navi01.png" alt="ファンクラブ"><p>ファンクラブ</p></a></li>--> <li class="profile zoom2" style="background-color: #fce5e8;"><a href="http://rilakkumasabo.jp/%EF%BC%9Frtopm"><img src="img/navi02.png" alt="りらっくま茶房 りらっくまの湯"><p>りらっくま茶房<br>りらっくまの湯</p></a></li> <li class="netshop zoom2" style="background-color: #e3ecf8;"><a href="wall/"><img src="img/navi03.png" alt="壁紙プレゼント"><p>壁紙プレゼント</p></a></li> <li class="netshop zoom2" style="background-color: #e3f1e2;"><a href="../rilakkuma/sdgs/"><img src="img/navi05.png" alt="ごゆるりSDGs"><p>ごゆるり<br>SDGs</p></a></li> <li class="profile" style="background-color: #fffbc7;"><img src="img/navi01.png" alt="ファンクラブ"><p style="color: #7e502f;font-weight: 700;">comingsoon</p></li> </ul> </nav> </nav> <!-- navi end --> <!-- sub1 end --> <!--アンサンブルツアー・SDGsバナー start--> <!--<div style="margin: 0 auto;text-align: center;max-width: 900px;"> <ul class="banner_ensemble"> <li><a href="../rilakkuma/ensembletour/ "><img src="img/tpbn/ensemblet_goyururi_bannar_2.png" alt="アンサンブルツアー"></a></li> <li><a href="../rilakkuma/sdgs/ "><img src="img/tpbn/sdgs_goyururi_banner.png" alt="SDGs"></a></li> </ul> </div>--> <!--アンサンブルツアー・SDGsバナー end--> <!-- sub2 start --> <!-- main contents start --> <div id="container"> <div id="sub2"> <div id="character_news" class="top_information_wrapper"> <div class="character_news_wrapperin"> <div class="character_newsin"> <h2><img src="img/h2_news_ttl.png" alt="リラックマニュース"></h2> <div class="btn2wrapper"> <a href="https://www.san-x.co.jp/blog/rilakkuma/" class="top_information_btn btn1"><img src="img/rilakkuma_all_list_off.png" alt="ごゆるりブログへ" class="hover"></a> </div> </div> </div> <div id="news"> <div class="news_wrapper"> <div class="news_top"> <div class="character01"><img src="img/rilakkuma_character01.png" alt="リラックマ"></div> <div class="character02"><img src="img/rilakkuma_character02.png" alt="リラックマ"></div> <img src="img/pin.png" alt="" style="height: 2em;"> </div> <div class="newsin"> <div class="news_list"> <div id="entry_list_more"> </div> </div> </div> </div> </div> </div> <!-- sub2 end --> <!-- sub3 start --> <div id="sub3"> <ul> <li><a href="https://www.youtube.com/playlist?list=PL2nNLUYH9TlTTR3BHGO62PaJ8lkP9QnjJ" class="zoom"><img src="img/bn/movie.png" alt="サンエックスMOVIE" class="ga4_top_square" /></a></li> <li><a href="../rilakkuma/campaign/basic_flower/" class="zoom"><img src="img/bn/202505goods_rlk_sq.png" alt="リラックマ_BASIC RILAKKUMA Flower" class="ga4_top_square" /></a></li> <li><a href="../unitfesta/" class="zoom"><img src="img/bn/2025sanx_unitfesta_sq.png" alt="サンエックスユニットふぇすた" class="ga4_top_square" /></a></li> <li><a href="https://www.san-x.co.jp/blog/rilakkuma/2025/03/post-5521.html" class="zoom"><img src="img/bn/2025rlk_golf_sq.png" alt="リラックマゴルフ" class="ga4_top_square" /></a></li> <li><a href="../rilakkuma/shuku_seikumashiki_memorialshop/kohrinbo_ishikawa/" class="zoom"><img src="img/bn/2025rlk_seikumashop_ishikawa_sq.jpg" alt="リラックマ_メモリアルSHOP石川" class="ga4_top_square" /></a></li> <li><a href="https://www.san-x.co.jp/blog/toretate/2025/02/315-3.html" class="zoom"><img src="img/bn/202502_sanx_illumi_sq.jpg" alt="サンエックスキャラクターズイルミネーション" class="ga4_top_square" /></a></li> <li><a href="../rilakkuma/campaign/amenochi_hare/" class="zoom"><img src="img/bn/202503goods_rlk_sq.png" alt="リラックマ_雨のち晴れのリラックマ" class="ga4_top_square" /></a></li> <li><a href="../rilakkuma/campaign/goyururi_camp/" class="zoom"><img src="img/bn/2024rlk_camp_sq.png" alt="RK_キャンプ" class="ga4_top_square" /></a></li> <li><a href="../rilakkuma/baby/" class="zoom"><img src="img/bn/202312rlk_baby_sq.png" alt="RK_リラックマベビー" class="ga4_top_square" /></a></li> <li><a href="../rilakkuma/theme_park_adventure/" class="zoom"><img src="img/bn/202209rlk_netflix_sq.png" alt="RK_リラックマと遊園地" class="ga4_top_square" /></a></li> <li><a href="../rilakkuma/rilanowa/" class="zoom"><img src="img/bn/2021rilakkuma_rilanowa.png" alt="リラノワ" class="ga4_top_square" /></a></li> <li><a href="https://www.san-x.co.jp/character/detail/?code=SNY" class="zoom"><img src="img/bn/202001rilakkuma_and_sumikko_fes.png" alt="リラックマ&すみっコぐらしフェステイバル" class="ga4_top_square"></a></li> <li><a href="collection/" class="zoom"><img src="img/bn/rilakkuma_collection.png" alt="リラックマcollection" class="ga4_top_square"></a></li> <li><a href="rilakkuma_and_kaoru/" class="zoom"><img src="img/bn/201904netflix.png" alt="リラックマとカオルさん" class="ga4_top_square"></a></li> <li><a href="https://www.san-x.co.jp/mt/mt-search.cgi?search=%E3%83%AA%E3%83%A9%E3%83%83%E3%82%AF%E3%83%9E%E3%82%B9%E3%83%88%E3%82%A2&IncludeBlogs=8&blog_id=5&category=%E3%82%B9%E3%83%88%E3%82%A2%E3%83%96%E3%83%AD%E3%82%B0" class="zoom"><img src="img/bn/shop_blog.png" alt="すみっコショップブログ" class="ga4_top_square" /></a></li> <li><a href="https://shop.san-x.co.jp/limit/2025kiiroitori_sofa?utm_source=sanx_rk&utm_medium=referral&utm_campaign=250404&utm_content=top_sns" class="zoom"><img src="img/bn/shop.png?netrlkside250404" alt="【限定】キイロイトリソファ" class="ga4_top_square" /></a></li> </ul> </div> <!-- sub3 end --> <!-- sub4 start --> <!--<div id="sub4"> <div class="sub4in"> <div class="sub4_left"> <div class="twitter"> <a class="twitter-timeline" width="500" height="350" href="https://twitter.com/rilakkuma_gyr" data-widget-id="611415214257377281">@rilakkuma_gyrさんのツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> <div class="twitter"> <a class="twitter-timeline" width="500" height="350" href="https://twitter.com/Chairoikoguma_5" data-widget-id="611415214257377281">@Chairoikoguma_5さんのツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div>--> <!--<div class="facefook"> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-page" data-href="https://www.facebook.com/RilakkumaRilakkumaSanX" data-width="500" data-height="350" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"> <div class="fb-xfbml-parse-ignore"> <blockquote cite="https://www.facebook.com/RilakkumaRilakkumaSanX"> <a href="https://www.facebook.com/RilakkumaRilakkumaSanX">リラックマ Rilakkuma SAN-X</a> </blockquote> </div> </div> </div>--> <!--</div> <div class="sub4_right"> <img src="img/sub4_rilakkuma.png" alt="リラックマ"> </div> </div> </div>--> <!-- sub4 end --> <!-- youtube start --> <div id="sub5 movie"> <div class="sub5in"> <ul class="moviein"> <li><div class="movie_youtube"><iframe width="800" height="450" src="https://www.youtube.com/embed/do3mSr1Ng2s?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen title="リラックマ「BASIC RILAKKUMA Flower」"></iframe></div></li> <li><div class="movie_youtube"><iframe width="800" height="450" src="https://www.youtube.com/embed/H0KkvxteXrU?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen title="リラックマ「雨のち晴れのリラックマ」"></iframe></div></li> <!--<li><div class="movie_youtube"><iframe width="800" height="450" src="https://www.youtube.com/embed/VHp6guDYERY?list=PLl5uyZnSiwMt3ZlmSV8nOUEwmR5ieZowN " frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div></li>--> </ul> </div> </div> <!-- youtube end --> <!-- sub5 start --> <div id="sub5"> <div class="sub5in"> <!--<div class="movie_youtube"> <iframe width="800" height="450" src="https://www.youtube.com/embed/bEX4MW5ldLY ?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div>--> <ul class="character_sns_rilakkuma_sumikko"> <li class="zoom2" style="background-color:#f7dfc3;"><a href="https://twitter.com/rilakkuma_gyr"><img src="img/character_twitter_sns.png" alt="twitter"></a></li> <li class="zoom2" style="background-color:#f7dfc3;"><a href="https://www.instagram.com/rilakkuma_sanx_official/"><img src="img/character_instagram_sns.png" alt="instagram"></a></li> <li class="zoom2" style="background-color:#f7dfc3;"><a href="https://www.facebook.com/RilakkumaRilakkumaSanX"><img src="img/character_facebook_sns.png" alt="facebook"></a></li> <li class="zoom2" style="background-color:#f7dfc3;"><a href="https://www.tiktok.com/@sanx.official"><img src="img/character_tiktok_sns.png" alt="sanx.official 【公式】リラックマとすみっコぐらしたち"></a></li> </ul> </div> </div> <!-- sub5 end --> <!--<div class="anime1_stage"> <div class="anime1_wrap" data-order="left"> <span class="anime1_item anime"></span> </div> </div>--> <script type="text/javascript"> $(function(){ $(document).ready(function(){ $('.anime1_wrap').on('animationend', function () { if ($(this).attr('data-order') === 'left') { $(this).attr('data-order', 'right'); } else { $(this).attr('data-order', 'left'); } }); }); }); </script> <style> .moviein{display: table;margin: 0 auto;text-align: center;max-width: 1600px;width: 100%;padding-top: 3em;} .moviein li{display: inline-table;width:40%;} .moviein li:nth-child(2){margin-left:2%;} .moviein li iframe{width: 100%;} /*.movie_youtube{ width: 100%; } .movie_youtube iframe{ padding:1em; }*/ .movie_youtube{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width:100%; } .movie_youtube iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 768px) { .movie_youtube{ display: block; } .movie_youtube iframe { padding: 0; } } @media only screen and (max-device-width: 0), screen and (max-width: 640px) { .moviein li{position: relative;width: 90%;/*padding-top: 56.25%;*/} .moviein li iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;} .moviein li:nth-child(2) {margin-left: inherit;} } @media only screen and (max-device-width: 0), screen and (max-width: 500px) { .movie_youtube{ padding-top:0; } } @media only screen and (max-device-width: 0px), screen and (max-width: 400px) { .moviein li{display: block;width: 90%;margin: 1em auto;} .moviein{padding-top: 1em;} } </style> <style> .anime1_item{width: 100px;height: 100px;border-radius: 10px;background-size: 100% 100%;background-position: 0 0;background-repeat: no-repeat;display: block;position: relative;} .anime1_item.anime{animation-name: upDown;animation-iteration-count: infinite;animation-duration: 50s;animation-direction: alternate;animation-timing-function: steps(2);transition-duration: 10s;transition-property: transform;} .anime1_stage{position: relative;width: 100%;height: 65px;top: 0px;display: block;} .anime1_wrap{display: block;position: absolute;top: 20px;animation-fill-mode: forwards;animation-timing-function: linear;animation-duration: 50s;animation-iteration-count: 1;margin-right: -25px;} .anime1_wrap[data-order="left"] {animation-name: GoLeft;background-image: url(img/kiiroitori01.gif);} .anime1_wrap[data-order="right"] {animation-name: GoRight;background-image: url(img/kiiroitori02.gif);} [data-order="right"] > .manime1_item {transform: rotateY(180deg);} @keyframes GoLeft { 0% { right: 10%; } 100% { right: 90%; } } @keyframes GoRight { 0% { right: 90%; } 100% { right: 10%; } } @keyframes upDown { 0% { top: 0; } 100% { top: 3px; } } </style> <!-- main contents end --> </div> </main> </main> <!-- main end --> <!-- footer --> <div id="footer"></div> <!-- footer end --> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- YDNリマーケティング --> <script type="text/javascript" language="javascript"> /* <![CDATA[ */ var yahoo_retargeting_id = 'PGEP82YYJA'; var yahoo_retargeting_label = '';/* ]]> */ </script> <script type="text/javascript" language="javascript" src="//b92.yahoo.co.jp/js/s_retargeting.js"></script> <!-- GoogleAdowordsリマーケティング --> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 1003458717; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1003458717/?value=0&amp;guid=ON&amp;script=0"/> </div> </noscript> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10