{"title":"23oz. TWO WAYS TO FADE.","description":"\u003cstyle\u003e\n  .bj23 {\n    --black: #111;\n    --grey: #777;\n    --line: #dedede;\n    color: var(--black);\n    background: #fff;\n    font-family: Arial, \"Helvetica Neue\", sans-serif;\n    line-height: 1.8;\n    overflow: hidden;\n  }\n  .bj23 * { box-sizing: border-box; }\n  .bj23 h1, .bj23 h2, .bj23 h3,\n  .bj23 p { margin: 0; }\n  .bj23 img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n  .bj23 .inner {\n    max-width: 1100px;\n    margin: auto;\n    padding: 0 24px;\n  }\n  .bj23 .eyebrow {\n    font-size: 11px;\n    letter-spacing: .25em;\n    font-weight: 700;\n  }\n  .bj23 .hero {\n    background: #111;\n    color: #fff;\n    text-align: center;\n    padding: 100px 20px;\n  }\n  .bj23 .hero h1 {\n    font-size: clamp(38px, 8vw, 96px);\n    letter-spacing: -.055em;\n    line-height: 1.08;\n    font-weight: 900;\n    margin: 25px 0;\n  }\n  .bj23 .hero .sub {\n    font-size: clamp(14px, 2.5vw, 23px);\n    letter-spacing: .16em;\n    font-weight: 700;\n  }\n  .bj23 .hero .jp {\n    margin-top: 30px;\n    font-size: 14px;\n    line-height: 2.2;\n  }\n  .bj23 .photo {\n    background: #e9e9e9;\n    position: relative;\n  }\n  .bj23 .photo img {\n    aspect-ratio: 4 \/ 5;\n    object-fit: cover;\n  }\n  .bj23 .placeholder {\n    aspect-ratio: 4 \/ 5;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #888;\n    font-size: 12px;\n    letter-spacing: .12em;\n    text-align: center;\n    padding: 20px;\n  }\n  .bj23 .hero-image .placeholder {\n    aspect-ratio: 16 \/ 7;\n    background: linear-gradient(110deg,#101010 50%,#182b4c 50%);\n    color: #fff;\n  }\n  .bj23 .intro {\n    padding: 100px 24px;\n    text-align: center;\n  }\n  .bj23 .intro h2 {\n    font-size: clamp(26px,4vw,46px);\n    line-height: 1.35;\n    margin: 20px 0 30px;\n  }\n  .bj23 .intro p:last-child {\n    max-width: 650px;\n    margin: auto;\n    font-size: 14px;\n    line-height: 2.3;\n  }\n  .bj23 .split {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n  .bj23 .split .content {\n    padding: clamp(35px,6vw,100px);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .bj23 .split h2 {\n    font-size: clamp(35px,5vw,68px);\n    line-height: 1.1;\n    letter-spacing: -.04em;\n    margin: 20px 0 30px;\n  }\n  .bj23 .split .content p:last-child {\n    font-size: 14px;\n    line-height: 2.2;\n    max-width: 430px;\n  }\n  .bj23 .black-panel {\n    background: #161616;\n    color: #fff;\n  }\n  .bj23 .indigo-panel {\n    background: #172641;\n    color: #fff;\n  }\n  .bj23 .weight {\n    background: #f3f3f3;\n    text-align: center;\n    padding: 110px 24px;\n  }\n  .bj23 .weight h2 {\n    font-size: clamp(50px,10vw,110px);\n    line-height: 1;\n    letter-spacing: -.06em;\n    margin: 25px 0;\n  }\n  .bj23 .weight h3 {\n    font-size: 20px;\n    margin-bottom: 25px;\n  }\n  .bj23 .weight p:last-child {\n    max-width: 650px;\n    margin: auto;\n    font-size: 14px;\n    line-height: 2.2;\n  }\n  .bj23 .section-title {\n    text-align: center;\n    padding: 90px 20px 50px;\n  }\n  .bj23 .section-title h2 {\n    font-size: clamp(32px,5vw,60px);\n    line-height: 1.15;\n    margin-top: 15px;\n  }\n  .bj23 .products {\n    display: grid;\n    grid-template-columns: repeat(2,1fr);\n    gap: 45px 24px;\n    padding-bottom: 100px;\n  }\n  .bj23 .product h3 {\n    font-size: 17px;\n    line-height: 1.4;\n    margin-top: 20px;\n  }\n  .bj23 .product p {\n    font-size: 12px;\n    color: #777;\n    margin: 8px 0 20px;\n  }\n  .bj23 .btn {\n    display: inline-block;\n    background: #111;\n    color: #fff !important;\n    text-decoration: none;\n    padding: 13px 25px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .14em;\n    transition: opacity .2s;\n  }\n  .bj23 .btn:hover { opacity: .7; }\n  .bj23 .closing {\n    background: #111;\n    color: #fff;\n    text-align: center;\n    padding: 110px 24px;\n  }\n  .bj23 .closing h2 {\n    font-size: clamp(34px,6vw,72px);\n    line-height: 1.15;\n    margin: 20px 0 30px;\n  }\n  .bj23 .closing p {\n    font-size: 14px;\n    line-height: 2.2;\n  }\n  @media(max-width: 700px) {\n    .bj23 .hero { padding: 80px 15px; }\n    .bj23 .intro { padding: 75px 24px; }\n    .bj23 .split { grid-template-columns: 1fr; }\n    .bj23 .split .photo { order: 0; }\n    .bj23 .split .content {\n      order: 1;\n      padding: 55px 25px 65px;\n    }\n    .bj23 .weight { padding: 80px 24px; }\n    .bj23 .products { gap: 35px 12px; }\n    .bj23 .product h3 { font-size: 14px; }\n    .bj23 .btn {\n      padding: 12px 14px;\n      font-size: 10px;\n    }\n    .bj23 .closing { padding: 85px 20px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bj23\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\u003c\/section\u003e\n\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"products\"\u003e\n\u003cdiv class=\"product\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CLOSING --\u003e\n\u003csection class=\"closing\"\u003e\n\u003cp class=\"eyebrow\"\u003eTHE CHOICE IS YOURS.\u003c\/p\u003e\n\u003ch2\u003eWHICH ONE\u003cbr\u003eWILL YOU FADE?\u003c\/h2\u003e\n\u003cp\u003eBLACK OR INDIGO?\u003cbr\u003e23ozという圧倒的な存在感。\u003cbr\u003eその先に待つ、2つの経年変化。\u003cbr\u003e\u003cbr\u003eあなたは、どちらを育てる？\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","products":[],"url":"https:\/\/bigjohn.co.jp\/collections\/23oz-two-ways-to-fade.oembed","provider":"BIG JOHN【公式】オンラインショップ","version":"1.0","type":"link"}