/* Vars
-----------------------------------------------------------------*/

:root {
	--primary-color      : #FF5252;
	--secondary-color    : #222;
	--background-color   : #F9F6E7;
	--text-color-1       : #111;
	--text-color-2       : #6F6F6F;
	--text-color-3       : #868686;
	--link-color         : #868686;
}



/* Init
-----------------------------------------------------------------*/

/* sanitize.css v10.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{cursor:default;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none;padding:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Reset */
* { margin: 0; padding: 0; border: 0; outline: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
::after, ::before { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; margin: 0; padding: 0; width: auto; height: auto; font-size: 100%; vertical-align: baseline }
table { border-collapse: collapse }
li, ol, ul { list-style: none }
img { border: none }
a { outline: 0 }


/* Web Font
-----------------------------------------------------------------*/


@font-face {
	font-family: "Noto Sans CJK JP";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("Noto Sans CJK JP Regular"),
	     url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2") format('woff2'),
	     url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff") format('woff'),
	     url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf") format('opentype');
}
@font-face {
	font-family: "Noto Sans CJK JP";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: local("Noto Sans CJK JP Medium"),
	     url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2") format('woff2'),
	     url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff") format('woff'),
	     url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf") format('opentype');
}
@font-face {
	font-family: "Noto Sans CJK JP";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: local("Noto Sans CJK JP Bold"),
	     url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2") format('woff2'),
	     url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff") format('woff'),
	     url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf") format('opentype');
}


/* Base
-----------------------------------------------------------------*/

html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	scroll-behavior: smooth;
	scrollbar-width: none;
	overflow: hidden;
}
html::-webkit-scrollbar {
	display: none;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: var(--background-color);
	color: var(--text-color-1);
	font-size: 1.6rem;
	font-family: "neue-haas-unica", -apple-system, BlinkMacSystemFont, sans-serif;
	font-feature-settings : "palt";
	line-height: 1;
	letter-spacing: 0;
	overscroll-behavior-y: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	        tap-highlight-color: rgba(0, 0, 0, 0);
}
.jp {
	font-family: "Noto Sans CJK JP" !important;
}


/* Links
-----------------------------------------------------------------*/

a:link { color: var(--link-color); text-decoration: none; }
a:visited { color: var(--link-color); text-decoration: none; }
a:hover { color: var(--link-color); text-decoration: none; }
a:active { color: var(--link-color); text-decoration: none; }


/* Selection
-----------------------------------------------------------------*/

::selection { color: var(--text-color-1); background: var(--primary-color); }
::-moz-selection { color:var(--text-color-1); background: var(--primary-color); }


/* App
-----------------------------------------------------------------*/

/* App */
#app {
	position: relative;
	width: 100%;
	height: 100%;
}
::-webkit-scrollbar {
	width: 0;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-thumb {
}

/* Utility */
.none {
	display: none;
}