@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Roboto+Slab:wght@100;400;500;600;700;800;900&display=swap");
@import url("https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap");
:where(:not(iframe,canvas,img,svg,video,svg *))
{all:unset;display:revert}
*,:after,:before{box-sizing:border-box}ol,
ul{list-style:none}
img{max-width:100%}
table{border-collapse:collapse}
textarea{white-space:revert}
picture{display:block}

:root {
    --vw: 100vw;
    --first-view-height: 100vh;
    --color-base: #212121;
    --color-bg: #f2f3f5;
    --color-primary: red;
    --color-white: #fff;
    --color-black: #000;
    --color-gray: #dedede;
    --font-family-base: General Sans,Noto Sans JP,sans-serif;
    --font-family-noto: Noto Sans JP,sans-serif;
    --font-family-general: General Sans,sans-serif;
    --font-family-roboto: Roboto Slab,serif;
}

/*html{font-size:calc(var(--vw)/138)}*/
body{font-size:1.4rem}

body{overscroll-behavior-y:none;
	font-family:var(--font-family-base);
	font-feature-settings:"palt";
	line-height:1.8;
	color:var(--color-base);
	letter-spacing:.05em;
	background-color:var(--color-bg);
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-osx-font-smoothing:unset
}


@media screen and (max-width: 640px) {
  body {
	-webkit-text-size-adjust:160%;
	-ms-text-size-adjust:160%;
	text-size-adjust:160%;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    }
}


img,svg,video{width:100%;max-width:none;height:auto;vertical-align:top}




.style-archives-images.is-show{
	visibility:visible;
	opacity:1;
	transition-delay:.2s;
	transform:translateZ(0)
}
.style-archives-images-inner{
	position:-webkit-sticky;
	position:sticky;
	top:4rem;
	display:flex;
	height:calc(100vh - 8rem)
}