@charset "UTF-8";

:root {
    --color-white: #fff;
    --color-black: #000;
    --color-gray: #707070;

    --fs-yumin: YakuHanMP,"Yu Mincho",YuMincho,serif;
    --fs-caslon: adobe-caslon-pro, serif;
    --fs-rajdhani: rajdhani, sans-serif;
    --fs-garamond: adobe-garamond-pro,serif;
    --bg-mosaic: center/80px url(../img/common/bg-mosaic.png);

    --trans-eos: cubic-bezier(0.61, 1, 0.88, 1);
    --trans-eoe: cubic-bezier(0.16, 1, 0.3, 1);
    --trans-e1e: cubic-bezier(0.7, 0, 0.84, 0);
    --trans-eioc: cubic-bezier(0.65, 0, 0.35, 1);

    --vh: 1vh;
}

html, body {
    color: var(--color-black);
    font-family: YakuHanJP_Narrow,"Yu Gothic",YuGothic,sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1.667;
    letter-spacing: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    list-style: none;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    overflow: visible;
}

html {overflow-y: scroll;}
body {position: relative; background: #fff; min-width: 100%; max-width: 100%;}

span,em,strong,abbr,acronym,dfn,q,cite,sup,sub,code,var,kbd,samp,bdo,big,small,strike,u,tt,a,label {
    font-size: inherit;
}
a {transition: .5s ease;}
a:hover {opacity: .6; cursor: pointer;}
a:focus, *:focus {outline: none;}
img {display: block; max-width: 100%; height: auto; transition: .3s ease;}
a:hover img {cursor: pointer; zoom: 1;}
svg,
img[src$=".svg"],
img[src$=".svgz"] {display: block; max-width: 100%; height: auto;}
::selection {background: #bddcf3;}

.display-name {color: #fff;}
#wpadminbar {position: fixed!important;}