/* Shopify(Dawn) が theme.liquid に生成していた基盤CSS変数。 本番 https://kellyltd.jp/ の から抽出。base.css より前に読み込むこと。 */ @font-face { font-family: "Noto Serif"; font-weight: 400; font-style: normal; font-display: swap; src: url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_n4.157efcc933874b41c43d5a6a81253eedd9845384.woff2") format("woff2"), url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_n4.e95a8b0e448c8154cafc9526753c78ba0f8e894e.woff") format("woff"); } @font-face { font-family: "Noto Serif"; font-weight: 700; font-style: normal; font-display: swap; src: url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_n7.d275fb7cbb6b6809702719ab47b39e5200c4f530.woff2") format("woff2"), url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_n7.0386ee49bd94b3b26da3580808c2d97c2a1d2d82.woff") format("woff"); } @font-face { font-family: "Noto Serif"; font-weight: 400; font-style: italic; font-display: swap; src: url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_i4.4a1e90a65903dad5ee34a251027ef579c72001cc.woff2") format("woff2"), url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_i4.864f808316dae3be9b9b07f7f73c1d3fbc5f3858.woff") format("woff"); } @font-face { font-family: "Noto Serif"; font-weight: 700; font-style: italic; font-display: swap; src: url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_i7.cdc3cc31b9724e5bf1d81e426d52ec2091b208e5.woff2") format("woff2"), url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_i7.98b54ea1ac46563d0708fd392057a21d8a45a373.woff") format("woff"); } @font-face { font-family: "Noto Serif"; font-weight: 400; font-style: normal; font-display: swap; src: url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_n4.157efcc933874b41c43d5a6a81253eedd9845384.woff2") format("woff2"), url("//kellyltd.jp/cdn/fonts/noto_serif/notoserif_n4.e95a8b0e448c8154cafc9526753c78ba0f8e894e.woff") format("woff"); } :root { --font-body-family: "Noto Serif", serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: "Noto Serif", serif; --font-heading-style: normal; --font-heading-weight: 400; --font-body-scale: 1.0; --font-heading-scale: 1.0; --color-base-text: 0, 0, 0; --color-shadow: 0, 0, 0; --color-base-background-1: 255, 255, 255; --color-base-background-2: 235, 236, 237; --color-base-solid-button-labels: 0, 0, 0; --color-base-outline-button-labels: 0, 0, 0; --color-base-accent-1: 1, 104, 159; --color-base-accent-2: 255, 216, 20; --payment-terms-background-color: #ffffff; --gradient-base-background-1: #ffffff; --gradient-base-background-2: #ebeced; --gradient-base-accent-1: #01689f; --gradient-base-accent-2: #ffd814; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 0px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 0px; --media-shadow-blur-radius: 0px; --page-width: 120rem; --page-width-margin: 0rem; --card-image-padding: 0.0rem; --card-corner-radius: 0.0rem; --card-text-alignment: center; --card-border-width: 0.0rem; --card-border-opacity: 0.0; --card-shadow-opacity: 0.1; --card-shadow-horizontal-offset: 0.0rem; --card-shadow-vertical-offset: 0.0rem; --card-shadow-blur-radius: 0.0rem; --badge-corner-radius: 4.0rem; --popup-border-width: 0px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.1; --popup-shadow-horizontal-offset: 6px; --popup-shadow-vertical-offset: 6px; --popup-shadow-blur-radius: 25px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 0px; --drawer-shadow-blur-radius: 0px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 20px; --grid-mobile-horizontal-spacing: 20px; --text-boxes-border-opacity: 0.0; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 0px; --text-boxes-shadow-blur-radius: 0px; --buttons-radius: 40px; --buttons-radius-outset: 41px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.1; --buttons-shadow-horizontal-offset: 2px; --buttons-shadow-vertical-offset: 2px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0.3px; --inputs-radius: 2px; --inputs-border-width: 1px; --inputs-border-opacity: 0.15; --inputs-shadow-opacity: 0.05; --inputs-shadow-horizontal-offset: 2px; --inputs-margin-offset: 2px; --inputs-shadow-vertical-offset: 2px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 3px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 0px; --variant-pills-shadow-blur-radius: 0px; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } }