@charset "UTF-8";
:root {
	--ui-bottom-tall: 0; 
	--ui-lastscroll-top: 0;
	--header-height-wide: 0px;
	--header-height-smp: 0px;
}

/*cat: body*/
html,body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 1.7em;
	
}
body {
	background-color: var(--cl-background);
	color: var(--cl-pageink);
	font-family: var(--font-g);
	z-index: 0;
}

/*cat: anker*/
a:link,a:visited {
	color: var(--cl-pageink-link);
}
a:hover {
	color: var(--cl-pageink-hover);
}
a:active {
	color: var(--cl-pageink-active);
}

/*cat: share style*/
.align-L {
	text-align: left;
}
.align-C {
	text-align: center;
}
.align-R {
	text-align: right;
}
.im-wide {
	width: 100%;
	height: auto;
}
.abs-centering {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

/*cat: h*/
h2,h3,h4,h5,h6 {
    font-family: var(--font-g1);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.4em;
	margin-bottom: 0;
}
h1 {
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: 500;
	margin-bottom: 1em;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.25em;
}
h6 {
	font-size: 1.0em;
}
p {
	line-height: 1.7em;
}

/*cat: bind wrap*/
.wide-bind {
	padding: 1.4em;
	margin-left: auto;
	margin-right: auto;
}
.contents-bind {
	padding: 1.4em;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width:1024px) {
	.wide-bind {
		padding: 0;
		max-width: var(--bindwrap-width);
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (min-width: 720px) {
	.contents-bind {
		padding: 0;
		max-width: var(--contents-width);
		margin-left: auto;
		margin-right: auto;
	}
}

/*cat: margin*/
.margin-bot {
	margin-bottom: calc(var(--share-space)*0.5);
}
.margin-bot-section {
	margin-bottom: var(--share-space);
}
.margin-bot-off {
	margin-bottom: 0 !important;
}
.wrap-pad {
	padding: 1.4em;
}
.pad-bot-off {
	padding-bottom: 0;
}