{"title":"LISETTE-3シーズン着られるコットンリネンのニット2型","description":"\u003cdiv id=\"ls220902\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1554\/0413\/files\/top_cottonlinenknit0412.jpg?v=1680844978\"\u003e\n\u003cp\u003eコットンリネンで編んだサマーニット《シャルリーヌ》と《イデア》が入荷しました。 糸はシンプルで上質な素材が揃うイタリアsesia社のもの。さらっとしたドライタッチな肌触りと美しい光沢が魅力です。\u003c\/p\u003e\n\u003cbr\u003e \u003cbr\u003e\n\u003cdiv class=\"grid50\"\u003e\n\u003cdiv class=\"zoomInText\"\u003e\n\u003cspan class=\"mask\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1554\/0413\/files\/top_cottonlinenknit_sharu.jpg?v=1681113642\"\u003e \u003c\/span\u003e\n\u003cp class=\"item\"\u003e半袖ニット：シャルリーヌ\u003c\/p\u003e\n\u003cp\u003e極上の糸だからこそできるシンプルなデザインの半袖ニット。中に着るものを調整すれば、春夏秋と3シーズン着回しが可能です。 春夏は一枚でTシャツのように、秋はカットソーやシャツとの重ね着を楽しんで。\u003c\/p\u003e\n\u003cdiv class=\"btn\"\u003e\u003ca href=\"\/products\/ls-501216\"\u003eシャルリーヌを見る\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zoomInText\"\u003e\n\u003cspan class=\"mask\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1554\/0413\/files\/top_cottonlinenknit_idea.jpg?v=1680844978\"\u003e \u003c\/span\u003e\n\u003cp class=\"item\"\u003eカーディガン：イデア\u003c\/p\u003e\n\u003cp\u003eカットソーやブラウス、ワンピースに羽織るスタイリングから肩掛けなど、幅広い着こなしを品良く格上げしてくれるカーディガン。春夏には冷房対策や日差し除けとしても重宝します。\u003c\/p\u003e\n\u003cdiv class=\"btn\"\u003e\u003ca href=\"\/products\/ls-501193\"\u003eイデアを見る\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1554\/0413\/files\/top_cottonlinenknit_idea2_7e935e43-9ae4-494b-97d6-d0e14adfc382.jpg?v=1681113678\"\u003e\n\u003cp class=\"item\"\u003e【オンライン限定商品】イデア\/ブラン\u003c\/p\u003e\n\u003cp\u003eオンラインブティック限定でブラン（白）色もご紹介中です。一年中着まわせるカーディガンとして重宝します。ブランは数が少ないのでお早めに。\u003c\/p\u003e\n\u003cdiv class=\"btn\"\u003e\u003ca href=\"\/products\/ls-501193\"\u003e【オンライン限定商品】イデア\/ブランを見る\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n#ls220902 {\n        width: 100%;\n        margin: 0 auto;\n    }\n\n    #ls220902 h3 {\n        margin-top: 10px;\n    }\n\n    #ls220902 h3 {\n        margin-top: 10px;\n        text-align: center;\n    }\n\n\n    #ls220902 .btn {\n        border: 1px solid #808080;\n        padding: 10px 30px;\n        text-decoration: none;\n        text-align: center;\n        width: fit-content;\n        margin: 0 auto;\n        margin-top: 30px;\n        margin-bottom: 50px;\n    }\n\n    #ls220902 .btn a,\n    #ls220902 .btn a:hover,\n    #ls220902 .btn a:visited {\n        color: inherit;\n        text-decoration: none;\n    }\n\n\n    .zoomInText {\n        \/*テキストの基点となる位置を定義*\/\n        position: relative;\n    }\n\n    .zoomInText span.mask {\n        position: relative;\n        transition: .3s ease-in-out;\n        \/*移り変わる速さを変更したい場合はこの数値を変更*\/\n        display: block;\n        \/*画像をくくるspanタグをブロック要素にする*\/\n        line-height: 0;\n        \/*行の高さを0にする*\/\n        overflow: hidden;\n        \/*拡大してはみ出る要素を隠す*\/\n    }\n\n    .zoomInText:hover span.mask::before {\n        \/*hoverした時の変化*\/\n        content: \"\";\n        position: absolute;\n        z-index: 2;\n        \/*top: 10px;\n        left: 10px;\n        width: calc(100% - 20px);\n        height: calc(100% - 20px);\n        background: rgba(0, 0, 0, 0.5);*\/\n        \/*背景色*\/\n    }\n\n    .zoomInText img {\n        transform: scale(1);\n        filter: blur(0);\n        transition: .3s ease-in-out;\n        \/*移り変わる速さを変更したい場合はこの数値を変更*\/\n    }\n\n    .zoomInText .capBefore {\n        color: #fff;\n        position: absolute;\n        bottom: 5%;\n        right: 5%;\n        line-height: 2em;\n        font-size: 1.1em;\n    }\n\n    .zoomInText:hover img {\n        \/*hoverした時の変化*\/\n        \/*transform: scale(1.2);*\/\n        \/*拡大の値を変更したい場合はこの数値を変更*\/\n        \/*filter: blur(2px);*\/\n        \/*ぼかし具合を変更したい場合はこの数値を変更*\/\n    }\n\n    .zoomInText:hover .capBefore {\n        display: none;\n        transition: .5s ease-in-out;\n    }\n\n    .zoomInText span.cap {\n        opacity: 0;\n        transition: .5s ease-in-out;\n        \/*移り変わる速さを変更したい場合はこの数値を変更*\/\n        position: absolute;\n        z-index: 3;\n        \/*テキストを前面に出す*\/\n        transform: translate(-50%, -50%);\n        color: #fff;\n        \/*テキストの色を変えたい場合はここを修正*\/\n        text-shadow: 1px 1px 2px #333;\n        line-height: 1.5;\n        \/*行の高さを1.5にする*\/\n    }\n\n\n    .zoomInText:hover span.cap {\n        \/*hoverした時の変化*\/\n        opacity: 1;\n    }\n\n    .zoomInText span.cap a:hover,\n    .zoomInText span.cap a:link,\n    .zoomInText span.cap a:active,\n    .zoomInText span.cap a:visited {\n        text-decoration: none;\n        color: #FFF;\n        line-height: 2em;\n    }\n\n    .item {\n        text-align: center;\n        margin-top: 0;\n        padding-bottom: 10px;\n        font-weight: bold;\n    }\n\n\n    \/*========= レイアウトのためのCSS ===============*\/\n\n\n    \/*画像のレスポンシブ*\/\n\n    #ls220902 img {\n        width: 100%;\n        height: auto;\n    }\n\n\n    \/*　横幅　*\/\n\n    #ls220902 .zoomInText {\n        width: 95%;\n        margin: 0 auto;\n        \/*中央揃え*\/\n    }\n\n    .grid50 div span img {\n        margin-top: 0 !important;\n        margin-bottom: 0 !important;\n    }\n\n\n\n    @media screen and (min-width: 768px) {\n\n        \/*ここにPC用スタイルを記述*\/\n        #ls220902 .slide_show {\n            min-width: 1500px;\n            overflow: hidden;\n        }\n\n        #ls220902 .slide_wrap {\n            height: 400px;\n        }\n\n        #ls220902 .slide_content {\n            width: 300px;\n            height: 400px;\n        }\n\n        .slide_show {\n            animation: loop-slide 30s infinite linear 1s both;\n        }\n\n        @keyframes loop-slide {\n            from {\n                transform: translateX(0);\n            }\n\n            to {\n                transform: translateX(-100%);\n            }\n        }\n\n        .grid50 {\n            display: grid;\n            grid-template-rows: auto;\n            grid-template-columns: 50% 50%;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .grid50\u003ediv:nth-child(odd) {\n            margin: 1px 1px 1px 0;\n        }\n\n        .grid50\u003ediv:nth-child(even) {\n            margin: 1px 0 1px 1px;\n        }\n\n\n\n    }\n\n    @media screen and (max-width: 767px) {\n\n        \/*ここにモバイル用スタイルを記述*\/\n\n\n\n        #ls220902 .slide_wrap {\n            height: 300px;\n        }\n\n        #ls220902 .slide_content {\n            width: 225px;\n            height: 300px;\n        }\n\n        .slide_show {\n            animation: loop-slide 25s infinite linear 1s both;\n        }\n\n        @keyframes loop-slide {\n            from {\n                transform: translateX(0);\n            }\n\n            to {\n                transform: translateX(-100%);\n            }\n        }\n\n        .grid50 {\n            display: block;\n        }\n\n        .grid50\u003ediv {\n            margin: 1px;\n        }\n\n        .item {\n            text-align: center;\n            margin-top: 0;\n            padding-bottom: 10px;\n            font-weight: bold;\n        }\n\n    }\n--\u003e\u003c\/style\u003e","products":[],"url":"https:\/\/envelope.co.jp\/collections\/lisette-charline_idea.oembed","provider":"Envelope - エンベロープオンラインショップ","version":"1.0","type":"link"}