@charset "UTF-8";

/*
Theme Name: Ldenchi
Author: mizokawa yuichiro
Description: エルデンチテーマ
Version: 1.0
Text Domain: my-original-theme
*/

*{box-sizing: border-box;}
.pc{display: none;}
.tab{display: none;}
.sp{display: block;}

/* WooCommerce初期対応 */
.woocommerce .product::after{
    content: "";
    display: block;
    clear: both;
}

/* カラー変数 */
:root{
    --ld-grn:#00a653;
    --ld-wht:#fff;
    --ld-bgg:#eee;
    --ld-txt:#333;
    --ld-blk:#000;
}

/** font設定 **/
/* nomal */
@font-face {
    font-family: 'Noto Sans JP';
    src: url('/assets/font/NotoSansJP-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* bold */
@font-face {
    font-family: 'Noto Sans JP';
    src: url('/assets/font/NotoSansJP-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
/* black */
@font-face {
    font-family: 'Noto Sans JP';
    src: url('/assets/font/NotoSansJP-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}
/* number */
@font-face {
    font-family: 'roboto';
    src: url('/assets/font/Roboto-Thin.ttf') format("truetype");
    font-weight: 100;
}
@font-face {
    font-family: 'roboto';
    src: url('/assets/font/Roboto-Light.ttf') format("truetype");
    font-weight: 200;
}
@font-face {
    font-family: 'roboto';
    src: url('/assets/font/Roboto-Regular.ttf') format("truetype");
    font-weight: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('/assets/font/Roboto-Bold.ttf') format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: 'roboto';
    src: url('/assets/font/Roboto-Black.ttf') format("truetype");
    font-weight: 900;
}
@font-face {
    font-family: 'robotoBoldItalic';
    src: url('/assets/font/Roboto-BoldItalic.ttf') format("truetype");
}
@font-face {
    font-family: 'robotoLightItalic';
    src: url('/assets/font/Roboto-LightItalic.ttf') format("truetype");
}
@font-face {
    font-family: 'robotoThinItalic';
    src: url('/assets/font/Roboto-ThinItalic.ttf') format("truetype");
}
@font-face {
    font-family: 'robotoBlackItalic';
    src: url('/assets/font/Roboto-BlackItalic.ttf') format("truetype");
}

body{
    font-size: 1rem;
    color: var(--ld-txt);
    line-height: 1.8;
    font-family: 'roboto','Noto Sans JP',sans-serif;
}
body.b_fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}
img {vertical-align: top;width: 100%;height: auto;}
a{color: var(--ld-grn);}
a:hover{opacity: 0.5;}