/*
Theme Name: アーバントップ2ndメンテテーマ
Theme URI: http://www.firecolor.com/
Description: アーバントップ2nd様向けテーマ
Version: 0.1.0
Author: Studio FireColor
Author URI: http://www.firecolor.com/
*/
/** ============================================================
 * RESET
 * A modern CSS reset
 * https: //github.com/andy-piccalilli/modern-css-reset
 * ========================================================== */
*,
*::before,
*::after {
	box-sizing: border-box
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
	margin: 0
}

ul[role="list"],
ol[role="list"] {
	list-style: none
}

html:focus-within {
	scroll-behavior: smooth
}

body {
	min-height    : 100vh;
	text-rendering: optimizeSpeed;
	line-height   : 1.5
}

a:not([class]) {
	text-decoration-skip-ink: auto
}

img,
picture {
	max-width: 100%;
	display  : block
}

input,
button,
textarea,
select {
	font: inherit
}

@media(prefers-reduced-motion:reduce) {
	html:focus-within {
		scroll-behavior: auto
	}

	*,
	*::before,
	*::after {
		animation-duration       : .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration      : .01ms !important;
		scroll-behavior          : auto !important
	}
}


body {
	display: flex;
	background: url(./images/body_bg.png);
}

.contents {
	width: clamp(320px, 80%, 960px);
	height: calc(100vh - 4rem);
	margin: auto;
	padding: 1rem;
	background: url(./images/contents_bg.png);
	line-height: 1.6;
}