@charset "UTF-8";

:root {
    --ff-secular: 'Secular One',sans-serif;
    --copink: #CC8F80;
    --cobpink: #955C56;
    --cocco: #320B0B;
    --cogwhite: #F7F4EF;
    --cowhite: #fff;
    --coblue: #3F8CE6;
    --cored: #CB3D55;
    --vh: 1vh;
    --trans-eoe: cubic-bezier(0.16, 1, 0.3, 1);
}

html,body {
    color: #320b0b;
    font-family: 'Zen Kaku Gothic New',sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .2em;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    list-style: none;
    -ms-font-smoothing: auto;
    -o-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-smoothing: auto;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
html {font-size: 10px; overflow-y: scroll;}
body {position: relative; background: #fff; min-width: 100%; max-width: 100%; overflow-x: hidden;}

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 {margin: 0; padding: 0; font-size: 100%; color: #474747; vertical-align: baseline; background: transparent; text-decoration: none; transition: opacity .4s ease, color .4s ease;}
a:hover {opacity: .6; cursor: pointer;}
a:focus, *:focus {outline: none;}
img {display: block; max-width: 100%; height: auto;}
a:hover img {cursor: pointer; zoom: 1;}
svg,
img[src$=".svg"],
img[src$=".svgz"] {display: block; max-width: 100%; height: auto;}
::selection {background: #ddd;}
dl dt {font-weight: inherit;}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	img {
		image-rendering: -webkit-optimize-contrast;
	}
}

.display-name {color: #fff;}
#wpadminbar {position: fixed!important;}