/*  ------------------------------------------------------------------------------------------  */
/*  共用 スタイル・・・common style                                                         ---  */
/*  ------------------------------------------------------------------------------------------  */

/*                                          */
/*  デバッグ用  */

/* 
*, *:before, *:after {
	outline: 1px solid red !important;
}
 */


/*  全角文字列の中で部分的に半角サイズにする場合  */
/*  (例)  ・ の文字                            */

.fs-half{
	font-size: calc(var(--fs-width) /2 );
}


/*                                          */
.colr-red {
	color: red;
}
.colr-blue {
	color: blue;
}
.colr-darkorange {
	color: darkorange;
}
.colr-brown {
	color: brown;
}
/*                                          */

.colr-bas1 {
	color: var(--fc-bas1) ;
}
.colr-bas2 {
	color: var(--fc-bas2) ;
}
.colr-atte {
	color: var(--fc-atte) ;
}
.colr-caut {
	color: var(--fc-caut) ;
}

/*                                          */

.marg-0auto {
	margin: 0 auto;
}

/*                                          */

.text-centr {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.vert-middle {
	vertical-align: middle;
}
.vert-top {
	vertical-align: top;
}

/*   text indent でも 可能                  */
.block-1 {
	display: block;
}

.inlb-1 {
	display: inline-block;
}

.inlb-t {
	display: inline-block;
	vertical-align: top;
}

/*   スニペット に 登録済み-----------------*/
.backgrnd-pink {
	background: pink;
}

.backgrnd-yellow {
	background: yellow;
}

.backgrnd-skyblue {
	background: skyblue;
}

.backgrnd-red {
	background: red;
}

/*  デバック時の指定位置 ジャンプ用           */

.jump-range {
	text-align: right;
	padding: 1%;
}

.jump-mark {
	display: inline-block;
	padding-right: 40px;
	font-size: 40px;
	color: red;
	background: pink ;
}


/* ----------------------------------------*/

/* -------------------------------------------------------------------------------*/
/*  margin left  size         [mal-0p0]    ～  [--mal-9p9]     Base  0.1%         */
/*                            [mal-10p]    ～  [--mal-99p]     Base  1%           */
/* -------------------------------------------------------------------------------*/

/*  margin left  size         [mal-0p0]    ～  [--mal-10p9]                       */

.mal-0p0 {
	margin-left: 0.0%;
}
.mal-0p1 {
	margin-left: 0.1%;
}
.mal-0p2 {
	margin-left: 0.2%;
}
.mal-0p3 {
	margin-left: 0.3%;
}
.mal-0p4 {
	margin-left: 0.4%;
}
.mal-0p5 {
	margin-left: 0.5%;
}
.mal-0p6 {
	margin-left: 0.6%;
}
.mal-0p7 {
	margin-left: 0.7%;
}
.mal-0p8 {
	margin-left: 0.8%;
}
.mal-0p9 {
	margin-left: 0.9%;
}
/*                                         */
.mal-1p0 {
	margin-left: 1.0%;
}
.mal-1p1 {
	margin-left: 1.1%;
}
.mal-1p2 {
	margin-left: 1.2%;
}
.mal-1p3 {
	margin-left: 1.3%;
}
.mal-1p4 {
	margin-left: 1.4%;
}
.mal-1p5 {
	margin-left: 1.5%;
}
.mal-1p6 {
	margin-left: 1.6%;
}
.mal-1p7 {
	margin-left: 1.7%;
}
.mal-1p8 {
	margin-left: 1.8%;
}
.mal-1p9 {
	margin-left: 1.9%;
}
/*                                         */
.mal-2p0 {
	margin-left: 2.0%;
}
.mal-2p1 {
	margin-left: 2.1%;
}
.mal-2p2 {
	margin-left: 2.2%;
}
.mal-2p3 {
	margin-left: 2.3%;
}
.mal-2p4 {
	margin-left: 2.4%;
}
.mal-2p5 {
	margin-left: 2.5%;
}
.mal-2p6 {
	margin-left: 2.6%;
}
.mal-2p7 {
	margin-left: 2.7%;
}
.mal-2p8 {
	margin-left: 2.8%;
}
.mal-2p9 {
	margin-left: 2.9%;
}
/*                                         */
.mal-3p0 {
	margin-left: 3.0%;
}
.mal-3p1 {
	margin-left: 3.1%;
}
.mal-3p2 {
	margin-left: 3.2%;
}
.mal-3p3 {
	margin-left: 3.3%;
}
.mal-3p4 {
	margin-left: 3.4%;
}
.mal-3p5 {
	margin-left: 3.5%;
}
.mal-3p6 {
	margin-left: 3.6%;
}
.mal-3p7 {
	margin-left: 3.7%;
}
.mal-3p8 {
	margin-left: 3.8%;
}
.mal-3p9 {
	margin-left: 3.9%;
}
/*                                         */
.mal-4p0 {
	margin-left: 4.0%;
}
.mal-4p1 {
	margin-left: 4.1%;
}
.mal-4p2 {
	margin-left: 4.2%;
}
.mal-4p3 {
	margin-left: 4.3%;
}
.mal-4p4 {
	margin-left: 4.4%;
}
.mal-4p5 {
	margin-left: 4.5%;
}
.mal-4p6 {
	margin-left: 4.6%;
}
.mal-4p7 {
	margin-left: 4.7%;
}
.mal-4p8 {
	margin-left: 4.8%;
}
.mal-4p9 {
	margin-left: 4.9%;
}
/*                                         */
.mal-5p0 {
	margin-left: 5.0%;
}
.mal-5p1 {
	margin-left: 5.1%;
}
.mal-5p2 {
	margin-left: 5.2%;
}
.mal-5p3 {
	margin-left: 5.3%;
}
.mal-5p4 {
	margin-left: 5.4%;
}
.mal-5p5 {
	margin-left: 5.5%;
}
.mal-5p6 {
	margin-left: 5.6%;
}
.mal-5p7 {
	margin-left: 5.7%;
}
.mal-5p8 {
	margin-left: 5.8%;
}
.mal-5p9 {
	margin-left: 5.9%;
}
/*                                         */
.mal-6p0 {
	margin-left: 6.0%;
}
.mal-6p1 {
	margin-left: 6.1%;
}
.mal-6p2 {
	margin-left: 6.2%;
}
.mal-6p3 {
	margin-left: 6.3%;
}
.mal-6p4 {
	margin-left: 6.4%;
}
.mal-6p5 {
	margin-left: 6.5%;
}
.mal-6p6 {
	margin-left: 6.6%;
}
.mal-6p7 {
	margin-left: 6.7%;
}
.mal-6p8 {
	margin-left: 6.8%;
}
.mal-6p9 {
	margin-left: 6.9%;
}
/*                                         */
.mal-7p0 {
	margin-left: 7.0%;
}
.mal-7p1 {
	margin-left: 7.1%;
}
.mal-7p2 {
	margin-left: 7.2%;
}
.mal-7p3 {
	margin-left: 7.3%;
}
.mal-7p4 {
	margin-left: 7.4%;
}
.mal-7p5 {
	margin-left: 7.5%;
}
.mal-7p6 {
	margin-left: 7.6%;
}
.mal-7p7 {
	margin-left: 7.7%;
}
.mal-7p8 {
	margin-left: 7.8%;
}
.mal-7p9 {
	margin-left: 7.9%;
}
/*                                         */
.mal-8p0 {
	margin-left: 8.0%;
}
.mal-8p1 {
	margin-left: 8.1%;
}
.mal-8p2 {
	margin-left: 8.2%;
}
.mal-8p3 {
	margin-left: 8.3%;
}
.mal-8p4 {
	margin-left: 8.4%;
}
.mal-8p5 {
	margin-left: 8.5%;
}
.mal-8p6 {
	margin-left: 8.6%;
}
.mal-8p7 {
	margin-left: 8.7%;
}
.mal-8p8 {
	margin-left: 8.8%;
}
.mal-8p9 {
	margin-left: 8.9%;
}
/*                                         */
.mal-9p0 {
	margin-left: 9.0%;
}
.mal-9p1 {
	margin-left: 9.1%;
}
.mal-9p2 {
	margin-left: 9.2%;
}
.mal-9p3 {
	margin-left: 9.3%;
}
.mal-9p4 {
	margin-left: 9.4%;
}
.mal-9p5 {
	margin-left: 9.5%;
}
.mal-9p6 {
	margin-left: 9.6%;
}
.mal-9p7 {
	margin-left: 9.7%;
}
.mal-9p8 {
	margin-left: 9.8%;
}
.mal-9p9 {
	margin-left: 9.9%;
}
/*      [mal-10p]    ～  [--mal-30p]                       */
.mal-10p {
	margin-left: 10.0%;
}
.mal-11p {
	margin-left: 11.0%;
}
.mal-12p {
	margin-left: 12.0%;
}
.mal-13p {
	margin-left: 13.0%;
}
.mal-14p {
	margin-left: 14.0%;
}
.mal-15p {
	margin-left: 15.0%;
}
.mal-16p {
	margin-left: 16.0%;
}
.mal-17p {
	margin-left: 17.0%;
}
.mal-18p {
	margin-left: 18.0%;
}
.mal-19p {
	margin-left: 19.0%;
}
/*                                         */
.mal-20p {
	margin-left: 20.0%;
}
.mal-21p {
	margin-left: 21.0%;
}
.mal-22p {
	margin-left: 22.0%;
}
.mal-23p {
	margin-left: 23.0%;
}
.mal-24p {
	margin-left: 24.0%;
}
.mal-25p {
	margin-left: 25.0%;
}
.mal-26p {
	margin-left: 26.0%;
}
.mal-27p {
	margin-left: 27.0%;
}
.mal-28p {
	margin-left: 28.0%;
}
.mal-29p {
	margin-left: 29.0%;
}
/*                                         */
.mal-30p {
	margin-left: 30.0%;
}
.mal-31p {
	margin-left: 31.0%;
}
.mal-32p {
	margin-left: 32.0%;
}
.mal-33p {
	margin-left: 33.0%;
}
.mal-34p {
	margin-left: 34.0%;
}
.mal-35p {
	margin-left: 35.0%;
}
.mal-36p {
	margin-left: 36.0%;
}
.mal-37p {
	margin-left: 37.0%;
}
.mal-38p {
	margin-left: 38.0%;
}
.mal-39p {
	margin-left: 39.0%;
}
/*                                         */
.mal-40p {
	margin-left: 40.0%;
}
.mal-41p {
	margin-left: 41.0%;
}
.mal-42p {
	margin-left: 42.0%;
}
.mal-43p {
	margin-left: 43.0%;
}
.mal-44p {
	margin-left: 44.0%;
}
.mal-45p {
	margin-left: 45.0%;
}
.mal-46p {
	margin-left: 46.0%;
}
.mal-47p {
	margin-left: 47.0%;
}
.mal-48p {
	margin-left: 48.0%;
}
.mal-49p {
	margin-left: 49.0%;
}
/*                                         */

.mal-50p {
	margin-left: 50.0%;
}
.mal-51p {
	margin-left: 51.0%;
}
.mal-52p {
	margin-left: 52.0%;
}
.mal-53p {
	margin-left: 53.0%;
}
.mal-54p {
	margin-left: 54.0%;
}
.mal-55p {
	margin-left: 55.0%;
}
.mal-56p {
	margin-left: 56.0%;
}
.mal-57p {
	margin-left: 57.0%;
}
.mal-58p {
	margin-left: 58.0%;
}
.mal-59p {
	margin-left: 59.0%;
}
/*                                         */
.mal-60p {
	margin-left: 60.0%;
}
.mal-61p {
	margin-left: 61.0%;
}
.mal-62p {
	margin-left: 62.0%;
}
.mal-63p {
	margin-left: 63.0%;
}
.mal-64p {
	margin-left: 64.0%;
}
.mal-65p {
	margin-left: 65.0%;
}
.mal-66p {
	margin-left: 66.0%;
}
.mal-67p {
	margin-left: 67.0%;
}
.mal-68p {
	margin-left: 68.0%;
}
.mal-69p {
	margin-left: 69.0%;
}
/*                                         */
.mal-70p {
	margin-left: 70.0%;
}
.mal-71p {
	margin-left: 71.0%;
}
.mal-72p {
	margin-left: 72.0%;
}
.mal-73p {
	margin-left: 73.0%;
}
.mal-74p {
	margin-left: 74.0%;
}
.mal-75p {
	margin-left: 75.0%;
}
.mal-76p {
	margin-left: 76.0%;
}
.mal-77p {
	margin-left: 77.0%;
}
.mal-78p {
	margin-left: 78.0%;
}
.mal-79p {
	margin-left: 79.0%;
}
/*                                         */
.mal-80p {
	margin-left: 80.0%;
}
.mal-81p {
	margin-left: 81.0%;
}
.mal-82p {
	margin-left: 82.0%;
}
.mal-83p {
	margin-left: 83.0%;
}
.mal-84p {
	margin-left: 84.0%;
}
.mal-85p {
	margin-left: 85.0%;
}
.mal-86p {
	margin-left: 86.0%;
}
.mal-87p {
	margin-left: 87.0%;
}
.mal-88p {
	margin-left: 88.0%;
}
.mal-89p {
	margin-left: 89.0%;
}
/*                                         */
.mal-90p {
	margin-left: 90.0%;
}
.mal-91p {
	margin-left: 91.0%;
}
.mal-92p {
	margin-left: 92.0%;
}
.mal-93p {
	margin-left: 93.0%;
}
.mal-94p {
	margin-left: 94.0%;
}
.mal-95p {
	margin-left: 95.0%;
}
.mal-96p {
	margin-left: 96.0%;
}
.mal-97p {
	margin-left: 97.0%;
}
.mal-98p {
	margin-left: 98.0%;
}
.mal-99p {
	margin-left: 99.0%;
}
/*                                         */