@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; }
.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*/

/*************************************************************/
/*　画面サイズ 1000px以上から適用　*/
/************************************************************/
/*@media screen and (max-width:1100px) {*/
.F100{ font-size: 100px;}
.F80{ font-size: 80px;}
.F60 { font-size: 60px;}
.F50 { font-size: 50px;}
.F40 { font-size: 40px;}
.F40a { font-size: 40px;}
.F30 { font-size: 30px;}
.F24 { font-size: 24px;}
.F20 { font-size: 20px;}
.F18 { font-size: 18px;}
.F14 { font-size: 14px;}
.F12 { font-size: 12px;}

/*font Line-height  */
.LH9 { line-height: 1.9; }
.LH5 { line-height: 1.5; }
.LH2 { line-height: 1.2; }
.LH1 { line-height: 1; }
.LH0 { line-height: 0; }
/*}  */


/************************************************************/
@media  (min-width: 480px)  and (max-width: 1024px) {  

/*font size */

.F-1024-230 { font-size: 350%}

.F80{ font-size: 150%;}
.F60 { font-size: 200%;}
.F50 { font-size: 180%;}
.F40 { font-size: 190%;}
.F40a { font-size: 170%;}
.F30 { font-size: 140%;}
.F24 { font-size: 120%;}
.F20 { font-size: 100%;}
.F20 { font-size: 100%;}
.F18 { font-size: 80%;}
.F14 { font-size: 80%;}
.F12 { font-size: 70%;}

/*font Line-height */ 
.LH9 { line-height: 1.9; }
.LH5 { line-height: 1.2; }
.LH2 { line-height: 1.2; }
.LH1 { line-height: 1; }
.LH0 { line-height: 0; }

}



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

/*font size */
.F-SP-350 { font-size: 350%}

.F80{ font-size: 150%;}
.F60 { font-size: 200%;}
.F50 { font-size: 120%;}
.F40 { font-size: 150%;}
.F40a { font-size: 160%;}
.F30 { font-size: 140%;}
.F24 { font-size: 120%;}
.F20 { font-size: 100%;}
.F20 { font-size: 100%;}
.F18 { font-size: 80%;}
.F14 { font-size: 80%;}
.F12 { font-size: 70%;}

/*font Line-height */ 
.LH30 {line-height: 3.0}
.LH9 { line-height: 1.9; }
.LH5 { line-height: 1.2; }
.LH2 { line-height: 1.2; }
.LH1 { line-height: 1; }
.LH0 { line-height: 0; }

}