---
# System prepended metadata

title: WEB_SEC-1400 ピュアラルグミ2020年夏マンゴーリニューアル｜日本語_商品名表示サイズ調整

---

# WEB_SEC-1400 ピュアラルグミ2020年夏マンゴーリニューアル｜日本語_商品名表示サイズ調整

# 担当者凡例
<font color="olivedrab">●</font>：吹越
<font color="orange">●</font>：松隈さん
<font color="plum">●</font>：水野さん

## 6月15日 13:00の確認
- [x] <font color="plum">●</font>： PC・SPともに今度は商品名画像が大きくみえる。
PCのmax-width: 186px、SPのmax-width: 200px; くらいにしてみてください。👇このクラス
![](https://i.imgur.com/wVUZwgI.png)

- [x] <font color="plum">●</font>： SP; 商品名がセンターラインに来ていない
![](https://i.imgur.com/q74aQlC.png)

- [x] あと、商品名のサイズ変更に伴い、ラベルの位置も微調整してみてください。商品名近くにもってきたいのです。英語など参考にやってみてくださいませ。
https://www.kabaya.co.jp/en/catalog/pureral/
※ 最低限のデザイン知識やバランス感覚をもっているとデザイナーさんとの連携もスムーズになり、有意義な連携ができるようになると思うので、その感じを掴んでほしいな、という意図でお願いしています！ 正解はないので、15分悩んでみて決まらなかったら、テストアップしちゃってください！




# WEB_SEC-1362 ピュアラルグミ2020年夏マンゴーリニューアル｜コーディング
## 6月8日 CSS書き換えのためブラウザチェック（2nd）
ベンダープレフィックスつけ漏れのためCSSを更新。
CSSを触るため、表示崩れ、アニメーションが意図したとおりに動いているかなど今一度確認できればと思います。ご協力をお願いします。
## 表示崩れチェック
### SP
- [x] iOS__Safari（吹越）
- [x] Android 6.0__Chrome（吹越）
- [x] Android 9.0__Chrome（吹越）
### PC
- [x] mac 10.15.4__Safari（松隈さん）
- [x] mac 10.15.4__Chrome（松隈さん）
- [x] mac 10.15.4__Firefox（松隈さん）
- [x] windows 10__Microsoft Edge（水野さん）
- [x] windows 10__IE11（水野さん）
- [x] windows 10__Chrome（水野さん）
- [x] windows 10__Firefox（水野さん）
### TB（デベロッパーモード）
- [x] 768*1024（吹越）
- [x] 834*1112（吹越）
## 6月3日 16:00の確認
- [x] SP版のKV、「期間限定」ラベルを右上にもってきたい。
（理由：下に余分な空白が出てしまったため）
![](https://i.imgur.com/WkCw6Ku.png)
- [x] PCの方もテキストと並ぶところは解像度高めでお願いしたいです。画像の下にDropboxのURLを貼りましたので、差し替えお願いします。![](https://i.imgur.com/irswvOy.png)https://www.dropbox.com/s/149i476tlbxz0nw/movie_title_pc.png?dl=0
- [x] こちらも差し替えお願いします。![](https://i.imgur.com/YurNS69.png)https://www.dropbox.com/s/niwt8lc6wg2vdxu/title_moviestory_pc.png?dl=0
- [x] spのラインナップ部分、マンゴーだけちょっと下がってる感じがしたので、画像を作り直しました。![](https://i.imgur.com/wx6BIvl.png)
こちら（https://www.dropbox.com/s/mmh2dvywl4b55kx/product03_sp.png?dl=0　）で差し替えお願いします。


## 2020年6月2日 16:00の確認
- [x] 動画が白桃ママ：~~福田さんに依頼~~ → Web用に<font color="orange">●</font> → 差し替え<font color="plum">●</font>
- [x] <font color="plum">●</font>マンゴーの遷移先を/catalog/gummy/3136.html にしてください。
- [x] <font color="orange">●</font> → <font color="plum">●</font> Brnad Movie 画像が少し粗い？（iOS,Android）
- [ ] <font color="plum">●</font>[WEB_SEC-1347](https://nkohweb.backlog.com/view/WEB_SEC-1347)で対応いたただいバグ修正が反映させていないです……（先祖還りだけは本当に気をつけてほしいのです…… :crying_cat_face:）
![](https://i.imgur.com/cobKhEM.png)
- [x] <font color="plum">●</font>og:description,descriptionにでてくる「ラインナップ」を`ラインアップ`に修正お願いします。
- [x] <font color="plum">●</font>今回ブランドご担当者様のほうで「期間限定」ラベルにこだわりをお持ちのように感じたのでaltにも`ピュアラルグミ マンゴー（期間限定）`と入れてほしいです。!
- [x]<font color="plum">●</font>iPhoneXで見たら、画像が切れちゃってました。- ![](https://i.imgur.com/6eCnqvv.jpg)
- [x] <font color="orange">●</font> → <font color="plum">●</font> SPのKVにも「期間限定」を入れる
## 表示崩れチェック
### SP
- [x] iOS__Safari（吹越）
- [x] Android 6.0__Chrome（吹越）
- [x] Android 9.0__Chrome（吹越）
### PC
- [x] mac 10.15.4__Safari（松隈さん）
- [x] mac 10.15.4__Chrome（松隈さん）
- [x] mac 10.15.4__Firefox（松隈さん）
- [x] windows 10__Microsoft Edge（水野さん）
- [x] windows 10__IE11（水野さん）
- [x] windows 10__Chrome（水野さん）
- [x] windows 10__Firefox（水野さん）
### TB（デベロッパーモード）
- [x] 768*1024（吹越）
- [x] 834*1112（吹越）




