ピュアリティbyダイヤ クリア

Purity byDiya CLEAR(ピュアリティbyダイヤ クリア)
使用期限 レンズ直径 ベースカーブ 度数
1DAY/1日 14.0mm 8.6mm ±0.00~-10.00

Purity byDiya CLEAR(ピュアリティbyダイヤ クリア)

開催中のキャンペーン

【公式サイト特別企画】2箱まとめ買いで1,100円OFF

ピュアリティ2箱まとめ買いで割引キャンペーン

『ピュアリティbyダイヤ クリア(1箱30枚入)』を2箱同時購入いただくと、1,100円OFFに!
カラー・度数の組み合わせも完全自由!対象商品を2点カートへ入れて頂くと、自動的に割引適用となります。

ブルーライトから瞳を守る

自然派クリアレンズで手軽にブルーライト&UVケア。

やさしく快適に瞳を守ってくれる新技術で長時間でも快適な着け心地。

ピュアリティで目をやさしく守ろう

【公式】今田美桜ちゃん新イメージモデル「Purity byDiya」PV

Diyaシリーズから初のクリアレンズ「ピュアリティ」が登場。至近距離でもかわいい今田美桜ちゃんの魅力と共にブルーライト&UVをWカットしてくれるピュアリティをムービーでチェック!

2件中 1-2件表示

今田美桜イメージモデル
ピュアリティbyダイヤ クリア【5枚入り】

  • 取り寄せ
  • 1DAY / 1日
  • 1箱5枚入り
  • クリアコンタクト
  • ブルーライトカット
  • UVカット
  • 度あり
  • 度なし
販売価格 ¥ 407 税込

今田美桜イメージモデル
ピュアリティbyダイヤ クリア

  • 取り寄せ
  • 1DAY / 1日
  • 1箱30枚入り
  • クリアコンタクト
  • ブルーライトカット
  • UVカット
  • 度あり
  • 度なし
販売価格 ¥ 2,178 税込
2件中 1-2件表示

Ranking/ 人気ランキング

  • 1DAY / 1日
  • 2WEEK / 2週間
  • 1MONTH / 1ヶ月
  • COSME / コスメ

Campaign/ キャンペーン商品

Diya series/ 【サンシティ公式】ダイヤシリーズ

前へ
次へ

Speed Shipping/ 即日配送

時間
以内のご注文で

前へ
次へ
/* 【基本CSS】 */ /* ブランドページ全体の指定なしテキストカラー */ #contact_brand { width: 100%; max-width: 100%; color: #3D3D3D; } /* セクションごとの下部余白 */ #contact_brand section{ margin-bottom: 30px; } /* ブランドページの画像スタイル */ #contact_brand img{ width: 100%; vertical-align: top; } /* h1ブランドタイトル */ #contact_brand h1 { font-size: 18px; text-align: center; background-color: #F4F4F4; padding: 20px 10px; margin: 0; font-weight: bold; } /* スペックエリアのスタイル */ #contact_brand .spec_area { display: flex; flex-wrap: wrap; margin: 10px 0; } #contact_brand .spec_area table { width: 100%; border-spacing: 2px; border-collapse:separate; } #contact_brand .spec_area th { width: calc(100%/5); font-size: 12px; font-weight: bold; text-align: center; color: #FFF; background: #aaa; padding: 4px; } #contact_brand .spec_area td { font-size: 12px; text-align: center; background: #ddd; padding: 4px; } /* レンズラインナップ部分スライド */ .scroll_content { /* リスト全体のスタイル */ display: flex; width: 100%; margin: 0 0 30px 0; padding: 0; overflow-x: auto ; } .scroll_content li { /* 各リストのスタイル */ width: calc(100%/5); padding: 3px 3px 15px 3px; flex-shrink: 0; list-style: none; } .scroll_content a { /* テキストのスタイル(カラー名) */ text-decoration: none; opacity: 1; } .scroll_content p { /* テキストのスタイル(カラー名) */ font-size: 10px; text-align: center; margin-bottom: 5px; position: relative; display: flex; justify-content: center; align-items: center; padding: 5px 15px 5px 5px; color: #D291AB; transition: 0.3s ease-in-out; font-weight: 600; border: #D291AB solid 2px; border-radius: 50px; z-index:0; overflow: hidden; } .scroll_content p:before { font-family: "Font Awesome 5 Free"; content: "\f0da"; font-size: 14px; line-height: 1; position: absolute; right: 5px; padding: 0 5px; border-radius: 60px; z-index: 2; } .scroll_content p:after { content: ""; position: absolute; top: 0; bottom: 0; width: 0; display: block; background: #D291AB; transition: .3s; left:0; } .scroll_content p:hover:after { width: 100%; z-index: -1; } .scroll_content p:hover { color: #ffffff; } .scroll_content::-webkit-scrollbar { height: 16px; /* スクロールバーの高さ */ } .scroll_content::-webkit-scrollbar-thumb { background: #D291AB; /* ツマミの色 */ border-radius: 10px; /* ツマミ両端の丸み */ border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent; border-right: 4px solid transparent; background-clip: padding-box; } .scroll_content::-webkit-scrollbar-track { margin: 0 20px; background: #ddd; /* トラックの色 */ border-radius: 10px; /* トラック両端の丸み */ } /* ブランドコンセプト */ .concept_area { position: relative; margin: 20px 0px; padding: 25px 20px; border: #FFE4ED solid 30px; border-radius: 10px; } .concept_area p { padding: 0 10px; font-size: 14px; line-height: 1.8; } .concept_area .textfade_left {/* コンセプト見出し左からフェードイン */ font-size: 18px; font-weight: bold; padding-bottom: 10px; -webkit-transition: 1.5s ease-in-out; -moz-transition: 1.5s ease-in-out; -o-transition: 1.5s ease-in-out; transition: 1.5s ease-in-out; transform: translateX(-10px); opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; } .concept_area .textfade_left.on { opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; transform: translateX(0); } .imgfade_up {/* LP画像下からフェードイン */ transition: 1.5s ease-in-out; transform: translateY(30px); opacity: 0; } .imgfade_up.on { transform: translateY(0); opacity: 1.0; } .marker {/* コンセプト本文マーカースタイル */ display: inline; position: relative; background-image: linear-gradient(90deg, #ffc0cb, #ffc0cb); background-repeat: no-repeat; background-position: bottom left; background-size: 0 40%; transition-property: all; transition-duration: 2s; transition-delay: 0s; transition-timing-function: ease-in-out; } .marker.active { background-size: 100% 40%; } /* h2見出し章のスタイル */ #contact_brand h2 {/* h2見出しアイコンのスタイル */ font-size: 18px; border-bottom: #3D3D3D dotted 1px; margin-top: 20px; padding: 0px 5px; font-weight: bold; } #contact_brand .fa-circle {/* h2見出しアイコンのスタイル */ color: #ffc0cb; padding: 5px; } /* h3小見出しのスタイル */ #contact_brand h3 { font-size: 16px; position: relative; background: #FFE4ED; padding: 7px 5px 7px 40px; margin: 20px 10px 20px 20px; color: #474747; border-radius: 10px; font-weight: bold; } /* レンズ詳細・着レポエリアのh3小見出しのスタイル */ #contact_brand .spec_repo_area h3:before { font-family: "Font Awesome 5 Free"; content: "\f06e"; display: inline-block; line-height: 40px; position: absolute; padding: 0em; color: white; background: #ffc0cb; font-weight: 900; width: 40px; text-align: center; height: 40px; line-height: 40px; left: -1.35em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: solid 3px white; border-radius: 50%; } /* キャンペーンエリアのh3小見出しのスタイル */ #contact_brand .campaign_area h3:before { font-family: "Font Awesome 5 Free"; content: "\f004"; display: inline-block; line-height: 40px; position: absolute; padding: 0em; color: white; background: #ffc0cb; font-weight: 900; width: 40px; text-align: center; height: 40px; line-height: 40px; left: -1.35em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: solid 3px white; border-radius: 50%; } /* キャンペーンエリアのスタイル */ #contact_brand .resize_img {/* キャンペーンバナーのサイズ縮小 */ width: 90%; margin: 10px auto; display: block; } #contact_brand .campaign_area p {/* キャンペーンテキスト本文のスタイル */ font-size: 14px; max-width: 90%; /* ここに動画の横幅を指定 */ margin: 0 auto; margin-bottom: 25px; } /* YouTube・動画エリアのスタイル */ #contact_brand .movie_area {/* 動画の幅・配置のスタイル */ max-width: 90%; /* ここに動画の横幅を指定 */ margin: 25px auto; font-size: 14px;/* pテキスト本文のスタイル */ } #contact_brand .youtube {/* 動画の幅・配置のスタイル */ position: relative; width:100%; height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */ padding-top: 56.25%; /* 動画の高さを指定 */ margin-bottom: 10px; } #contact_brand .movie_area iframe {/* 動画のifremeに対するスタイル */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #contact_brand .movie_area p {/* 動画テキストの下部余白 */ margin-bottom: 50px; } /* 購入誘導リンクボタンのスタイル */ .button_2column { /* リスト全体のスタイル */ display: flex; width: 100%; padding: 0; margin: 15px 0px; } .button_2column li { /* 各リストのスタイル */ width: 100%; list-style: none; padding: 0 5px; } .button_2column a { /* テキストのスタイル(カラー名) */ text-decoration: none; opacity: 1; } .button_2column p { /* テキストのスタイル(カラー名) */ font-size: 14px; text-align: center; margin: 0; position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 15px 15px 15px 5px; color: #ffffff; transition: 0.3s ease-in-out; font-weight: 600; border: #FF88A4 solid 2px; border-radius: 10px; z-index:0; overflow: hidden; background-color: #FF88A4; } .button_2column p .fa-cart-shopping{ /* 商品ページを見るのカートマーク */ font-size: 16px; margin-right: 10px; } .button_2column p:before { font-family: "Font Awesome 5 Free"; content: "\f0da"; font-size: 14px; line-height: 1; position: absolute; right: 5px; padding: 0 5px; border-radius: 60px; } .button_2column p:hover:after { width: 100%; } .button_2column p:hover { color: #F6E9A5; } /* 装着画像部分スライダー */ #contact_brand .color_container { width: 100%; margin-bottom: 50px; } #contact_brand .container { margin: 30px auto; width: 90%; } #contact_brand .container img { height: auto; width: 100%; padding: 0 10px; } #contact_brand .spec_repo_area table {/* カラー別スペックエリア */ font-size: 14px; border-collapse: collapse; /* セルの線を重ねる */ width: 90%; margin: 0 auto; margin-top: 40px; margin-bottom: 10px; border: solid #FFAFCA 1px; } #contact_brand .spec_repo_area th,td { padding: 2px 10px; /* 余白指定 */ text-align: left; } #contact_brand .spec_repo_area th { background-color: #FFE4ED; /* 背景色指定 */ font-weight: normal; /* 文字の太さ指定 */ position: relative; /* 位置指定 */ z-index: 10; /* 重なり調整 */ width: 30%; } #contact_brand .spec_repo_area td { padding: 0 10px; /* 余白指定 */ width: 60%; } #contact_brand .spec_repo_area tr { border-bottom: dotted #FF85AE 1px; /* 線指定 */ } #contact_brand .spec_repo_area .color_comment {/* レポ本文のテキストスタイル */ font-size: 14px; max-width: 90%; margin: 0 auto; margin-top: 35px; margin-bottom: 10px; position: relative; border-top: solid 2px #FFE4ED; border-bottom: solid 2px #FFE4ED; line-height: 1.7; padding: 0.4em 0.5em; } #contact_brand .spec_repo_area .color_comment:after { /*レポ本文のタブ*/ position: absolute; font-family: "Font Awesome 5 Free"; content: '\f0eb\ おすすめポイント'; font-weight: 900; background: #FFE4ED; color: #FF85AE; left: 0px; bottom: 100%; border-radius: 5px 5px 0 0; padding: 7px 5px; font-size: 12px; line-height: 1; letter-spacing: 0.05em; } /* 【スマホ用CSS】 */ @media screen and (max-width: 480px) { /* 480px以下に適用されるCSS(スマホ用) */ #contact_brand { max-width: 100%; overflow:hidden; } /* h2見出し章のスタイル */ #contact_brand h2 {/* h2見出しアイコンのスタイル */ font-size: 16px; } /* h3小見出しのスタイル */ #contact_brand h3 { font-size: 14px; } .scroll_content { /* リスト全体のスタイル */ display: flex; width: 100%; margin: 0; padding: 0; } .scroll_content ul { /* リスト全体のスタイル */ max-width: 99%; } .scroll_content li { /* 各リストのスタイル */ width: calc(100%/3.5); padding: 3px; flex-shrink: 0; list-style: none; } .scroll_content::-webkit-scrollbar {/* スクロールバー非表示 */ display: none; } /* ブランドコンセプト */ .concept_area { position: relative; margin: 20px 5px; } .concept_area p { padding: 0 10px; font-size: 14px; line-height: 1.5; } .concept_area .textfade_left {/* コンセプト見出し左からフェードイン */ font-size: 16px; } /* 購入誘導リンクボタンのスタイル */ .button_2column p { /* テキストのスタイル(カラー名) */ font-size: 12px; padding: 10px 15px 10px 5px; } .button_2column p .fa-cart-shopping{ /* 商品ページを見るのカートマーク */ font-size: 14px; margin-right: 5px; } }