@charset "utf-8";

/* Web Font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&display=swap');

/* Custom Properties */
:root {
	/* color */
	--color-point: #dbc714;
	--color-stand: #b20000;
	--color-point2: #d99614;
	
	/* font */
	--font-serif: "Shippori Mincho", serif;
	
	/* easing */
	/* time */
}

/*-------------------------
reset
---------------------------*/
*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
	-webkit-text-size-adjust: 100%;
}
body, input, textarea {
	font-size: 16px;
}
body {
	background-color: #00001e;
	color: #f3e8e2;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	text-align: justify;
	line-height: 1.65;
	margin: 0;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}
img,a,ul,li,iframe,fieldset {
	border: none;
	outline: none;
}
a,img {
	display: block;
	width: 100%;
}
a.inline,img.inline {
	display: inline;
	width: auto;
}
img {
	line-height: 0;
}
a {
	color: #f3e8e2;
	text-decoration: none;
	transition: .2s ease-out;
}
h1,h2,h3,h4,ol,ul,li,dl,dt,dd,p,figure,from,iframe,fieldset,legend {
	margin-block-start: 0;
    margin-block-end: 0;
	margin: 0;
	padding: 0;
}
ol,ul {
	list-style: none;
}
h1,h2,h3,h4 {
	font-size: 100%;
	font-weight: normal;
}
em {
	font-style: normal;
}
article,aside,footer,header,main,nav,section {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,textarea,select {
	font-size: 16px;
	padding: 3px;
	border: 1px solid #b2b2b2;
	border-radius: 5px;
}
select {
	padding: 2.5px 3px;
}
label {
	display: -webkit-box;
	display: flex;
}
label input {
	display: block;
}

/* iOSでのデフォルトスタイルをリセット */
input:focus {
	outline: none;
}
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="radio"],
input[type="checkbox"] {
	display: inline-block;
	height: 2em;
	font-size: 16px;
	margin: 0 5px 0 0;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin-left: 5px;
	opacity: .5;
}