@charset "utf-8";
/*other*/
.center { text-align: center !important;}
.hidden { overflow: hidden;}
.clearboth { clear: both;}
.flr {float: right;}
.fll {float: left;}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
/* ↑↓どちらを使うか決める */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.clearfix {  
	display: inline-block;
}  
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/*margin*/
.mt0 {	margin-top: 0px !important;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px !important;}
.mt30 {	margin-top: 30px !important;}
.mt40 {	margin-top: 40px !important;}
.mt50 {	margin-top: 50px !important;}
.mt60 {	margin-top: 60px !important;}
.mt70 {	margin-top: 70px !important;}
.mt80 {	margin-top: 80px !important;}

.mr0 {	margin-right: 0px !important;}
.mr10 {	margin-right: 10px !important;}
.mr20 {	margin-right: 20px !important;}
.mr30 {	margin-right: 30px !important;}
.mr40 {	margin-right: 40px !important;}
.mr50 {	margin-right: 50px !important;}
.mr60 {	margin-right: 60px !important;}
.mr70 {	margin-right: 70px !important;}
.mr80 {	margin-right: 80px !important;}

.mb0 {	margin-bottom: 0px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}

.ml0 {	margin-left: 0px !important;}
.ml10 {	margin-left: 10px !important;}
.ml20 {	margin-left: 20px !important;}
.ml30 {	margin-left: 30px !important;}
.ml40 {	margin-left: 40px !important;}
.ml50 {	margin-left: 50px !important;}
.ml60 {	margin-left: 60px !important;}
.ml70 {	margin-left: 70px !important;}
.ml80 {	margin-left: 80px !important;}


/*padding*/
.pt0 {	padding-top: 0px !important;}
.pt10 {	padding-top: 10px !important;}
.pt20 {	padding-top: 20px !important;}
.pt30 {	padding-top: 30px !important;}
.pt40 {	padding-top: 40px !important;}
.pt50 {	padding-top: 50px !important;}
.pt60 {	padding-top: 60px !important;}
.pt70 {	padding-top: 70px !important;}
.pt80 {	padding-top: 80px !important;}

.pr0 {	padding-right: 0px !important;}
.pr10 {	padding-right: 10px !important;}
.pr20 {	padding-right: 20px !important;}
.pr30 {	padding-right: 30px !important;}
.pr40 {	padding-right: 40px !important;}
.pr50 {	padding-right: 50px !important;}
.pr60 {	padding-right: 60px !important;}
.pr70 {	padding-right: 70px !important;}
.pr80 {	padding-right: 80px !important;}

.pb0 {	padding-bottom: 0px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pb40 {	padding-bottom: 40px !important;}
.pb50 {	padding-bottom: 50px !important;}
.pb60 {	padding-bottom: 60px !important;}
.pb70 {	padding-bottom: 70px !important;}
.pb80 {	padding-bottom: 80px !important;}

.pl0 {	padding-left: 0px !important;}
.pl10 {	padding-left: 10px !important;}
.pl20 {	padding-left: 20px !important;}
.pl30 {	padding-left: 30px !important;}
.pl40 {	padding-left: 40px !important;}
.pl50 {	padding-left: 50px !important;}
.pl60 {	padding-left: 60px !important;}
.pl70 {	padding-left: 70px !important;}
.pl80 {	padding-left: 80px !important;}

.pro5 {	padding: 5px !important;}

/*color*/
.red01 { color: #F00 !important;}
.blue01 { color: #06F !important;}
.green01 { color: #060 !important;}
.orange01 { color: #F60 !important;}


/*font-size*/
.fs100 { font-size: 100% !important;}
.fs110 { font-size: 110% !important;}
.fs120 { font-size: 120% !important;}
.fs130 { font-size: 130% !important;}
.fs140 { font-size: 140% !important;}
.fs150 { font-size: 150% !important;}
.fs160 { font-size: 160% !important;}
.fs170 { font-size: 170% !important;}
.fs180 { font-size: 180% !important;}
.fs190 { font-size: 190% !important;}
.fs200 { font-size: 200% !important;}
.fs210 { font-size: 210% !important;}
.fs220 { font-size: 220% !important;}
.fs230 { font-size: 230% !important;}
.fs240 { font-size: 240% !important;}
.fs250 { font-size: 250% !important;}



/*line-height*/
.lh120 { line-height: 120% !important;}
.lh130 { line-height: 130% !important;}
.lh140 { line-height: 140% !important;}
.lh150 { line-height: 150% !important;}
.lh160 { line-height: 160% !important;}
.lh170 { line-height: 170% !important;}
.lh180 { line-height: 180% !important;}


/*border*/
.bdro {	border: 1px solid #DFDFDF;}
.bdt { 
    border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
	}
.bdr {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFDFDF;
}
.bdb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
}
.bdl {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DFDFDF;
}


/*---------------------
レスポンシブ表示、非表示
-----------------------*/
/* Pc 769px以上 */
@media print, screen and (min-width: 769px) {
.tlsp {
	display: none;
	}
.pad {
	display: none;
	}
.sp {
	display: none;
	}
	
	}
/* Pad 641px〜768px */
@media screen and (min-width: 641px) and (max-width: 768px) {
.pc {
	display: none;
	}
.sp {
	display: none;
	}
}
/* Sp 640px以下 */
@media screen and (max-width: 640px) {
.pctl {
	display: none;
	}
.pc {
	display: none;
	}
.pad {
	display: none;
	}
	
	}