---
# System prepended metadata

title: WEB_SEC-1168 さくさくぱんだ2020春リニューアル｜コーディング

---

# WEB_SEC-1168 さくさくぱんだ2020春リニューアル｜コーディング
# デバイス単位
## PC
- [x] IE11：MVで表示が崩れる幅がある
- [x] IE11でぱんだの顔もっと見るを押したあとに顔を押すととんでもないことになる
## TB
特筆すべき点はなし。コンテンツ単位でのコメントに記載。
## SP
-全体的に大きいかも。。（またフォントをpx指定してくださっているのですが、相対値指定は難しいでしょうか？）

- [x] 固定ヘッダーが小さくなっちゃているよ
## 共通
- [x] Webフォントが共通ヘッダー・フッターにもあたっている
# コンテンツ単位
## KV
- [x] ロゴと製品は固定、背景だけが動くようにしたい（768まで）
- [x] .mv img、left:13％、bottom:40pxくらいにしたい。またbackground-imageも、左をカットして、中心から右のぱんだをたくさんみせるようにしたい。というかロゴも縮小かけるってできるのかな？
## イントロ 2/1OK
- [x] 裏顔に影が。。。（PC）★松隈さん
- [x] {すべてのぱんだをみる}遷移先の位置がズレています（優先度：高）
- [x] <font color="red">2/14起票：左右のマージン幅が違う:cry:</font>
## 製品
### 見出し 2/1OK
- [x] 幅1100pxくらいからLineupとチョコ背景が被ってしまう。希望は「ｐ」の下に余白がPixelにして15pxほどある状態にしたい
	- [x] 同じく幅1100pxくらいから｛すべてのぱんだを見る↓｝と**Lineup**が近くなってしまっている。希望は間に80~100pxほどの余白がほしい。。。
- [x] SP：Lineupの見出し自体がいない。。。
### さくさくぱんだ 
- [x] 画像が大きい（SP）
- [x] 抹茶に続く背景が切れている（SP）
- [x] 1120からSPに切り替わるまでチョコ背景下高さが高い（1125からの切り替えが急激すぎる〜＆959からぱんだのかおが切れちゃった）
- [x] SPの背景左端が切れています;;（公開後）
- [x] 製品画像上の高さが本番より高くなっている
- [x]{詳しくはこちら}が品質ぱんだに被ってしまった
### 抹茶 
- [x] 1980~背景が足りない（PC）
- [x] 品質画像の後ろ処理が甘い ★松隈さん
- [x] 1042あたりから右斜めが崩れはじめ768までの間に左も崩れていく（PC）
- [x] チョコと製品画像の大きさが違う（SP）
- [x] 品質画像がセンターになっていない(767~）
- [x] 左下の抹茶チョコ背景が見切れる（1050~767まで）（優先度：高）
- [x] 768から背景画像がいない（優先度：高）
- [x] 抹茶チョコ背景右上怪しい問題（900くらいから）（コーディングはOK!sakuuji__bg-pc-bottom.pngの画像処理が甘い部分があるので、松隈さんに対応依頼済み。差し替えをお願いします）
    - [x] 453から抹茶下の斜めが崩れる（430くらいからが顕著）
- [x] サイズについて要調整（一回直してくれたぱんだと抹茶とファミリー製品画像の大きさが元に戻っている）
    - [x] SP版、ファミリーパックのサイズ感はよいのですが、さくさくぱんだと抹茶の製品画像が小さいので、もうひと周りくらい大きくしたいです
### ファミリーパック
- [x] そもそも配置が違う・・・・。製品が右が正。↓はそれが原因かも？
	-抹茶からの流れの斜めが崩れている（767~
	-ぱんだコレクションへの切り替えがレイアウト崩れ（320~ずっと）
	-製品がセンターになっていない(767~
	-レイアウト崩れ（768~）
- [x] PC/SPともに製品画像が小さい（個食との比率についてはデザイン参照）（優先度：中）抹茶が大きいです。またファミリーパックもまだ小さいのです、、、）
- [x] 品質画像もチョコと抹茶と異なるので、今一度見直し。（900あたりから製品とかぶる）（優先度：高）
- [x] 1045~SPに切り替わるまで背景下部が切れている（優先度：高）
- [x] SPに切り替わってもずっと背景下部が切れている（優先度：高）
- [x] 幅1253pxくらいからのPC、ぱんだコレクションに切り替わるまでの下部の高さが高い。。。余白110pxくらいを保ちたい。。。
## ぱんだコレクション
- [x] ぱんだの顔、幅1430から1列4つになってしまう。。。SPも気になるがまだ調整中ということで見ないことにします！
- [x] {もっと見る}が効かない
- [x] かおの名前が改行してしまいズレるところがある。
- [x] ｛もっと見る} 開いたあとは｛とじる｝に変化させたいです（優先度：高）
- [x] .column.panda .inner、border-bottom、常に左右のライン幅と同じになるようにしたいです（優先度：中）
- [x] 見出し上のピンクの高さが高すぎるかも。。（優先度：中）
- [x] 吹き出し画像の位置をもう少し内側にしたい（優先度：低）（SPでぱんだコレクション、吹き出しがgifに被りすぎて字が隠れている）
- [x] {とじる}を押したら表示画面もとじた先に連れて行ってほしい〜（戻った先の位置を調整したい。また、ボタンの線がでてる？？？
## LOVEぱんだプロジェクト
### イントロ
- [x] 画像とテキストの合わせ技で見出しを再現してくださっているが、画像にしゃいましょう（他コンテンツも全て）
### パンダサポート基金

- [x] 幅1000pxあたりから薄ピンクボックスの左右空きがなくなってしまう〜〜〜

- [x] シャンシャンの画像が小さい（PC)

- [x] ｛詳しく見る｝ボタンをセンターに

- [x] 数字が全角になっている。全て半角が正

### ビックエコー×さくさくぱんだ

- [x] ｛詳しく見る｝ボタン、黄色塗りを白塗りに（意図：部品を共通化したい）

- [x] 数字が全角になっている。全て半角が正
### スシローアンバサダー
- [x] 余裕があれば説明ボックスの下部と、すしぱんだ画像の下部を合わせたい　（優先度：低）公開後）
- [x] テキストリンクにホバー効果をつけてくださいませ〜。また外部リンクマークをふってくださいませ〜（優先度：高）
- [x] SPのレイアウトが全体的にイマイチ。。（左右のpaddingが大きすぎるなど、、優先度低ですが対応したいです）（優先度：中、必須度：高）（うーん、今度は狭せすぎるかも;;）
## 商品ラインナップ
- [x] 767~520で崩れております。。。
- [x] 見出しが大きい。。。（全体的にフォントをpx指定してくださっているのですが、相対値指定は難しいでしょうか？）
- [x] 860~768の間で「さくさくぱんだ」の「だ」が改行されてしまう。。。対処としてフォントを小さくする、文字間狭める、があるかと思いますが、文字間狭めるは漢字の印象が変わりすぎるので避けたい。フォントを小さくするのもやりたくない。ということで、いつかここも相対値指定にしたいのですが可能でしょうか？（優先度：低、必須度：高）（公開後）
- [x] 上下ともに余白が高すぎるかも。。（優先度：中）（下部がまだ高いかも〜〜50くらいでもいいかなあ？）
- [x] 「商品ラインナップ」の見出しから製品画像が、公開済みと比較して一回り小さくなってしまっているので公開済みと同じにしたい
### ぱんだウィンドオーケストラ
- [x] ホバー効果を与えてください

# 製品情報
## さくさくぱんだ
- [x] おいしさの秘密はさくさくビスケットと2層のチョコレートのバランスの良い組み合わせ。
ミルクチョコレート、ほろにがチョコレート、さくさくビスケットのこだわりの味わいをお楽しみください。
- [x] ```/catalog/chocolate/1110.html```

## さくさくぱんだ京都宇治抹茶
- [x] お茶らしい渋みと旨味が特徴の京都宇治抹茶を100％使用。
 味わい異なる2層の抹茶チョコレートと香ばしさとコクが自信のビスケットとのバランスをお楽しみください。
- [x] ```/catalog/chocolate/1112.html```

## さくさくぱんだファミリーパック
- [x] さくさくのビスケットとミルクチョコの組み合わせがおいしいファミリータイプは、楽しいデザインの内袋が６袋入り。
家族や友達とシェアしてね！
- [x] ```/catalog/chocolate/1120.html```