@charset "utf-8";


/* Sample:   <span class = "f24 f-lm-50 f-mm-54 f-sm-45"> */

@font-face{
  font-family: 'Noto Sans JP';
  src: url("../fonts/NotoSansJP-Light.ttf") format("ttf"),
  		url("../fonts/NotoSansJP-Black.ttf") format("ttf");
}

.gfnt-body { font-family: 'Noto Sans JP', sans-serif; }


/*font color */
.RED {color: #C80000; }
.BLACK {color: #000; }
.WHITE {color: #fff; }
.BLUE {color: #0C67B6; }
.YELLOW {color: #FFFE74; }
.GREEN { color: #48B900}
.ORANGE { color: #FFB44B}


/* main text-color */
.txtc-num { color: #ED4834}
.txtc-main { color: #105DA2}


/*font bold */
.BOLD { font-weight: bold;} 


/*font background color */
.BG-YELLOW { background-color:#FFF9B2;} 


/*font underline */ 
.UNDER {text-decoration:underline} 

.ITA { font-style: italic} 


/*蛍光ペン*/
.UNDER-KYELLOW{ background:linear-gradient(transparent 80%, #FCF771 60%); }/*YELLOW*/
.UNDER-KPINKW{ 	background:linear-gradient(transparent 60%, #f6c 60%); }/*PINK*/
.UNDER-KBLUE{	background:linear-gradient(transparent 60%, #A2FFFF 60%); }/*BLUE*/
.UNDER-KGREEN{	background:linear-gradient(transparent 90%, #36C42C 60%); }/*GREEN*/


.f100{ font-size: 100px;}
.f90 { font-size: 90px;}
.f80 { font-size: 80px;}
.f60 { font-size: 60px;}
.f50 { font-size: 50px;}
.f40 { font-size: 40px;}
.f30 { font-size: 30px;}
.f28 { font-size: 28px;}
.f26 { font-size: 26px;}
.f24 { font-size: 24px !important;}
.f22 { font-size: 22px !important;}
.f20 { font-size: 20px !important;}
.f18 { font-size: 18px !important;}
.f16 { font-size: 16px !important;}
.f14 { font-size: 14px !important;}
.f12 { font-size: 12px !important;}
.f10 { font-size: 10px !important;}

/*font Line-height  */
.lh19 { line-height: 1.9; }
.lh15 { line-height: 1.5; }
.lh12 { line-height: 1.2; }
.lh10 { line-height: 1; }
.lh08 { line-height: 0.8; }
.lh00 { line-height: 0; }


/************************************************************/
@media screen and (min-width: 1300px){

}

@media screen and (min-width:900px) and ( max-width: 1299px){


}

@media screen and (min-width:1201px) and ( max-width: 1300px){
}

@media screen and (min-width:1000px) and ( max-width: 1200px){
.f-lm-50 { font-size:  5.0em }
.f-lm-42 { font-size:  4.2em }
.f-lm-28 { font-size:  2.8em }
.f-lm-18 { font-size:  1.8em }
.f-lm-12 { font-size:  1.2em }
}


@media screen and (min-width:481px) and ( max-width: 999px){ 
.f-mm-54 { font-size:  5.4em }
.f-mm-32 { font-size:  3.2em }
.f-mm-22 { font-size:  2.2em }
.f-mm-15 { font-size:  1.5em }
.f-mm-14 { font-size:  1.4em }
.f-mm-12 { font-size:  1.2em }

}

@media screen and (max-width: 479px) { 

/*font size */
.f-sm-45 { font-size:  4.5em }
.f-sm-40 { font-size:  4.0em }
.f-sm-32 { font-size:  3.2em }
.f-sm-26 { font-size:  2.6em }
.f-sm-22 { font-size:  2.2em }
.f-sm-20 { font-size:  2.0em }
.f-sm-19 { font-size:  1.9em }
.f-sm-18 { font-size:  1.8em }
.f-sm-16 { font-size:  1.6em }
.f-sm-15 { font-size:  1.5em }
.f-sm-14 { font-size:  1.4em }
.f-sm-12 { font-size:  1.2em !important}
.f-sm-11 { font-size:  1.1em !important}
.f-sm-10 { font-size:  1.0em !important}
.f-sm-09 { font-size:  0.9em !important}
.f-sm-08 { font-size:  0.8em !important}

}