/* font-base */
html { font-size: 62.5%; } /*ベースを10pxにしています*/
body { font-size: 10px; font-size: 1.0rem; } /*10px*/
h1, h3 { 
	font-size: 18px; 
	font-size: 1.8rem; 
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-top: 10px;
	line-height: 1.6em; }
h2 {
	font-soze: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.6em; }

/* hr */
.bar1 { 
	height: 2px;
	background-color: #000;
	border: none; }
.bar2 { 
	height: 2px;
	background-color: #faee00;
	border: none; }
	
 /* 改行調整span */
span { display: inline-block; }

 /* font-size */
.ft_3_0 { font-size: 3.0rem; }
.ft_2_5 { font-size: 2.5rem; }
.ft_2_3 { font-size: 2.3rem; }
.ft_2_0 { font-size: 2.0rem; }
.ft_1_8 { font-size: 1.8rem; }
.ft_1_5 { font-size: 1.5rem; }
.ft_1_3 { font-size: 1.3rem; }
.ft_1_0 { font-size: 1.0rem; }
.ft_07 { font-size: 0.7rem; }
.ft_05 { font-size: 0.5rem; }
.ftpx_10 { font-size: 10px; }
.ftpx_12 { font-size: 12px; }
.ftpx_14 { font-size: 14px; }
.ftpx_16 { font-size: 16px; }
.ftpx_18 { font-size: 18px; }
.ftpx_20 { font-size: 20px; }
.ftpx_24 { font-size: 24px; }
.ftpx_28 { font-size: 28px; }

 /* text-style */
.txt-ita { font-style: italic; }
.txt_w_normal { font-weight: normal; }
.txt_w_bold { font-weight: bold; }
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }

/* margin */
.mar_auto { margin: 0 auto; }
.mar_all_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_all_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_all_10 { margin: 10px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_all_20 { margin: 20px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_25 { margin-top: 25px; }
.mar_r_25 { margin-right: 25px; }
.mar_b_25 { margin-bottom: 25px; }
.mar_l_25 { margin-left: 25px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_40 { margin-top: 40px; }
.mar_r_40 { margin-right: 40px; }
.mar_b_40 { margin-bottom: 40px; }
.mar_l_40 { margin-left: 40px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }
.mar_t_60 { margin-top: 60px; }
.mar_r_60 { margin-right: 60px; }
.mar_b_60 { margin-bottom: 60px; }
.mar_l_60 { margin-left: 60px; }
.mar_t_100 { margin-top: 100px; }
.mar_r_100 { margin-right: 100px; }
.mar_b_100 { margin-bottom: 100px; }
.mar_l_100 { margin-left: 100px; }

/* padding */
.pad_all_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_all_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_all_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_all_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_all_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }
.pad_all_100 { padding: 100px}
.pad_t_100 { padding-top: 100px; }
.pad_r_100 { padding-right: 100px; }
.pad_b_100 { padding-bottom: 100px; }
.pad_l_100 { padding-left: 100px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* letter spacing */
.lesp_1 { letter-spacing: 0.1em; }
.lesp_2 { letter-spacing: 0.2em; }
.lesp_3 { letter-spacing: 0.3em; }
.lesp_4 { letter-spacing: 0.4em; }
.lesp_5 { letter-spacing: 0.5em; }

/* line-hight */
.lih_1_6 { line-height: 1.6em; }
.lih_1_7 { line-height: 1.7em; }
.lih_1_8 { line-height: 1.8em; }
.lih_1_9 { line-height: 1.9em; }
.lih_2 { line-height: 2.0em; }
.lih_2_1 { line-height: 2.1em; }
.lih_2_2 { line-height: 2.2em; }
.lih_2_3 { line-height: 2.3em; }
.lih_2_4 { line-height: 2.4em; }
.lih_2_5 { line-height: 2.5em; }

/* vertical-align */
.verti_m { 
	vertical-align: middle;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-box-align: center;
	box-align: center; }