/*↓↓横幅768px以上の端末調整（PCなど）ここから↓↓*/ .fs-l-header__logo .fs-p-logo img { align-self: center; } span.fs-p-searchForm__inputGroup{ width: 35%; margin:0 auto } .fs-l-header__utility .fs-p-logo a { align-self: center; } .fs-p-scrollingCartButton__icon { font-size: 7rem; padding: 15px; } .fs-p-scrollingCartButton__label { font-size: 1.5rem; } /*↓↓トップインスタアーカイブカルーセル画像調整↓↓*/ .instalive-archive-sp img{ padding-left: 20%; width: 300px; } /*↑↑トップインスタアーカイブカルーセル画像調整↑↑*/ /*↓↓トップページ:マウスオーバー時コラム画像色変更↓↓*/ .fs-body-top .fs-pt-column__image:hover { opacity: 0.5 ; } /*↑↑トップページ:マウスオーバー時コラム画像色変更↑↑*/ /*↓↓商品グループページ:マウスオーバー時画像色変更↓↓*/ .fs-c-productListItem__imageContainer img:hover { opacity: 0.5 ; } /*↑↑商品グループページ:マウスオーバー時画像色変更↑↑*/ /*↓↓フリーページ:インスタライブ一覧↓↓*/ .instalive span{ text-align: center; margin: 0 auto; } .instalive span:hover { opacity: 0.5 ; } /*↑↑フリーページ:インスタライブ一覧↑↑*/ /*↓↓フリーページ:そえぶみ箋図鑑↓↓*/ .modal{ z-index:999; } /*↑↑フリーページ:そえぶみ箋図鑑↑↑*/ /*↓↓横幅768px以下の端末調整（ipadや携帯など）ここから↓↓*/ @media screen and (min-width: 768px) { .fs-l-header__utility { grid-template-rows: auto; -ms-grid-rows: auto; } } .fs-c-productListItem__control .fs-c-button--plain { background: #ff7a7a; color: #fff; border-radius: 12px; padding: 2px 10px; font-size: 12px; } .itemList .itemPrice{ color:#4fbaae; flex-grow: 0; } .itemList .itemPrice span{ color:#5c5c5c; font-size: 1.2rem; font-weight:300; } p.itemName,.fs-c-productName__name{ text-decoration:underline; } p.itemName{ flex-grow: 1; } a.itemWrap{ display: flex !important; height: 100%; flex-direction: column; } .fs-c-productListCarousel__list__item{ display: flex !important; height: 100%; flex-direction: column; } .button--detail--list{ background: #ff7a7a; color: #fff; border-radius: 12px; padding: 2px 10px; font-size: 12px; height: 30px; width: 100px; } /* 230816 */ .js-moreBtn{ position: relative; transition: 0.3s; width: 270px; line-height: 20px; padding: 10px 30px; align-items: center; justify-content: center; font-weight: 500; margin: auto; font-size: 14px; background: #fff; border: 1px solid #808080; color: #808080; text-align: center; width: 400px; display: block; margin-top: 20px; } .js-moreBtn:hover{ text-decoration: none; } .js-moreBtn::after { content: ""; display: block; position: absolute; top: 50%; right: 15px; width: 6px; height: 6px; border-top: 1px solid #1b1b1b; border-right: 1px solid #1b1b1b; transform: rotate(135deg); transform-origin: top center; transition: 0.15s; } /*↓↓商品マーク：美濃和紙カラー変更↓↓*/ .minowashi_products-mark{ color: white; background: #c3ae79; } /*↓↓商品マーク：sale用↓↓*/ .original_sale_mark{ color: red; background: white; font-weight: bold; border: 2px solid red; } /*↓↓商品マーク：オリジナル用↓↓*/ .original_sale_mark2{ color: blue; background: white; font-weight: bold; border: 2px solid blue; }