@charset "utf-8";


/* Sample:   <span class = "F100 REDd BOLD UNDER LH5 BG-YELLOW"> */


/*font color */
.RED {color: #C80000; }
.BLACK {color: #000; }
.WHITE {color: #fff; }
.BLUE {color: #0C67B6; }
.YELLOW {color: #FFFE74; }
.H-YELLOW {color: #FFED43; }
.GREEN { color: #48B900}
.ORANGE { color: #FFB44B}
/*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;}
.f26 { font-size: 26px;}
.f24 { font-size: 24px;}
.f22 { font-size: 22px;}
.f20 { font-size: 20px;}
.f18 { font-size: 18px;}
.f16 { font-size: 16px;}
.f14 { font-size: 14px;}
.f12 { font-size: 12px;}

/*font Line-height  */
.lh19 { line-height: 1.9; }
.lh15 { line-height: 1.5; }
.lh12 { line-height: 1.2; }
.lh10 { line-height: 1; }
.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-50l { font-size:  5.0em }
.f-42l { font-size:  4.2em }
.f-28l { font-size:  2.8em }
.f-18l { font-size:  1.8em }
.f-12l { font-size:  1.2em }
}


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

}

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

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

}