@charset "UTF-8";
/* 汎用CSS*/

/* clearfix */
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;    
clear: both; 
visibility:hidden;
}
.clearfix{
display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
height: 1%;
}
.clearfix{
display:block;
}
/* clearfix */

.clear{ clear:both; }

/*微調整用*/

.mar-0{ margin:0px !important; }

.mar-t0{ margin-top:0px !important; }
.mar-t05{ margin-top:5px !important; }
.mar-t10{ margin-top:10px !important; }
.mar-t15{ margin-top:15px !important; }
.mar-t20{ margin-top:20px !important; }
.mar-t30{ margin-top:30px !important; }
.mar-t40{ margin-top:40px !important; }

.mar-l0{ margin-left:0px !important; }
.mar-l05{ margin-left:5px !important; }
.mar-l10{ margin-left:10px !important; }
.mar-l15{ margin-left:15px !important; }
.mar-l20{ margin-left:20px !important; }
.mar-l30{ margin-left:30px !important; }
.mar-l40{ margin-left:40px !important; }

.mar-b0{ margin-bottom:0px !important; }
.mar-b05{ margin-bottom:5px !important; }
.mar-b10{ margin-bottom:10px !important; }
.mar-b15{ margin-bottom:15px !important; }
.mar-b20{ margin-bottom:20px !important; }
.mar-b30{ margin-bottom:30px !important; }
.mar-b40{ margin-bottom:40px !important; }

.mar-r0{ margin-right:0px !important; }
.mar-r05{ margin-right:5px !important; }
.mar-r10{ margin-right:10px !important; }
.mar-r15{ margin-right:15px !important; }
.mar-r20{ margin-right:20px !important; }
.mar-r30{ margin-right:30px !important; }
.mar-r40{ margin-right:40px !important; }

.txt_c {text-align: center !important;}
.txt_l {text-align: left !important;}
.txt_r {text-align: right !important;}

.al_l {float: left;}
.al_r {float: right;}

.con_c{margin: 0 auto;}
.clear{clear: both;}

/*微調整用*/


/*display*/
.display_sp { display:block; }/*sp表示*/
.display_pc { display:none; }/*pc非表示*/
@media screen and (min-width :768px){
	.display_sp{ display:none; }/*sp非表示*/
	.display_pc{ display:block; }/*pc表示*/
}
/*display*/