@charset "utf-8";

/*-------------------------------------------------------
 fontsize
--------------------------------------------------------*/	
	.font10 { font-size: 10px;font-size: 1.0rem; }
	.font11 { font-size: 11px;font-size: 1.1rem; }
	.font12 { font-size: 12px;font-size: 1.2rem; }
	.font13 { font-size: 13px;font-size: 1.3rem; }
	.font14 { font-size: 14px;font-size: 1.4rem; }
	.font15 { font-size: 15px;font-size: 1.5rem; }
	.font16 { font-size: 16px;font-size: 1.6rem; }
	.font17 { font-size: 17px;font-size: 1.7rem; }
	.font18 { font-size: 18px;font-size: 1.8rem; }
	.font19 { font-size: 19px;font-size: 1.9rem; }
	.font20 { font-size: 20px;font-size: 2.0rem; }
	.font21 { font-size: 21px;font-size: 2.1rem; }
	.font22 { font-size: 22px;font-size: 2.2rem; }
	.font23 { font-size: 23px;font-size: 2.3rem; }
	.font24 { font-size: 24px;font-size: 2.4rem; }
	.font25 { font-size: 25px;font-size: 2.5rem; }
	.font26 { font-size: 26px;font-size: 2.6rem; }
	.font27 { font-size: 27px;font-size: 2.7rem; }
	.font28 { font-size: 28px;font-size: 2.8rem; }
	.font29 { font-size: 29px;font-size: 2.9rem; }
	.font30 { font-size: 30px;font-size: 3.0rem; }
	.font31 { font-size: 31px;font-size: 3.1rem; }
	.font32 { font-size: 32px;font-size: 3.2rem; }
	.font33 { font-size: 33px;font-size: 3.3rem; }
	.font34 { font-size: 34px;font-size: 3.4rem; }
	.font35 { font-size: 35px;font-size: 3.5rem; }
	
	@media screen and (max-width:767px) {
		.font10-sp { font-size: 10px;font-size: 1.0rem; }
		.font11-sp { font-size: 11px;font-size: 1.1rem; }
		.font12-sp { font-size: 12px;font-size: 1.2rem; }
		.font13-sp { font-size: 13px;font-size: 1.3rem; }
		.font14-sp { font-size: 14px;font-size: 1.4rem; }
		.font15-sp { font-size: 15px;font-size: 1.5rem; }
		.font16-sp { font-size: 16px;font-size: 1.6rem; }
		.font17-sp { font-size: 17px;font-size: 1.7rem; }
		.font18-sp { font-size: 18px;font-size: 1.8rem; }
		.font19-sp { font-size: 19px;font-size: 1.9rem; }
		.font20-sp { font-size: 20px;font-size: 2.0rem; }
		.font21-sp { font-size: 21px;font-size: 2.1rem; }
		.font22-sp { font-size: 22px;font-size: 2.2rem; }
		.font23-sp { font-size: 23px;font-size: 2.3rem; }
		.font24-sp { font-size: 24px;font-size: 2.4rem; }
		.font25-sp { font-size: 25px;font-size: 2.5rem; }
		.font26-sp { font-size: 26px;font-size: 2.6rem; }
		.font27-sp { font-size: 27px;font-size: 2.7rem; }
		.font28-sp { font-size: 28px;font-size: 2.8rem; }
		.font29-sp { font-size: 29px;font-size: 2.9rem; }
		.font30-sp { font-size: 30px;font-size: 3.0rem; }
		.font31-sp { font-size: 31px;font-size: 3.1rem; }
		.font32-sp { font-size: 32px;font-size: 3.2rem; }
		.font33-sp { font-size: 33px;font-size: 3.3rem; }
		.font34-sp { font-size: 34px;font-size: 3.4rem; }
		.font35-sp { font-size: 35px;font-size: 3.5rem; }
	}

/*-------------------------------------------------------
 margin padding
--------------------------------------------------------*/	
	.m-auto { margin:auto; }
	
	.mt-20 { margin-top:  -20px; }
	.mt-10 { margin-top:  -10px; }
	.mt-05 { margin-top:   -5px; }
	
	.mt00 { margin-top:  0px; }    .pt00 { padding-top:  0px; }
	.mt05 { margin-top:  5px; }    .pt05 { padding-top:  5px; }
	.mt10 { margin-top: 10px; }    .pt10 { padding-top: 10px; }
	.mt15 { margin-top: 15px; }    .pt15 { padding-top: 15px; }
	.mt20 { margin-top: 20px; }    .pt20 { padding-top: 20px; }
	.mt25 { margin-top: 25px; }    .pt25 { padding-top: 25px; }
	.mt30 { margin-top: 30px; }    .pt30 { padding-top: 30px; }
	.mt35 { margin-top: 35px; }    .pt35 { padding-top: 35px; }
	.mt40 { margin-top: 40px; }    .pt40 { padding-top: 40px; }
	.mt45 { margin-top: 45px; }    .pt45 { padding-top: 45px; }
	.mt50 { margin-top: 50px; }    .pt50 { padding-top: 50px; }
	.mt55 { margin-top: 55px; }    .pt55 { padding-top: 55px; }
	.mt60 { margin-top: 60px; }    .pt60 { padding-top: 60px; }
	.mt65 { margin-top: 65px; }    .pt65 { padding-top: 65px; }
	.mt70 { margin-top: 70px; }    .pt70 { padding-top: 70px; }
	.mt75 { margin-top: 75px; }    .pt75 { padding-top: 75px; }
	.mt80 { margin-top: 80px; }    .pt80 { padding-top: 80px; }
	.mt85 { margin-top: 85px; }    .pt85 { padding-top: 85px; }
	.mt90 { margin-top: 90px; }    .pt90 { padding-top: 90px; }
	.mt95 { margin-top: 95px; }    .pt95 { padding-top: 95px; }
	.mt100{ margin-top:100px; }    .pt100{ padding-top:100px; }

	.mr00 { margin-right:  0px; }  .pr00 { padding-right:  0px; }
	.mr05 { margin-right:  5px; }  .pr05 { padding-right:  5px; }
	.mr10 { margin-right: 10px; }  .pr10 { padding-right: 10px; }
	.mr15 { margin-right: 15px; }  .pr15 { padding-right: 15px; }
	.mr20 { margin-right: 20px; }  .pr20 { padding-right: 20px; }
	.mr25 { margin-right: 25px; }  .pr25 { padding-right: 25px; }
	.mr30 { margin-right: 30px; }  .pr30 { padding-right: 30px; }
	.mr35 { margin-right: 35px; }  .pr35 { padding-right: 35px; }
	.mr40 { margin-right: 40px; }  .pr40 { padding-right: 40px; }
	.mr45 { margin-right: 45px; }  .pr45 { padding-right: 45px; }
	.mr50 { margin-right: 50px; }  .pr50 { padding-right: 50px; }
	.mr55 { margin-right: 55px; }  .pr55 { padding-right: 55px; }
	.mr60 { margin-right: 60px; }  .pr60 { padding-right: 60px; }
	.mr65 { margin-right: 65px; }  .pr65 { padding-right: 65px; }
	.mr70 { margin-right: 70px; }  .pr70 { padding-right: 70px; }
	.mr75 { margin-right: 75px; }  .pr75 { padding-right: 75px; }
	.mr80 { margin-right: 80px; }  .pr80 { padding-right: 80px; }
	.mr85 { margin-right: 85px; }  .pr85 { padding-right: 85px; }
	.mr90 { margin-right: 90px; }  .pr90 { padding-right: 90px; }
	.mr95 { margin-right: 95px; }  .pr95 { padding-right: 95px; }
	.mr100{ margin-right:100px; }  .pr100{ padding-right:100px; }

	.mb00 { margin-bottom:  0px; } .pb00 { padding-bottom:  0px; }
	.mb05 { margin-bottom:  5px; } .pb05 { padding-bottom:  5px; }
	.mb10 { margin-bottom: 10px; } .pb10 { padding-bottom: 10px; }
	.mb15 { margin-bottom: 15px; } .pb15 { padding-bottom: 15px; }
	.mb20 { margin-bottom: 20px; } .pb20 { padding-bottom: 20px; }
	.mb25 { margin-bottom: 25px; } .pb25 { padding-bottom: 25px; }
	.mb30 { margin-bottom: 30px; } .pb30 { padding-bottom: 30px; }
	.mb35 { margin-bottom: 35px; } .pb35 { padding-bottom: 35px; }
	.mb40 { margin-bottom: 40px; } .pb40 { padding-bottom: 40px; }
	.mb45 { margin-bottom: 45px; } .pb45 { padding-bottom: 45px; }
	.mb50 { margin-bottom: 50px; } .pb50 { padding-bottom: 50px; }
	.mb55 { margin-bottom: 55px; } .pb55 { padding-bottom: 55px; }
	.mb60 { margin-bottom: 60px; } .pb60 { padding-bottom: 60px; }
	.mb65 { margin-bottom: 65px; } .pb65 { padding-bottom: 65px; }
	.mb70 { margin-bottom: 70px; } .pb70 { padding-bottom: 70px; }
	.mb75 { margin-bottom: 75px; } .pb75 { padding-bottom: 75px; }
	.mb80 { margin-bottom: 80px; } .pb80 { padding-bottom: 80px; }
	.mb85 { margin-bottom: 85px; } .pb85 { padding-bottom: 85px; }
	.mb90 { margin-bottom: 90px; } .pb90 { padding-bottom: 90px; }
	.mb95 { margin-bottom: 95px; } .pb95 { padding-bottom: 95px; }
	.mb100{ margin-bottom:100px; } .pb100{ padding-bottom:100px; }

	.ml00 { margin-left:  0px; }   .pl00 { padding-left:  0px; }
	.ml05 { margin-left:  5px; }   .pl05 { padding-left:  5px; }
	.ml10 { margin-left: 10px; }   .pl10 { padding-left: 10px; }
	.ml15 { margin-left: 15px; }   .pl15 { padding-left: 15px; }
	.ml20 { margin-left: 20px; }   .pl20 { padding-left: 20px; }
	.ml25 { margin-left: 25px; }   .pl25 { padding-left: 25px; }
	.ml30 { margin-left: 30px; }   .pl30 { padding-left: 30px; }
	.ml35 { margin-left: 35px; }   .pl35 { padding-left: 35px; }
	.ml40 { margin-left: 40px; }   .pl40 { padding-left: 40px; }
	.ml45 { margin-left: 45px; }   .pl45 { padding-left: 45px; }
	.ml50 { margin-left: 50px; }   .pl50 { padding-left: 50px; }
	.ml55 { margin-left: 55px; }   .pl55 { padding-left: 55px; }
	.ml60 { margin-left: 60px; }   .pl60 { padding-left: 60px; }
	.ml65 { margin-left: 65px; }   .pl65 { padding-left: 65px; }
	.ml70 { margin-left: 70px; }   .pl70 { padding-left: 70px; }
	.ml75 { margin-left: 75px; }   .pl75 { padding-left: 75px; }
	.ml80 { margin-left: 80px; }   .pl80 { padding-left: 80px; }
	.ml85 { margin-left: 85px; }   .pl85 { padding-left: 85px; }
	.ml90 { margin-left: 90px; }   .pl90 { padding-left: 90px; }
	.ml95 { margin-left: 95px; }   .pl95 { padding-left: 95px; }
	.ml100{ margin-left:100px; }   .pl100{ padding-left:100px; }

	.mt01p { margin-top:  1%; }    .pt01p { padding-top:  1%; }
	.mt02p { margin-top:  2%; }    .pt02p { padding-top:  2%; }
	.mt03p { margin-top:  3%; }    .pt03p { padding-top:  3%; }
	.mt04p { margin-top:  4%; }    .pt04p { padding-top:  4%; }
	.mt05p { margin-top:  5%; }    .pt05p { padding-top:  5%; }
	.mt06p { margin-top:  6%; }    .pt06p { padding-top:  6%; }
	.mt07p { margin-top:  7%; }    .pt07p { padding-top:  7%; }
	.mt08p { margin-top:  8%; }    .pt08p { padding-top:  8%; }
	.mt09p { margin-top:  9%; }    .pt09p { padding-top:  9%; }
	.mt10p { margin-top: 10%; }    .pt10p { padding-top: 10%; }

	.mr01p { margin-right:  1%; }  .pr01p { padding-right:  1%; }
	.mr02p { margin-right:  2%; }  .pr02p { padding-right:  2%; }
	.mr03p { margin-right:  3%; }  .pr03p { padding-right:  3%; }
	.mr04p { margin-right:  4%; }  .pr04p { padding-right:  4%; }
	.mr05p { margin-right:  5%; }  .pr05p { padding-right:  5%; }
	.mr06p { margin-right:  6%; }  .pr06p { padding-right:  6%; }
	.mr07p { margin-right:  7%; }  .pr07p { padding-right:  7%; }
	.mr08p { margin-right:  8%; }  .pr08p { padding-right:  8%; }
	.mr09p { margin-right:  9%; }  .pr09p { padding-right:  9%; }
	.mr10p { margin-right: 10%; }  .pr10p { padding-right: 10%; }

	.mb01p { margin-bottom:  1%; } .pb01p { padding-bottom:  1%; }
	.mb02p { margin-bottom:  2%; } .pb02p { padding-bottom:  2%; }
	.mb03p { margin-bottom:  3%; } .pb03p { padding-bottom:  3%; }
	.mb04p { margin-bottom:  4%; } .pb04p { padding-bottom:  4%; }
	.mb05p { margin-bottom:  5%; } .pb05p { padding-bottom:  5%; }
	.mb06p { margin-bottom:  6%; } .pb06p { padding-bottom:  6%; }
	.mb07p { margin-bottom:  7%; } .pb07p { padding-bottom:  7%; }
	.mb08p { margin-bottom:  8%; } .pb08p { padding-bottom:  8%; }
	.mb09p { margin-bottom:  9%; } .pb09p { padding-bottom:  9%; }
	.mb10p { margin-bottom: 10%; } .pb10p { padding-bottom: 10%; }

	.ml01p { margin-left:  1%; }   .pl01p { padding-left:  1%; }
	.ml02p { margin-left:  2%; }   .pl02p { padding-left:  2%; }
	.ml03p { margin-left:  3%; }   .pl03p { padding-left:  3%; }
	.ml04p { margin-left:  4%; }   .pl04p { padding-left:  4%; }
	.ml05p { margin-left:  5%; }   .pl05p { padding-left:  5%; }
	.ml06p { margin-left:  6%; }   .pl06p { padding-left:  6%; }
	.ml07p { margin-left:  7%; }   .pl07p { padding-left:  7%; }
	.ml08p { margin-left:  8%; }   .pl08p { padding-left:  8%; }
	.ml09p { margin-left:  9%; }   .pl09p { padding-left:  9%; }
	.ml10p { margin-left: 10%; }   .pl10p { padding-left: 10%; }

	@media screen and (max-width : 767px){
		.mt00-sp { margin-top:  0px; }    .pt00-sp { padding-top:  0px; }
		.mt05-sp { margin-top:  5px; }    .pt05-sp { padding-top:  5px; }
		.mt10-sp { margin-top: 10px; }    .pt10-sp { padding-top: 10px; }
		.mt15-sp { margin-top: 15px; }    .pt15-sp { padding-top: 15px; }
		.mt20-sp { margin-top: 20px; }    .pt20-sp { padding-top: 20px; }
		.mt25-sp { margin-top: 25px; }    .pt25-sp { padding-top: 25px; }
		.mt30-sp { margin-top: 30px; }    .pt30-sp { padding-top: 30px; }
		.mt35-sp { margin-top: 35px; }    .pt35-sp { padding-top: 35px; }
		.mt40-sp { margin-top: 40px; }    .pt40-sp { padding-top: 40px; }
		.mt45-sp { margin-top: 45px; }    .pt45-sp { padding-top: 45px; }
		.mt50-sp { margin-top: 50px; }    .pt50-sp { padding-top: 50px; }
		.mt55-sp { margin-top: 55px; }    .pt55-sp { padding-top: 55px; }
		.mt60-sp { margin-top: 60px; }    .pt60-sp { padding-top: 60px; }
		.mt65-sp { margin-top: 65px; }    .pt65-sp { padding-top: 65px; }
		.mt70-sp { margin-top: 70px; }    .pt70-sp { padding-top: 70px; }
		.mt75-sp { margin-top: 75px; }    .pt75-sp { padding-top: 75px; }
		.mt80-sp { margin-top: 80px; }    .pt80-sp { padding-top: 80px; }
		.mt85-sp { margin-top: 85px; }    .pt85-sp { padding-top: 85px; }
		.mt90-sp { margin-top: 90px; }    .pt90-sp { padding-top: 90px; }
		.mt95-sp { margin-top: 95px; }    .pt95-sp { padding-top: 95px; }
		.mt100-sp{ margin-top:100px; }    .pt100-sp{ padding-top:100px; }

		.mr00-sp { margin-right:  0px; }  .pr00-sp { padding-right:  0px; }
		.mr05-sp { margin-right:  5px; }  .pr05-sp { padding-right:  5px; }
		.mr10-sp { margin-right: 10px; }  .pr10-sp { padding-right: 10px; }
		.mr15-sp { margin-right: 15px; }  .pr15-sp { padding-right: 15px; }
		.mr20-sp { margin-right: 20px; }  .pr20-sp { padding-right: 20px; }
		.mr25-sp { margin-right: 25px; }  .pr25-sp { padding-right: 25px; }
		.mr30-sp { margin-right: 30px; }  .pr30-sp { padding-right: 30px; }
		.mr35-sp { margin-right: 35px; }  .pr35-sp { padding-right: 35px; }
		.mr40-sp { margin-right: 40px; }  .pr40-sp { padding-right: 40px; }
		.mr45-sp { margin-right: 45px; }  .pr45-sp { padding-right: 45px; }
		.mr50-sp { margin-right: 50px; }  .pr50-sp { padding-right: 50px; }
		.mr55-sp { margin-right: 55px; }  .pr55-sp { padding-right: 55px; }
		.mr60-sp { margin-right: 60px; }  .pr60-sp { padding-right: 60px; }
		.mr65-sp { margin-right: 65px; }  .pr65-sp { padding-right: 65px; }
		.mr70-sp { margin-right: 70px; }  .pr70-sp { padding-right: 70px; }
		.mr75-sp { margin-right: 75px; }  .pr75-sp { padding-right: 75px; }
		.mr80-sp { margin-right: 80px; }  .pr80-sp { padding-right: 80px; }
		.mr85-sp { margin-right: 85px; }  .pr85-sp { padding-right: 85px; }
		.mr90-sp { margin-right: 90px; }  .pr90-sp { padding-right: 90px; }
		.mr95-sp { margin-right: 95px; }  .pr95-sp { padding-right: 95px; }
		.mr100-sp{ margin-right:100px; }  .pr100-sp{ padding-right:100px; }
		
		.mb00-sp { margin-bottom:  0px; } .pb00-sp { padding-bottom:  0px; }
		.mb05-sp { margin-bottom:  5px; } .pb05-sp { padding-bottom:  5px; }
		.mb10-sp { margin-bottom: 10px; } .pb10-sp { padding-bottom: 10px; }
		.mb15-sp { margin-bottom: 15px; } .pb15-sp { padding-bottom: 15px; }
		.mb20-sp { margin-bottom: 20px; } .pb20-sp { padding-bottom: 20px; }
		.mb25-sp { margin-bottom: 25px; } .pb25-sp { padding-bottom: 25px; }
		.mb30-sp { margin-bottom: 30px; } .pb30-sp { padding-bottom: 30px; }
		.mb35-sp { margin-bottom: 35px; } .pb35-sp { padding-bottom: 35px; }
		.mb40-sp { margin-bottom: 40px; } .pb40-sp { padding-bottom: 40px; }
		.mb45-sp { margin-bottom: 45px; } .pb45-sp { padding-bottom: 45px; }
		.mb50-sp { margin-bottom: 50px; } .pb50-sp { padding-bottom: 50px; }
		.mb55-sp { margin-bottom: 55px; } .pb55-sp { padding-bottom: 55px; }
		.mb60-sp { margin-bottom: 60px; } .pb60-sp { padding-bottom: 60px; }
		.mb65-sp { margin-bottom: 65px; } .pb65-sp { padding-bottom: 65px; }
		.mb70-sp { margin-bottom: 70px; } .pb70-sp { padding-bottom: 70px; }
		.mb75-sp { margin-bottom: 75px; } .pb75-sp { padding-bottom: 75px; }
		.mb80-sp { margin-bottom: 80px; } .pb80-sp { padding-bottom: 80px; }
		.mb85-sp { margin-bottom: 85px; } .pb85-sp { padding-bottom: 85px; }
		.mb90-sp { margin-bottom: 90px; } .pb90-sp { padding-bottom: 90px; }
		.mb95-sp { margin-bottom: 95px; } .pb95-sp { padding-bottom: 95px; }
		.mb100-sp{ margin-bottom:100px; } .pb100-sp{ padding-bottom:100px; }

		.ml00-sp { margin-left:  0px; }   .pl00-sp { padding-left:  0px; }
		.ml05-sp { margin-left:  5px; }   .pl05-sp { padding-left:  5px; }
		.ml10-sp { margin-left: 10px; }   .pl10-sp { padding-left: 10px; }
		.ml15-sp { margin-left: 15px; }   .pl15-sp { padding-left: 15px; }
		.ml20-sp { margin-left: 20px; }   .pl20-sp { padding-left: 20px; }
		.ml25-sp { margin-left: 25px; }   .pl25-sp { padding-left: 25px; }
		.ml30-sp { margin-left: 30px; }   .pl30-sp { padding-left: 30px; }
		.ml35-sp { margin-left: 35px; }   .pl35-sp { padding-left: 35px; }
		.ml40-sp { margin-left: 40px; }   .pl40-sp { padding-left: 40px; }
		.ml45-sp { margin-left: 45px; }   .pl45-sp { padding-left: 45px; }
		.ml50-sp { margin-left: 50px; }   .pl50-sp { padding-left: 50px; }
		.ml55-sp { margin-left: 55px; }   .pl55-sp { padding-left: 55px; }
		.ml60-sp { margin-left: 60px; }   .pl60-sp { padding-left: 60px; }
		.ml65-sp { margin-left: 65px; }   .pl65-sp { padding-left: 65px; }
		.ml70-sp { margin-left: 70px; }   .pl70-sp { padding-left: 70px; }
		.ml75-sp { margin-left: 75px; }   .pl75-sp { padding-left: 75px; }
		.ml80-sp { margin-left: 80px; }   .pl80-sp { padding-left: 80px; }
		.ml85-sp { margin-left: 85px; }   .pl85-sp { padding-left: 85px; }
		.ml90-sp { margin-left: 90px; }   .pl90-sp { padding-left: 90px; }
		.ml95-sp { margin-left: 95px; }   .pl95-sp { padding-left: 95px; }
		.ml100-sp{ margin-left:100px; }   .pl100-sp{ padding-left:100px; }
	}

/*-------------------------------------------------------
 width
--------------------------------------------------------*/	
.width-25  { width: 25%; }
.width-33  { width: 33%; }
.width-50  { width: 50%; }
.width-60  { width: 60%; }
.width-70  { width: 70%; }
.width-80  { width: 80%; }
.width-90  { width: 90%; }
.width-100 { width: 100%; }

@media screen and (max-width : 767px){
	.width-25-sp  { width: 25%; }
	.width-33-sp  { width: 33%; }
	.width-50-sp  { width: 50%; }
	.width-60-sp  { width: 60%; }
	.width-70-sp  { width: 70%; }
	.width-80-sp  { width: 80%; }
	.width-90-sp  { width: 90%; }
	.width-100-sp { width: 100%; }
}

/*-------------------------------------------------------
 text-decoration
--------------------------------------------------------*/	
.txt-bold  { font-weight: 700; }
.txt-under { text-decoration: underline ; }
.txt-del   { text-decoration: line-through; }

@media screen and (max-width : 767px){
	.txt-bold-sp  { font-weight: 700; }
	.txt-under-sp { text-decoration: underline; }
	.txt-del-sp   { text-decoration: line-through; }
}

/*-------------------------------------------------------
 text-color
--------------------------------------------------------*/	
.txt-blue   { color: #4ab0f5; }
.txt-red    { color: red; }
.txt-yellow { color: #ff0; }

/*-------------------------------------------------------
 background-color
--------------------------------------------------------*/	
.bg-blue   { background-color: #4ab0f5; }
.bg-red    { background-color: red; }
.bg-yellow { background-color: #ff0; }

/*-------------------------------------------------------
 float
--------------------------------------------------------*/	
.fl-l { float: left; }
.fl-r { float: right; }
.fl-clear { clear:both; }
.fl-none{ float:none; }

@media screen and (max-width : 767px){
	.fl-l-sp { float: left; }
	.fr-r-sp { float: right; }
	.fl-none-sp{ float:none; }
}

/*-------------------------------------------------------
 text-align
--------------------------------------------------------*/	
.txt-al { text-align: left !important; }
.txt-ar { text-align: right !important; }
.txt-ac { text-align: center !important; }

@media screen and (max-width : 767px){
	.txt-al-sp { text-align: left !important; }
	.txt-ar-sp { text-align: right !important; }
	.txt-ac-sp { text-align: center !important; }
}

/*-------------------------------------------------------
 vertical-align
--------------------------------------------------------*/	
.vtl-top    { vertical-align:top; }
.vtl-mid    { vertical-align:middle; }
.vtl-bottom { vertical-align:bottom; }

/*-------------------------------------------------------
 list
--------------------------------------------------------*/	
.list-indent    { margin-left: 1.0em; }
.list-indent li { text-indent: -1.0em; }

/*-------------------------------------------------------
 line-height
--------------------------------------------------------*/
.line-h10      { line-height:1.0; }
.line-h11      { line-height:1.1; }
.line-h12      { line-height:1.2; }
.line-h13      { line-height:1.3; }
.line-h14      { line-height:1.4; }
.line-h15      { line-height:1.5; }
.line-h16      { line-height:1.6; }
.line-h17      { line-height:1.7; }
.line-h18      { line-height:1.8; }
.line-h19      { line-height:1.9; }
.line-h20      { line-height:2.0; }
	
/*-------------------------------------------------------
 nowrap
--------------------------------------------------------*/
.nowrap{ white-space:nowrap; }

/*-------------------------------------------------------
 disabled
--------------------------------------------------------*/
a.disabled {
	pointer-events: none;
	opacity:0.5;
	cursor:default !important;
}
a.disabled:hover,
a.disabled:focus {
	text-decoration:none;
}

/*-------------------------------------------------------
 cursor
--------------------------------------------------------*/
.cursor-pointer{ cursor: pointer; }
.cursor-default{ cursor: default; }
	
/*-------------------------------------------------------
 position
--------------------------------------------------------*/	
.p-absolute { position:absolute; }
.p-relative { position:relative; }
.p-fixed    { position:fixed; }
.p-static   { position:static; }

/*-------------------------------------------------------
 display
--------------------------------------------------------*/	
.d-none         { display:none; }
.d-block        { display:block; }
.d-inline       { display:inline; }
.d-table        { display:table; }
.d-table-cell   { display:table-cell; }
.d-inline-block { display:inline-block; }
.d-flex         { display:-webkit-box; display:-ms-flexbox; display:flex; }
.d-inline-flex  { display:-webkit-inline-box ;display:-ms-inline-flexbox;display:inline-flex; }
	
/*-------------------------------------------------------
 clearfix
--------------------------------------------------------*/	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;/* 隙間対応 */
	font-size: 0.1em;/* 隙間対応 */
	line-height: 0;/* 隙間対応 */
}
.clearfix {
	_height: 1px;
	min-height: 1px;
	/*￥*//*/
	height: auto;
	overflow: hidden;
	/**/
}