1. <ul class="cf">
  2. <li>
  3. <img src="img/pain_kouign_amann.jpg" alt="" width="300" height="200">
  4. <dl>
  5. <dt>クイニーアマン</dt>
  6. <dd class="txt">バター風味豊かなサクサクのブリオッシュ生地をキャラメリゼした、すっきりした甘さのカラメルパン。ブルターニュ地方の伝統菓子。</dd>
  7. <dd class="price">¥220</dd>
  8. </dl>
  9. </li>
  10. <li>
  11. <img src="img/pain_pain_melon.jpg" alt="" width="300" height="200">
  12. <dl>
  13. <dt>レモン風味のサクふわメロンパン</dt>
  14. <dd class="txt">レモン汁で風味をつけたパン生地に、表面にサクサクビスケット生地を乗せて焼き上げました。</dd>
  15. <dd class="price">¥260</dd>
  16. </dl>
  17. </li>
  18. <li>
  19. <img src="img/pain_mango_denish.jpg" alt="" width="300" height="200">
  20. <dl>
  21. <dt>フルーツデニッシュ たっぷりマンゴー</dt>
  22. <dd class="txt">デニッシュ生地に宮崎マンゴーをたっぷり乗せて、さっくりと焼き上げました。</dd>
  23. <dd class="price">¥240</dd>
  24. </dl>
  25. </li>
  26. <li>
  27. <img src="img/pain_spandauer.jpg" alt="" width="300" height="200">
  28. <dl>
  29. <dt>スパンダワー</dt>
  30. <dd class="txt">デニッシュ生地になめらかカスタードクリームと香ばしいアーモンドを乗せて、さっくりと焼き上げました。</dd>
  31. <dd class="price">¥250</dd>
  32. </dl>
  33. </li>
  34. <li>
  35. <img src="img/pain_pan_doro.jpg" alt="" width="300" height="200">
  36. <dl>
  37. <dt>パンドーロ</dt>
  38. <dd class="txt">黄卵をたっぷり使った黄金色のパン。しっとりと口溶けがよく、独特の甘みが口の中に広がります。</dd>
  39. <dd class="price">¥390</dd>
  40. </dl>
  41. </li>
  42. <li>
  43. <img src="img/pain_pain_aux_noix.jpg" alt="" width="300" height="200">
  44. <dl>
  45. <dt>パン・オ・ノア</dt>
  46. <dd class="txt">もちっとしたパン生地に、ローストしたくるみをたっぷり練り込んだ、自然な甘みと食感が楽しめるくるみパン。</dd>
  47. <dd class="price">¥390</dd>
  48. </dl>
  49. </li>
  50. </ul>
  1. .itemlist {
  2. max-width: 1024px;
  3. margin: 0 auto;
  4. }
  5. .itemlist li {
  6. float: left;
  7. width: 33.333333%;
  8. padding: 10px;
  9. }
  10. .itemlist li:nth-child(3n+1) {
  11. clear: left;
  12. }
  13. @media screen and (max-width: 767px) {
  14. .itemlist li { width: 50%; }
  15. }
  16. @media screen and (max-width: 414px) {
  17. .itemlist li { width: 100%; }
  18. }
  19. .itemlist dl, .itemlist dd { margin: 0; }
  20. .itemlist dl { text-align: right; }
  21. .itemlist dt, .itemlist .txt { text-align: left; }
  22. .itemlist dt { font-size: .9em; font-weight: 700; }
  23. .itemlist dd { margin-top: .2em; font-size: .8em; }
  24. .itemlist .price { display: inline-block; padding: .1em .5em; background: #eee; }
  25. .itemlist img { width: 100%; height: auto; }
  • クイニーアマン
    バター風味豊かなサクサクのブリオッシュ生地をキャラメリゼした、すっきりした甘さのカラメルパン。ブルターニュ地方の伝統菓子。
    ¥220
  • レモン風味のサクふわメロンパン
    レモン汁で風味をつけたパン生地に、表面にサクサクビスケット生地を乗せて焼き上げました。
    ¥260
  • フルーツデニッシュ たっぷりマンゴー
    デニッシュ生地に宮崎マンゴーをたっぷり乗せて、さっくりと焼き上げました。
    ¥240
  • スパンダワー
    デニッシュ生地になめらかカスタードクリームと香ばしいアーモンドを乗せて、さっくりと焼き上げました。
    ¥250
  • パンドーロ
    黄卵をたっぷり使った黄金色のパン。しっとりと口溶けがよく、独特の甘みが口の中に広がります。
    ¥390
  • パン・オ・ノア
    もちっとしたパン生地に、ローストしたくるみをたっぷり練り込んだ、自然な甘みと食感が楽しめるくるみパン。
    ¥390