お取り寄せ商品

main#page-main { background-color: #FFF9F8; } /*リスト表示範囲*/ #list-area { max-width: 1140px; padding: 10px; margin: 0 auto; } #list-area h1 { color: #333333; border-bottom: 1px #333333 dotted; margin: 0 0 10px; } ul.list-box { margin: 0; padding: 0; list-style-type: none; } ul.list-box li { margin: 1.5em 0; width: 30%; padding: 12px; border-top: 5px #ED903B solid; border-bottom: 5px #ED903B solid; background-color: #FFF; } ul.list-box a:hover .item-mame { text-decoration: underline; } ul.list-box a:hover .btn { background-color: #ED1C24; } .recommend-list-box { height: 100%; display: flex; flex-direction: column; background-color: #FFF; color: #333333; font-size: 16px; } .img-box img { width: 100%; height: auto; } .item-mame { color: #F15A24; font-weight: bold; padding: 0.5em 0; } .item-content { padding-bottom: 0.5em; border-bottom: 1px #CCCCCC solid; flex-grow: 1; } .item-price { display: flex; align-items: center; padding: 0.5em 0 0; } .item-detail { flex-grow: 1; } /*ボタン*/ .btn-box { margin-top: 10px; text-align: center; } .btn { display: inline-block; padding: 5px 15px; background-color: #ED903B; color: #FFF; } .btn i { margin-left: 0.5em; margin-top: 2px; } /* PC*/ @media print, screen and (min-width: 768px) { ul.list-box { display: flex; flex-wrap: wrap; justify-content: space-between; } /*3列配置調整*/ ul.list-box::after { content: ""; display: block; width: 30%; padding: 12px; } } /* SP */ @media screen and (max-width:767px) { ul.list-box li { width: 100%; box-sizing: border-box; } } /* Tablet */ @media only screen and (min-width: 767px) and (max-width:1024px) { ul.list-box li { width: 48%; box-sizing: border-box; } } /*おすすめマーク*/ .recommend-list-box { position: relative; } .recommend-mark { position: absolute; z-index: 1; top: 5px; left: 8px; color: #ED1C24; background-color: rgba(255,255,255,0.8); padding: 3px 8px; border-radius: 12px; } .recommend-mark i { margin-right: 2px; }