
/* ==========================================
   URUKWORKS Custom CSS
   ========================================== */

/* 共通 */
img {
    border-radius: 8px;
}

.layout-pinnedBlogAnchor {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 1.2rem;
    max-width: 300px;
    color: whitesmoke;
    background: #009b98;
    border-radius: 8px;
}

.layout-pinnedBlogIcon {
    display: none;
}

.cot-itemOption label::before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
}

.item-detail_floating_1eebd975 {
    display: none;
}


/* ==========================================
   Web Fonts
   ========================================== */

@font-face {
    font-family: "Komorebi";
    src: url("https://uruk.jp/assets/fonts/komorebi.woff2")
         format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Big Shoulders Stencil";
    src: url("https://uruk.jp/assets/fonts/big-shoulders-stencil-latin-standard-normal.woff2")
         format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


/* ==========================================
   MK2 刻印説明文
   ========================================== */

#x_optionInputArea596616 .cot-itemOption__caption {
    position: relative;
    padding-left: 22px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    color: inherit;
}

#x_optionInputArea596616 .cot-itemOption__caption::before {
    content: "i";
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    left: 0;
    top: 4px;

    width: 13px;
    height: 13px;
    border-radius: 50%;

    background: #000;
    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}


/* ==========================================
   MK2 刻印プレビュー
   ========================================== */

#uruk-mk2-preview {
    display: block;
    width: 100%;
    margin: 12px 0 0;
    padding: 0;
    box-sizing: border-box;

    border: none;
    background: transparent;
    color: inherit;
    text-align: left;
}

/* ラベルと文字を横並び */
#uruk-mk2-preview p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

/* プレビューラベル */
#uruk-mk2-preview .uruk-mk2-preview-label {
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    margin-right: 12px;
    white-space: nowrap;
}

/* プレビュー文字 */
#uruk-mk2-preview-text {
    font-family: "Komorebi", sans-serif;
    font-size: 36px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    white-space: nowrap;
    user-select: none;
}


/* ==========================================
   スマートフォン
   ========================================== */

@media (max-width: 600px) {
    #uruk-mk2-preview-text {
        font-size: 34px;
    }
}
