/* サイト内共通の洗練された全く新しい独自スタイルシート */

.block { display: block; }
.invisible { display: none !important; }

/* スペーサー margin */
.mgn-0 { margin: 0 !important; }
.mgn-3 { margin: 3px !important; }
.mgn-5 { margin: 5px !important; }
.mgn-10 { margin: 10px !important; }
.mgn-15 { margin: 15px !important; }
.mgn-20 { margin: 20px !important; }

.mgn-v-auto { margin: auto 0 !important; }
.mgn-h-auto { margin: 0 auto !important; }

.mgn-v0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.mgn-v3 { margin-top: 3px !important; margin-bottom: 3px !important; }
.mgn-v5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mgn-v10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mgn-v15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mgn-v20 { margin-top: 20px !important; margin-bottom: 15px !important; }

.mgn-h0 { margin-left: 0 !important; margin-right: 0 !important; }
.mgn-h3 { margin-left: 3px !important; margin-right: 3px !important; }
.mgn-h5 { margin-left: 5px !important; margin-right: 5px !important; }
.mgn-h10 { margin-left: 10px !important; margin-right: 10px !important; }
.mgn-h15 { margin-left: 15px !important; margin-right: 15px !important; }
.mgn-h20 { margin-left: 20px !important; margin-right: 15px !important; }

.mgn-t0 { margin-top: 0 !important; }
.mgn-t3 { margin-top: 3px !important; }
.mgn-t4 { margin-top: 4px !important; }
.mgn-t5 { margin-top: 5px !important; }
.mgn-t6 { margin-top: 6px !important; }
.mgn-t7 { margin-top: 7px !important; }
.mgn-t8 { margin-top: 8px !important; }
.mgn-t9 { margin-top: 9px !important; }
.mgn-t10 { margin-top: 10px !important; }
.mgn-t15 { margin-top: 15px !important; }
.mgn-t20 { margin-top: 20px !important; }

.mgn-b0 { margin-bottom: 0 !important; }
.mgn-b3 { margin-bottom: 3px !important; }
.mgn-b5 { margin-bottom: 5px !important; }
.mgn-b8 { margin-bottom: 8px !important; }
.mgn-b10 { margin-bottom: 10px !important; }
.mgn-b15 { margin-bottom: 15px !important; }
.mgn-b20 { margin-bottom: 20px !important; }

.mgn-l0 { margin-left: 0 !important; }
.mgn-l3 { margin-left: 3px !important; }
.mgn-l5 { margin-left: 5px !important; }
.mgn-l10 { margin-left: 10px !important; }
.mgn-l15 { margin-left: 15px !important; }
.mgn-l20 { margin-left: 20px !important; }
.mgn-l25 { margin-left: 25px !important; }
.mgn-l30 { margin-left: 30px !important; }

.mgn-r0 { margin-right: 0 !important; }
.mgn-r3 { margin-right: 3px !important; }
.mgn-r5 { margin-right: 5px !important; }
.mgn-r10 { margin-right: 10px !important; }
.mgn-r15 { margin-right: 15px !important; }
.mgn-r20 { margin-right: 20px !important; }

.mgn-r-3 { margin-right: -3px !important; }
.mgn-r-5 { margin-right: -5px !important; }
.mgn-r-10 { margin-right: -10px !important; }
.mgn-r-15 { margin-right: -15px !important; }
.mgn-r-20 { margin-right: -20px !important; }

/* スペーサー padding */
.pdg-0 { padding: 0 !important; }
.pdg-3 { padding: 3px !important; }
.pdg-5 { padding: 5px !important; }
.pdg-10 { padding: 10px !important; }
.pdg-15 { padding: 15px !important; }
.pdg-20 { padding: 20px !important; }

.pdg-t0 { padding-top: 0px !important; }
.pdg-t3 { padding-top: 3px !important; }
.pdg-t5 { padding-top: 5px !important; }
.pdg-t10 { padding-top: 10px !important; }
.pdg-t15 { padding-top: 15px !important; }
.pdg-t20 { padding-top: 20px !important; }

.pdg-b0 { padding-bottom: 0px !important; }
.pdg-b3 { padding-bottom: 3px !important; }
.pdg-b5 { padding-bottom: 5px !important; }
.pdg-b10 { padding-bottom: 10px !important; }
.pdg-b15 { padding-bottom: 15px !important; }
.pdg-b20 { padding-bottom: 20px !important; }

.pdg-l3 { padding-left: 3px !important; }
.pdg-l5 { padding-left: 5px !important; }
.pdg-l10 { padding-left: 10px !important; }
.pdg-l15 { padding-left: 15px !important; }
.pdg-l20 { padding-left: 20px !important; }

.pdg-r3 { padding-right: 3px !important; }
.pdg-r5 { padding-right: 5px !important; }
.pdg-r10 { padding-right: 10px !important; }
.pdg-r15 { padding-right: 15px !important; }
.pdg-r20 { padding-right: 20px !important; }

.pdg-v3 { padding-top: 3px !important; padding-bottom: 3px !important; }
.pdg-v5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pdg-v10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pdg-v15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pdg-v20 { padding-top: 20px !important; padding-bottom: 15px !important; }

.pdg-h3 { padding-left: 3px !important; padding-right: 3px !important; }
.pdg-h5 { padding-left: 5px !important; padding-right: 5px !important; }
.pdg-h10 { padding-left: 10px !important; padding-right: 10px !important; }
.pdg-h15 { padding-left: 15px !important; padding-right: 15px !important; }
.pdg-h20 { padding-left: 20px !important; padding-right: 15px !important; }

/* 横幅 */
.w-full { width: 100% !important; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w55 { width: 55px; }
.w60 { width: 60px; }
.w65 { width: 65px; }
.w70 { width: 70px; }
.w75 { width: 75px; }
.w80 { width: 80px; }
.w85 { width: 85px; }
.w90 { width: 90px; }
.w95 { width: 95px; }
.w100 { width: 100px; }
.w105 { width: 105px; }
.w110 { width: 110px; }
.w115 { width: 115px; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w130 { width: 130px; }
.w135 { width: 135px; }
.w140 { width: 140px; }
.w145 { width: 145px; }
.w150 { width: 150px; }
.w155 { width: 155px; }
.w160 { width: 160px; }
.w165 { width: 165px; }
.w170 { width: 170px; }
.w175 { width: 175px; }
.w180 { width: 180px; }
.w185 { width: 185px; }
.w190 { width: 190px; }
.w195 { width: 195px; }
.w200 { width: 200px; }
.w205 { width: 205px; }
.w210 { width: 210px; }
.w215 { width: 215px; }
.w220 { width: 220px; }
.w225 { width: 225px; }
.w230 { width: 230px; }
.w235 { width: 235px; }
.w240 { width: 240px; }
.w245 { width: 245px; }
.w250 { width: 250px; }
.w255 { width: 255px; }
.w260 { width: 260px; }
.w265 { width: 265px; }
.w270 { width: 270px; }
.w275 { width: 275px; }
.w280 { width: 280px; }
.w285 { width: 285px; }
.w290 { width: 290px; }
.w295 { width: 295px; }
.w300 { width: 300px; }

.w430 { 
	width: 100%;
	max-width: 430px;
}.w500 { 
	width: 100%;
	max-width: 500px;
}


/* 縦幅 */
.h-full { height: 100% !important; }
.h-fit { height: fit-content !important; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h55 { height: 55px; }
.h60 { height: 60px; }
.h65 { height: 65px; }
.h70 { height: 70px; }
.h75 { height: 75px; }
.h80 { height: 80px; }
.h85 { height: 85px; }
.h90 { height: 90px; }
.h95 { height: 95px; }
.h100 { height: 100px; }
.h105 { height: 105px; }
.h110 { height: 110px; }
.h115 { height: 115px; }
.h120 { height: 120px; }
.h125 { height: 125px; }
.h130 { height: 130px; }
.h135 { height: 135px; }
.h140 { height: 140px; }
.h145 { height: 145px; }
.h150 { height: 150px; }
.h155 { height: 155px; }
.h160 { height: 160px; }
.h165 { height: 165px; }
.h170 { height: 170px; }
.h175 { height: 175px; }
.h180 { height: 180px; }
.h185 { height: 185px; }
.h190 { height: 190px; }
.h195 { height: 195px; }
.h200 { height: 200px; }
.h205 { height: 205px; }
.h210 { height: 210px; }
.h215 { height: 215px; }
.h220 { height: 220px; }
.h225 { height: 225px; }
.h230 { height: 230px; }
.h235 { height: 235px; }
.h240 { height: 240px; }
.h245 { height: 245px; }
.h250 { height: 250px; }
.h255 { height: 255px; }
.h260 { height: 260px; }
.h265 { height: 265px; }
.h270 { height: 270px; }
.h275 { height: 275px; }
.h280 { height: 280px; }
.h285 { height: 285px; }
.h290 { height: 290px; }
.h295 { height: 295px; }

/* dhisplay */

.flex-row { display: flex !important; flex-direction: row !important; }
.flex-column { display: flex !important; flex-direction: column !important; }
.flex-space-between { justify-content: space-between !important; }
.flex-center { justify-content: center !important; }
.flex-end { justify-content: end !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }

.grid-c2 {display: grid !important; grid-template-columns: 1fr 1fr !important;}
.grid-c3 {display: grid !important; grid-template-columns: 1fr 1fr 1fr !important;}

.grid-r2 {display: grid !important; grid-template-rows: 1fr 1fr !important;}
.grid-r3 {display: grid !important; grid-template-rows: 1fr 1fr 1fr !important;}

@media screen and (max-width: 479px) {
	.flex-column-480 {
		display: flex !important;
        flex-direction: column !important;
	}
}
@media screen and (min-width: 480px) {
	.flex-column-480 {
		display: flex !important;
        flex-direction: row !important;
	}
}
.gray { color: gray }

.gap-0 { gap: 0px !important; }
.gap-3 { gap: 3px !important; }
.gap-5 { gap: 5px !important; }
.gap-10 { gap: 10px !important; }
.gap-15 { gap: 15px !important; }
.gap-20 { gap: 20px !important; }
.gap-25 { gap: 25px !important; }
.gap-30 { gap: 30px !important; }
.gap-35 { gap: 35px !important; }
.gap-40 { gap: 40px !important; }

.line-height-1em { line-height: 1em !important; }
.line-height-1 { line-height: 1em !important; }
.line-height-09 { line-height: 0.9em !important; }

.text-align-start { text-align: start !important; }
.text-align-end { text-align: end !important; }
.text-align-center { text-align: center !important; }
.text-center { text-align: center !important; }
.small { font-size: small !important; }
.large { font-size: large !important; } 
.xlarge { font-size: x-large !important; } 
.bold { font-weight: bold !important; }
.text-small { font-size: small !important; }
.text-large { font-size: large !important; }
.text-xlarge { font-size: x-large !important; }

.fntsz-12, .font-size-12 { font-size: 12px !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-24 { font-size: 24px !important; }
.font-size-small { font-size: small !important; }
.position-absolute, .absolute { position: absolute !important; }
.position-relative, .relative { position: relative !important; }

.img-circle { border-radius: 50% ;}