CINXE.COM
カラースターショップ - はてな
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" data-theme=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <link rel="apple-touch-icon" sizes="192x192" href="/images/colorstarshop/apple-touch-icon.png?202212" /> <link rel="icon" type="image/png" sizes="256x256" href="/images/colorstarshop/android-chrome-256x256.png?202212" /> <link rel="icon" type="image/png" href="/images/colorstarshop/favicon.png?202212" /> <meta property="og:url" content="https://www.hatena.ne.jp/shop/star" key="og:url" /> <meta property="og:title" content="カラースターショップ" key="og:title" /> <meta property="og:description" content="心を捉えた記事やコメントにスターをつけて、あなたの気持ちを表現しよう。" key="og:description" /> <meta property="og:site_name" content="カラースターショップ" key="og:site_name" /> <meta property="og:type" content="website" key="og:type" /> <meta property="og:image" content="https://www.hatena.ne.jp/images/colorstarshop/ogimage.png?202202" key="og:image" /> <meta property="og:image:width" content="1200" key="og:image:width" /> <meta property="og:image:height" content="630" key="og:image:height" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1, viewport-fit=cover" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="/css/colorstarshop/index.css?20140711" type="text/css" media="all" /> <script async type="text/javascript" src="/js/colorstarshop/index.js?20140711"></script> <script type="text/javascript" src="/js/Ten/Ten.js?20140711"></script> <script type="text/javascript"> if (typeof Hatena == 'undefined') Hatena = {}; if (typeof Hatena.My == 'undefined') Hatena.My = {}; Hatena.My.BaseURL = 'http://www.hatena.ne.jp/'; </script> <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/js/Hatena/My/Shop/Star/ParentAgree.js"></script> <script type="text/javascript" src="/js/Hatena/My/Shop/Star.js"></script> <title>カラースターショップ - はてな</title> </head> <body id="hatena-shop-star"> <script src="/js/header.ja.js" charset="utf-8"></script><header id="header"> <a href="https://s.hatena.ne.jp/" class="hatenastarLogo"> <img src="/images/colorstarshop/hatenastar.svg" alt="はてなスター" title="はてなスター" width="40" height="40" /> </a> <h1> <a href="/shop/star"> <img src="/images/colorstarshop/starshop-logo.png" alt="カラースターショップ" title="カラースターショップ" width="40" height="40" /> カラースターショップ </a> </h1> <div class="userIcon"><a href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fwww.hatena.ne.jp%2Fshop%2Fstar%3Fvia%3D190000"> <img src="/images/colorstarshop/icon-guest.svg" alt="ゲスト" width="32" height="32" /> </a></div> </header><div class="contentWrapper"> <div class="js-shopColor container"> <div class="shopHeader"> <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="400" viewBox="0 0 1200 400" preserveAspectRatio="none" class="headerColorTheme"> <rect x="0" y="0" width="343" height="400" class="headerColor1" /> <rect x="343" y="0" width="514" height="400" class="headerColor3" /> <rect x="857" y="0" width="343" height="400" class="headerColor5" /> <rect x="343" y="0" width="86" height="400" class="headerColor2" /> <rect x="771" y="0" width="86" height="400" class="headerColor4" /> </svg> <p class="tagline"><span>カラーが違えば</span><span>いろいろ楽しい</span></p> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> <div class="shopName"><img src="/images/colorstarshop/packTitle.svg" width="480" height="42" alt="COLOR STAR PACK（カラースターパック）" /></div> <div class="starLoop" style="background-image: url(/images/colorstarshop/starLoop.svg)"></div> </div> <ul class="shopNews"> </ul><div class="shopInfo"> <ul class="colorStarList"> <li><img src="/images/colorstarshop/star-green.svg" alt="グリーンスター" width="44" height="40" /></li> <li><img src="/images/colorstarshop/star-red.svg" alt="レッドスター" width="44" height="40" /></li> <li><img src="/images/colorstarshop/star-blue.svg" alt="ブルースター" width="44" height="40" /></li> <li><img src="/images/colorstarshop/star-purple.svg" alt="パープルスター" width="44" height="40" /></li> </ul> <p>カラースターパックを買って、<span class="kerning"></span><br class="br-narrow " />カラースターを手に入れよう。<span class="kerning" /></span></p> <p>どのカラーが出るかはお楽しみ。<span class="kerning" /></span></p> </div><section class="chargeMethodSection"> <h2>購入方法を選んでください</h2> <div class="selectWrapper"> <select id="js-chargeMethod" name="charge_method"><option value="2" data-form-action="/shop/star.detail#form" data-pay-way="creditcard" selected>クレジットカード</option><option value="5" data-form-action="/shop/star.detail#form" data-pay-way="seveneleven" >セブンイレブン</option><option value="6" data-form-action="/shop/star.detail#form" data-pay-way="lawson" >ローソン</option><option value="7" data-form-action="/shop/star.detail#form" data-pay-way="famima" >ファミリーマート</option></select> </div> </section><section class="productSection" id="products"> <h2>商品を選んでください</h2><ul class="js-productList productList"><li class="js-productItem productItem product-star_box_1018 disabled"><button class="js-starPackWrapper starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1009-pack.svg)" title="50個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </button> <dialog class="js-itemModal itemModal"> <dl class="productDetail"> <dd class="js-starPackWrapper itemImage starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1009-pack.svg)" title="50個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </dd> <dt class="itemName">カラースターパック（50個入り）</dt> <dd class="itemPrice">500 円</dd><dd class="itemDescription">ブルースター出現するかも</dd></dl><form class="js-shopStarForm" name="shop_star_form" action="/shop/star.detail#form" method="POST"> <input type="hidden" name="rkm" value="" /> <input type=hidden name=pay_way value="creditcard"> <input type=hidden name=conv_type value="creditcard"> <input type="hidden" name="charge_method" value="2" /> <input type="hidden" name="product_id" value="1018"> <input type="hidden" name="via" value="190000" /> <a class="button" href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fwww.hatena.ne.jp%2Fshop%2Fstar%3Fvia%3D190000">ログインして購入する</a> </form> <button class="js-modalClose modalClose"><img src="/images/colorstarshop/icon-close.svg" width="32" height="32" title="閉じる" /></button> </dialog> </li><li class="js-productItem productItem product-star_box_1019 disabled"><button class="js-starPackWrapper starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1011-pack.svg)" title="110個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </button> <dialog class="js-itemModal itemModal"> <dl class="productDetail"> <dd class="js-starPackWrapper itemImage starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1011-pack.svg)" title="110個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </dd> <dt class="itemName">カラースターパック（110個入り）</dt> <dd class="itemPrice">1000 円</dd><dd class="itemDescription">ブルースター出現確実</dd></dl><form class="js-shopStarForm" name="shop_star_form" action="/shop/star.detail#form" method="POST"> <input type="hidden" name="rkm" value="" /> <input type=hidden name=pay_way value="creditcard"> <input type=hidden name=conv_type value="creditcard"> <input type="hidden" name="charge_method" value="2" /> <input type="hidden" name="product_id" value="1019"> <input type="hidden" name="via" value="190000" /> <a class="button" href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fwww.hatena.ne.jp%2Fshop%2Fstar%3Fvia%3D190000">ログインして購入する</a> </form> <button class="js-modalClose modalClose"><img src="/images/colorstarshop/icon-close.svg" width="32" height="32" title="閉じる" /></button> </dialog> </li><li class="js-productItem productItem product-star_box_1020 disabled"><button class="js-starPackWrapper starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1012-pack.svg)" title="230個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </button> <dialog class="js-itemModal itemModal"> <dl class="productDetail"> <dd class="js-starPackWrapper itemImage starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1012-pack.svg)" title="230個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </dd> <dt class="itemName">カラースターパック（230個入り）</dt> <dd class="itemPrice">2000 円</dd><dd class="itemDescription">ブルースターが7個以上！</dd><dd class="itemDescription">レアスター出現するかも</dd></dl><form class="js-shopStarForm" name="shop_star_form" action="/shop/star.detail#form" method="POST"> <input type="hidden" name="rkm" value="" /> <input type=hidden name=pay_way value="creditcard"> <input type=hidden name=conv_type value="creditcard"> <input type="hidden" name="charge_method" value="2" /> <input type="hidden" name="product_id" value="1020"> <input type="hidden" name="via" value="190000" /> <a class="button" href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fwww.hatena.ne.jp%2Fshop%2Fstar%3Fvia%3D190000">ログインして購入する</a> </form> <button class="js-modalClose modalClose"><img src="/images/colorstarshop/icon-close.svg" width="32" height="32" title="閉じる" /></button> </dialog> </li><li class="js-productItem productItem product-star_box_1021 disabled"><button class="js-starPackWrapper starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1013-pack.svg)" title="351個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </button> <dialog class="js-itemModal itemModal"> <dl class="productDetail"> <dd class="js-starPackWrapper itemImage starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1013-pack.svg)" title="351個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </dd> <dt class="itemName">カラースターパック（351個入り）</dt> <dd class="itemPrice">3000 円</dd><dd class="itemDescription">ブルースターが10個以上！</dd><dd class="itemDescription">レアスター出現確実</dd></dl><form class="js-shopStarForm" name="shop_star_form" action="/shop/star.detail#form" method="POST"> <input type="hidden" name="rkm" value="" /> <input type=hidden name=pay_way value="creditcard"> <input type=hidden name=conv_type value="creditcard"> <input type="hidden" name="charge_method" value="2" /> <input type="hidden" name="product_id" value="1021"> <input type="hidden" name="via" value="190000" /> <a class="button" href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fwww.hatena.ne.jp%2Fshop%2Fstar%3Fvia%3D190000">ログインして購入する</a> </form> <button class="js-modalClose modalClose"><img src="/images/colorstarshop/icon-close.svg" width="32" height="32" title="閉じる" /></button> </dialog> </li><li class="js-productItem productItem product-star_box_1022 disabled"><button class="js-starPackWrapper starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1014-pack.svg)" title="600個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </button> <dialog class="js-itemModal itemModal"> <dl class="productDetail"> <dd class="js-starPackWrapper itemImage starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1014-pack.svg)" title="600個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </dd> <dt class="itemName">カラースターパック（600個入り）</dt> <dd class="itemPrice">5000 円</dd><dd class="itemDescription">ブルースターが20個以上！</dd><dd class="itemDescription">レアスター増量！</dd></dl><form class="js-shopStarForm" name="shop_star_form" action="/shop/star.detail#form" method="POST"> <input type="hidden" name="rkm" value="" /> <input type=hidden name=pay_way value="creditcard"> <input type=hidden name=conv_type value="creditcard"> <input type="hidden" name="charge_method" value="2" /> <input type="hidden" name="product_id" value="1022"> <input type="hidden" name="via" value="190000" /> <a class="button" href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fwww.hatena.ne.jp%2Fshop%2Fstar%3Fvia%3D190000">ログインして購入する</a> </form> <button class="js-modalClose modalClose"><img src="/images/colorstarshop/icon-close.svg" width="32" height="32" title="閉じる" /></button> </dialog> </li><li class="js-productItem productItem product-star_box_1023 disabled"><button class="js-starPackWrapper starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1015-pack.svg)" title="1300個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </button> <dialog class="js-itemModal itemModal"> <dl class="productDetail"> <dd class="js-starPackWrapper itemImage starPackWrapper" style="background-image: url(/images/colorstarshop/star-lineup-1015-pack.svg)" title="1300個入り"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </dd> <dt class="itemName">カラースターパック（1300個入り）</dt> <dd class="itemPrice">10000 円</dd><dd class="itemDescription">ブルースターが40個以上！</dd><dd class="itemDescription">レアスター更に増量！</dd></dl><form class="js-shopStarForm" name="shop_star_form" action="/shop/star.detail#form" method="POST"> <input type="hidden" name="rkm" value="" /> <input type=hidden name=pay_way value="creditcard"> <input type=hidden name=conv_type value="creditcard"> <input type="hidden" name="charge_method" value="2" /> <input type="hidden" name="product_id" value="1023"> <input type="hidden" name="via" value="190000" /> <a class="button" href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fwww.hatena.ne.jp%2Fshop%2Fstar%3Fvia%3D190000">ログインして購入する</a> </form> <button class="js-modalClose modalClose"><img src="/images/colorstarshop/icon-close.svg" width="32" height="32" title="閉じる" /></button> </dialog> </li></ul> <template id="js-productItemTemplate"> <li class="js-productItem productItem"> <button class="js-starPackWrapper starPackWrapper"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </button> <dialog class="js-itemModal itemModal"> <dl class="js-productDetail productDetail"> <dd class="js-starPackWrapper itemImage starPackWrapper"> <div class="starCard"><img src="/images/colorstarshop/colorstarcard.svg" width="274" height="154" /></div> </dd> <dt class="js-productName itemName"></dt> <dd class="js-price itemPrice"></dd> </dl> <form class="js-shopStarForm" name="shop_star_form" method="POST"> <input type="hidden" name="rkm" value="" /> <input type=hidden name=pay_way> <input type=hidden name=conv_type> <input type="hidden" name="charge_method" /> <input type="hidden" name="product_id" /> <input type="hidden" name="via" value="190000" /> <a class="button" href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fwww.hatena.ne.jp%2Fshop%2Fstar%3Fvia%3D190000">ログインして購入する</a> </form> <button class="js-modalClose modalClose"><img src="/images/colorstarshop/icon-close.svg" width="32" height="32" title="閉じる" /></button> </dialog> </li> </template> <template id="js-productDescriptionTemplate"> <dd class="itemDescription"></dd> </template> </section> <div class="ticker"> <div class="tape">カラースターショップへようこそ </div> <div class="tape">カラースターショップへようこそ </div> <div class="tape">カラースターショップへようこそ </div> <div class="tape">カラースターショップへようこそ </div> <div class="tape">カラースターショップへようこそ </div> <div class="tape">カラースターショップへようこそ </div> <div class="tape">カラースターショップへようこそ </div> <div class="tape">カラースターショップへようこそ </div> </div> <section class="aboutSection"> <h2>特別なカラーで世界を彩ろう</h2> <figure style="background-image: url(/images/colorstarshop/starLoop_s.svg)"> <img src="/images/colorstarshop/colorStarImage.svg" alt="カラースター" width="96" height="96" /> </figure> <p>いつもとは違うカラースターをつけて、特別な気持ちを表現しよう。<br class="br-wide" /> カラースターは、はてなの利用状況に応じてプレゼントされたり、<br class="br-wide" /> カラースターパックを購入することで入手できます。</p> </section> <section class="guideSection"> <h2>はてなスターを使ってみよう</h2> <figure> <img src="/images/colorstarshop/starbutton.svg" alt="スターボタン" width="96" height="96" /> </figure> <p>心を捉えた記事やコメントにスターをつけて、<br class="br-wide" /> あなたの気持ちを表現しよう。<br class="br-wide" /> カラフルなスターを選んだり、文章を引用したり、<br class="br-wide" /> インターネットをスターで満たそう。</p> <a class="button" href="https://hatena.zendesk.com/hc/ja/articles/900002669366-%E3%81%AF%E3%81%A6%E3%81%AA%E3%82%B9%E3%82%BF%E3%83%BC%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%82%AC%E3%82%A4%E3%83%89"> はじめてガイドをみる </a> </section><section class="ruleSection"> <h2>注意事項</h2> <ul><li>一度購入したカラースターの払い戻しはできません。</li><li>付けた☆は通常の☆と同様に削除することは可能です。ただし、削除したカラースターは失われ、再利用することができません。 <li>カラースターをつけても、相手がカラースターを使えるようになるわけではありません。</li><li>購入したカラースターは現在ログイン中のアカウントでのみ使用可能です。サブアカウントで使用したい場合はサブアカウントでカラースターを購入する必要があります。</li><li>はてなブログや他のブログサービスなどでサイト管理者がカラースターの画像を変えている場合、通常の色や形状とは異なる場合がありますのでご了承ください。</li><li>退会すると保有していたカラースターは失われます。</li> <li>はてなスターは<a href="https://hatena.zendesk.com/hc/ja/articles/900002377523-%E6%8E%A8%E5%A5%A8%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E7%92%B0%E5%A2%83">推奨ブラウザ環境</a>にてご利用下さい。</li> </ul> </section></div> </div> <footer> <ul class="footerMenu"> <li><a href="/shop/star">ホーム</a></li> <li><a href="https://policies.hatena.ne.jp/rule">利用規約</a></li> <li><a href="https://policies.hatena.ne.jp/privacypolicy-ja">プライバシーポリシー</a></li> <li><a href="https://hatena.zendesk.com/hc/ja">お問い合せ</a></li> <li><a href="https://hatena.co.jp/tokutei">特定商取引法に基づく表示</a></li> </ul> <address> ©2025 <a href="https://www.hatena.ne.jp/" target="_blank" rel="noopener noreferrer">Hatena</a> </address> </footer> </body> </html>