.lft {text-align:left !important;}
.cnt {text-align:center !important;}
.rgt {text-align:right !important;}
.jst {text-align:justify !important;}

.str {font-weight:bold;}
.itl {font-style:italic;}

.prehid {display:none;}

.ainh a,
.ainh a:hover,
.ainh a:visited {text-decoration:none;color:inherit;}

.gvt {align-items:start;}
.gvc {align-items:center;}
.gvb {align-items:end;}

.ds-no {display:none;}
.ds-bl {display:block;}
.ds-ib {display:inline-block;}

.ttuc {text-transform:uppercase;}
.ttlc {text-transform:lowercase;}

table.fixed {table-layout:fixed;}

.btn-ref {display:inline-block;color:#F8F8F8 !important;text-decoration:none;background-color:#336699;padding:3px 9px;margin:3px 6px;border-radius:3px;cursor:pointer;transition:0.2s;}
.btn-ref:hover {color:#FFFFFF !important;box-shadow:0px 0px 6px #003366;text-decoration:none !important;}

.btn-large {display:inline-block;color:#F8F8F8 !important;text-decoration:none;background-color:#336699;padding:6px 24px;margin:6px 12px;border-radius:18px;cursor:pointer;transition:0.2s;}
.btn-large:hover {color:#FFFFFF !important;box-shadow:0px 0px 6px #003366;text-decoration:none !important;}

.marker {display:inline-block;padding:0.4em 0.8em;margin:0.2em;min-width:2.2em;text-align:center;border-radius:0.2em;}

.wide-button {display:inline-block;box-sizing:border-box;min-width:240px;color:#F8F8F8 !important;text-decoration:none;background-color:#336699;padding:18px 24px;margin:12px 18px;border-radius:18px;cursor:pointer;transition:0.2s;}
.wide-button:hover {color:#FFFFFF !important;box-shadow:0px 0px 6px #003366;text-decoration:none !important;}


.fs75 {font-size:75%;}
.fs80 {font-size:80%;}
.fs90 {font-size:90%;}
.fs95 {font-size:95%;}
.fs100 {font-size:100%;}
.fs110 {font-size:110%;}
.fs120 {font-size:120%;}
.fs125 {font-size:125%;}
.fs133 {font-size:133%;}
.fs150 {font-size:150%;}
.fs175 {font-size:175%;}
.fs200 {font-size:200%;}

.lh100 {line-height:100%;}
.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh125 {line-height:125%;}
.lh133 {line-height:133%;}
.lh150 {line-height:150%;}
.lh175 {line-height:175%;}
.lh200 {line-height:200%;}
.lh220 {line-height:220%;}

section.lh100 p {line-height:100%;}
section.lh110 p {line-height:110%;}
section.lh120 p {line-height:120%;}
section.lh125 p {line-height:125%;}
section.lh133 p {line-height:133%;}
section.lh150 p {line-height:150%;}
section.lh175 p {line-height:175%;}
section.lh200 p {line-height:200%;}
section.lh220 p {line-height:220%;}


.mt0 {margin-top:0px;}
.mt6 {margin-top:6px;}
.mt12 {margin-top:12px;}
.mt18 {margin-top:18px;}
.mt24 {margin-top:24px;}
.mt30 {margin-top:30px;}
.mt36 {margin-top:36px;}
.mt42 {margin-top:42px;}
.mt48 {margin-top:48px;}
.mt54 {margin-top:54px;}
.mt60 {margin-top:60px;}

.mb0 {margin-bottom:0px;}
.mb6 {margin-bottom:6px;}
.mb12 {margin-bottom:12px;}
.mb18 {margin-bottom:18px;}
.mb24 {margin-bottom:24px;}
.mb30 {margin-bottom:30px;}
.mb36 {margin-bottom:36px;}
.mb42 {margin-bottom:42px;}
.mb48 {margin-bottom:48px;}
.mb54 {margin-bottom:54px;}
.mb60 {margin-bottom:60px;}

.ml0 {margin-left:0px;}
.ml6 {margin-left:6px;}
.ml12 {margin-left:12px;}
.ml18 {margin-left:18px;}
.ml24 {margin-left:24px;}
.ml30 {margin-left:30px;}
.ml36 {margin-left:36px;}
.ml42 {margin-left:42px;}
.ml48 {margin-left:48px;}
.ml54 {margin-left:54px;}
.ml60 {margin-left:60px;}

.mr0 {margin-right:0px;}
.mr6 {margin-right:6px;}
.mr12 {margin-right:12px;}
.mr18 {margin-right:18px;}
.mr24 {margin-right:24px;}
.mr30 {margin-right:30px;}
.mr36 {margin-right:36px;}
.mr42 {margin-right:42px;}
.mr48 {margin-right:48px;}
.mr54 {margin-right:54px;}
.mr60 {margin-right:60px;}


.pt0 {padding-top:0px;}
.pt6 {padding-top:6px;}
.pt12 {padding-top:12px;}
.pt18 {padding-top:18px;}
.pt24 {padding-top:24px;}
.pt30 {padding-top:30px;}
.pt36 {padding-top:36px;}
.pt42 {padding-top:42px;}
.pt48 {padding-top:48px;}
.pt54 {padding-top:54px;}
.pt60 {padding-top:60px;}

.pb0 {padding-bottom:0px;}
.pb6 {padding-bottom:6px;}
.pb12 {padding-bottom:12px;}
.pb18 {padding-bottom:18px;}
.pb24 {padding-bottom:24px;}
.pb30 {padding-bottom:30px;}
.pb36 {padding-bottom:36px;}
.pb42 {padding-bottom:42px;}
.pb48 {padding-bottom:48px;}
.pb54 {padding-bottom:54px;}
.pb60 {padding-bottom:60px;}

.pl0 {padding-left:0px;}
.pl6 {padding-left:6px;}
.pl12 {padding-left:12px;}
.pl18 {padding-left:18px;}
.pl24 {padding-left:24px;}
.pl30 {padding-left:30px;}
.pl36 {padding-left:36px;}
.pl42 {padding-left:42px;}
.pl48 {padding-left:48px;}
.pl54 {padding-left:54px;}
.pl60 {padding-left:60px;}

.pr0 {padding-right:0px;}
.pr6 {padding-right:6px;}
.pr12 {padding-right:12px;}
.pr18 {padding-right:18px;}
.pr24 {padding-right:24px;}
.pr30 {padding-right:30px;}
.pr36 {padding-right:36px;}
.pr42 {padding-right:42px;}
.pr48 {padding-right:48px;}
.pr54 {padding-right:54px;}
.pr60 {padding-right:60px;}

.bg-lgray {background-color:#EEEEEE;color:#333333;}
.bg-gray {background-color:#CCCCCC;color:#333333;}
.bg-red {background-color:#CC0033;color:#FFFFFF;}
.bg-navy {background-color:#003366;color:#FFFFFF;}
.bg-blue {background-color:#336699;color:#FFFFFF;}
.bg-green {background-color:#339966;color:#FFFFFF;}
.bg-yellow {background-color:#CCCC00;color:#333333;}
.bg-orange {background-color:#FFCC99;color:#333333;}
.bg-violet {background-color:#660099;color:#FFFFFF;}
.bg-dark {background-color:#333333;color:#FFFFFF;}



.bg-stone {background:url(./image/granit.jpg);}

.fg-lgray {color:#EEEEEE;}
.fg-gray {color:#CCCCCC;}
.fg-red {color:#CC0033;}
.fg-navy {color:#003366;}
.fg-blue {color:#336699;}
.fg-green {color:#339966;}
.fg-yellow {color:#CCCC00;}
.fg-orange {color:#FFCC99;}
.fg-violet {color:#660099;}
.fg-dark {color:#333333;}



.txd-no,
.txd-no:hover {text-decoration:none;}

.txd-un,
.txd-un:hover {text-decoration:underline;}

.file-info {padding:3px 0px 0px 12px;}
.file-ext {display:inline-block;padding:0px;text-transform:uppercase;font-size:90%;}
.file-size {display:inline-block;text-align:center;padding:0px;font-size:90%;margin-left:12px;}

.cols-2 > div,
.cols-3 > div {margin-top:0px;margin-bottom:0px;}

@media screen and (min-width:960px) {
	.cols-2 {display:grid;margin:0px 24px;gap:48px;grid-template-columns:1fr 1fr;}
	.cols-3 {display:grid;margin:0px 24px;gap:48px;grid-template-columns:1fr 1fr 1fr;}
}

@media screen and (min-width:1440px) {
	.cols-2, .cols-3 {margin-left:0px;margin-right:0px;}
}


/* point-box */ 

.point-box {
	display:inline-block;
	transition:0.4s;
	position:relative;
	margin:2px;
	padding:0px;
	--cl-brd:attr(data-brd type(<color>), #336699);
	--bg-off:attr(data-bg-off type(<color>),#FFFFFF);
	--bg-on:attr(data-bg-on type(<color>),#336699);
	--bg-sw-off:attr(data-sw-off type(<color>),#336699);
	--bg-sw-on:attr(data-sw-on type(<color>),#FFFFFF);
	width:4em;
	height:1.6em;
	background-color:var(--bg-on);
	border-radius:1.0em;
	border:2px solid var(--cl-brd);
	cursor:pointer;
}

.point-box:has(input[value="0"]) {
	background-color:var(--bg-off);
}

.point-box::after {
	display:block;
	content:'';
	position:absolute;
	z-index:+2;
	width:1.4em;
	height:1.4em;
	border:none;
	border-radius:50%;
	top:50%;
	left:calc(50% + 1.1em);
	transform:translate(-50%,-50%);
	background-color:var(--bg-sw-on);
	transition:0.4s;
}

.point-box:has(input[value="0"])::after {
	left:calc(50% - 1.1em);
	background-color:var(--bg-sw-off);
}

/* / point-box */