/*バックグランド------------*/	


 /*基本色-----------*/	
.main_color {
	color: #ff1e7d;
}

.blue {
	color: #007ae2;
}
.green {
	color: #3C3;
}

.red {
	color: #FF0000;
}
.darkred {
	color: #940000;
}

.white {
    color: #FFFFFF;
}

 /*文字大きさ-----------*/	
.txt_90 {
    font-size: 90% !important; 
}	
.txt_80 {
    font-size: 80% !important; 
}	
.txt_70 {
    font-size: 70% !important; 
}	
.txt_60 {
    font-size: 60% !important; 
}	
.txt_50 {
    font-size: 50% !important; 
}	
.txt_110 {
    font-size: 110% !important; 
}	
.txt_120 {
    font-size: 120% !important; 
}	
.txt_130 {
    font-size: 130% !important; 
}	
.txt_140 {
    font-size: 140% !important; 
}	
.txt_160 {
    font-size: 160% !important; 
}
.txt_170 {
    font-size: 170% !important; 
}
.txt_180 {
    font-size: 180% !important; 
}
.txt_190 {
    font-size: 190% !important; 
}


 /*文字太さ-----------*/	
.txt_bold {
    font-weight: bold;
}	
.txt_b400 {
    font-weight: 400;
}	
.txt_b500 {
    font-weight: 500;
}	
.txt_b600 {
    font-weight: 600;
}	
.txt_b700 {
    font-weight: 700;
}	

 /*文字寄せ-----------*/	
.t-align_left {
    text-align: left;
}	
.t-align_center {
   text-align: center;
}	
.t-align_right {
    text-align: right;
}	

 /*文字間-----------*/	

.t-spc5 {letter-spacing: 5px;}
.t-spc10 {letter-spacing: 10px;}
.t-spc20 {letter-spacing: 20px;}
.t-spc30 {letter-spacing: 30px;}
.t-spc40 {letter-spacing: 40px;}

.t-spc-1 {letter-spacing: -1px;}
.t-spc-2 {letter-spacing: -2px;}
.t-spc-3 {letter-spacing: -3px;}
.t-spc-4 {letter-spacing: -4px;}
.t-spc-5 {letter-spacing: -5px;}

 /*マージン-----------*/	

.mgtop_5 {
    margin-top: 5px;
}	
.mgtop_10 {
    margin-top: 10px;
}	

.mgtop_20 {
    margin-top: 20px;
}	
.mgtop_30 {
    margin-top: 30px;
}	
.mgtop_40 {
    margin-top: 40px;
}	
.mgtop_50 {
    margin-top: 50px;
}	
.mgtop_60 {
    margin-top: 60px;
}	
.mgtop_70 {
    margin-top: 70px;
}	
.mgtop_80 {
    margin-top: 80px;
}	
.mgtop_100 {
    margin-top: 100px;
}	
.mgtop_120 {
    margin-top: 120px;
}	

.mgbotm_5 {
    margin-bottom: 5px;
}	
.mgbotm_10 {
    margin-bottom: 10px;
}	
.mgbotm_15 {
    margin-bottom: 15px;
}	
.mgbotm_20 {
    margin-bottom: 20px;
}	
.mgbotm_30 {
    margin-bottom: 30px;
}	
.mgbotm_40 {
    margin-bottom: 40px;
}	
.mgbotm_50 {
    margin-bottom: 50px;
}	
.mgbotm_60 {
    margin-bottom: 60px;
}	
.mgbotm_70 {
    margin-bottom: 70px;
}	
.mgbotm_80 {
    margin-bottom: 80px;
}	
.mgbotm_100 {
    margin-bottom: 100px;
}	
.mgbotm_120 {
    margin-bottom: 120px;
}	

 /*パディング-----------------*/
.pdtop_10 {
    padding-top: 10px;
}	
.pdtop_20 {
    padding-top: 20px;
}	
.pdtop_30 {
    padding-top: 30px;
}	
.pdtop_40 {
    padding-top: 40px;
}	
.pdtop_50 {
    padding-top: 50px;
}	
.pdtop_60 {
    padding-top: 60px;
}	
.pdtop_70 {
    padding-top: 70px;
}	
.pdtop_80 {
    padding-top: 80px;
}	
.pdtop_100 {
    padding-top: 100px;
}	
.pdtop_120 {
    padding-top: 120px;
}	

.pdbotm_10 {
    padding-bottom: 10px;
}	
.pdbotm_20 {
    padding-bottom: 20px;
}	
.pdbotm_30 {
    padding-bottom: 30px;
}	
.pdbotm_40 {
    padding-bottom: 40px;
}	
.pdbotm_50 {
    padding-bottom: 50px;
}	
.pdbotm_60 {
    padding-bottom: 60px;
}	
.pdbotm_70 {
    padding-bottom: 70px;
}	
.pdbotm_80 {
    padding-bottom: 80px;
}	
.pdbotm_100 {
    padding-bottom: 100px;
}	
.pdbotm_120 {
    padding-bottom: 120px;
}	




 /*フロート------------*/	
.fl_right {
    float: right;
}		
.fl_left {
    float: left;
}	


 /*画像ホバー-----------------*/
	
		#imover01 a:hover img {
			opacity: 0.8;
			filter: alpha(opacity=80);
		}
		#imover02 a img {
			-webkit-transition: 0.3s ease-in-out;
			   -moz-transition: 0.3s ease-in-out;
				 -o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out;
		}
		#imover02 a:hover img {
			opacity: 0.6;
			filter: alpha(opacity=60);
		}	
	
	/*画像ロールオーバー---------*/
#figure {
  background: #fff;
  overflow: hidden;
}







/*===============================================
●pc用のcssを記述
===============================================*/	
@media screen and (min-width : 899px ){
	
	

 
	
 /*ディスプレイ------------*/
.pc_none {
    display: none;
}	

 /*フロート------------*/	
.pc_fl_r {
    float: right;
}		
.pc_fl_l {
    float: left;
}		
 /*マージン------------*/		
.pc_mgtop_10 {
    margin-top: 10px;
}		
.pc_mgtop_20 {
    margin-top: 20px;
}			
.pc_mgtop_30 {
    margin-top: 30px;
}	


		
	
	
}





/*===============================================
●sp用のcssを記述
===============================================*/	
@media screen and ( max-width : 898px ){

 

 /*ディスプレイ------------*/
.sp_none {
    display: none;
}	
.sp_inline {
    display: inline !important;
  }
.sp_inline-block {
    display: inline-block !important;
  }
.sp_block {
    display: block !important;
  }
.sp_table {
    display: table !important;
  }
.sp_table-row {
    display: table-row !important;
  }
.sp_table-cell {
    display: table-cell !important;
  }
.sp_flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
.sp_inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }


 /*フロート------------*/	
.sp_fl_r {
    float: right;
}		
.sp_fl_l {
    float: left;
}		
 /*マージン------------*/		
.sp_mgtop_10 {
    margin-top: 10px;
}		
.sp_mgtop_20 {
    margin-top: 20px;
}			
.sp_mgtop_30 {
    margin-top: 30px;
}	
	
 /*文字大きさ-----------*/	
.sp_txt_90 {
    font-size: 90%;
}	
.sp_txt_80 {
    font-size: 80%;
}	
.sp_txt_70 {
    font-size: 70%;
}	
.sp_txt_60 {
    font-size: 60%;
}	
.sp_txt_50 {
    font-size: 50%;
}	

	
}