@charset "utf-8";
/* CSS Document */

/*--- display ----------*/

.dBl {
	display: block;
}
.dNo {
	display: none;
}
.dNoPc {	/* PCのみnone */
	display: none;
}
@media screen and (max-width: 767px) {
.dNoPc {	/* PCのみnone */
	display: block;
}
.dNoMb {	/* MBのみnone */
	display: none;
}
}

@media screen and (min-width: 768px) {
.sp {
	 display: none !important;
}
}
@media screen and (max-width: 767px) {
.pc {
    display: none !important;
  }
}

/*--- float ----------*/

.flL { float:  left; }
.flR { float: right; }

/*--- font-size ----------*/

.ft10 { font-size: 10px !important; }
.ft11 { font-size: 11px !important; }
.ft12 { font-size: 12px !important; }
.ft13 { font-size: 13px !important; }
.ft14 { font-size: 14px !important; }
.ft15 { font-size: 15px !important; }
.ft16 { font-size: 16px !important; }
.ft17 { font-size: 17px !important; }
.ft18 { font-size: 18px !important; }
.ft19 { font-size: 19px !important; }
.ft20 { font-size: 20px !important; }
.ft21 { font-size: 21px !important; }
.ft22 { font-size: 22px !important; }
.ft23 { font-size: 23px !important; }
.ft24 { font-size: 24px !important; }
.ft25 { font-size: 25px !important; }
.ft30 { font-size: 30px !important; }
.ft35 { font-size: 35px !important; }
.ft40 { font-size: 40px !important; }
.ft45 { font-size: 45px !important; }
.ft50 { font-size: 50px !important; }

.ft16_14 { font-size: 16px !important; }
@media screen and (max-width: 767px) {
.ft16_14 { font-size: 14px !important; }
}
.ft18_16 { font-size: 18px !important; }
@media screen and (max-width: 767px) {
.ft18_16 { font-size: 16px !important; }
}

/*--- color ----------*/

.clrRed    { color: #F44336 !important; }
.clrPink   { color: #E91E63 !important; }
.clrOrange { color: #FF5722 !important; }
.clrYellow { color: #FFC107 !important; }
.clrLime   { color: #8BC304 !important; }
.clrGreen  { color: #4CAF50 !important; }
.clrCyan   { color: #00BCD4 !important; }
.clrBlue   { color: #1976D2 !important; }
.clrNavy   { color: #303F9F !important; }
.clrPurple { color: #9C27B0 !important; }
.clrBrown  { color: #5D4037 !important; }
.clrBlack  { color: #000000 !important; }
.clrWhite  { color: #FFFFFF !important; }
.clrGray   { color: #9E9E9E !important; }


/*--- font-weight ----------*/

.ftB { font-weight: bold; }
.ftN { font-weight: normal !important;}

/*--- text-align ----------*/

.txL { text-align:   left; }
.txC { text-align: center; }
@media screen and (min-width: 768px) {
.txC_pc { text-align: center; }
}
.txR { text-align:  right; }

/*--- 中央配置 ----------*/

.mgC {
	margin-right: auto !important;
	margin-left : auto !important;	
}
	

/*--- 上 ----------*/

.mgT0  { margin-top:  0px !important; }
.mgT5  { margin-top:  5px !important; }
.mgT10 { margin-top: 10px !important; }
.mgT15 { margin-top: 15px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT25 { margin-top: 25px !important; }
.mgT30 { margin-top: 30px !important; }
.mgT40 { margin-top: 40px !important; }
.mgT50 { margin-top: 50px !important; }
.pdT0  { padding-top: 0px !important; }
.pdT5  { padding-top: 5px !important; }
.pdT10 { padding-top:10px !important; }
.pdT15 { padding-top:15px !important; }
.pdT20 { padding-top:20px !important; }
.pdT25 { padding-top:25px !important; }
.pdT30 { padding-top:30px !important; }
.pdT40 { padding-top:40px !important; }
.pdT50 { padding-top:50px !important; }


/*--- 右 ----------*/

.mgR0  { margin-right:  0px !important; }
.mgR5  { margin-right:  5px !important; }
.mgR10 { margin-right: 10px !important; }
.mgR15 { margin-right: 15px !important; }
.mgR20 { margin-right: 20px !important; }
.mgR25 { margin-right: 25px !important; }
.mgR30 { margin-right: 30px !important; }
.mgR40 { margin-right: 40px !important; }
.mgR50 { margin-right: 50px !important; }
.pdR0  { padding-right: 0px !important; }
.pdR5  { padding-right: 5px !important; }
.pdR10 { padding-right:10px !important; }
.pdR15 { padding-right:15px !important; }
.pdR20 { padding-right:20px !important; }
.pdR25 { padding-right:25px !important; }
.pdR30 { padding-right:30px !important; }
.pdR40 { padding-right:40px !important; }
.pdR50 { padding-right:50px !important; }


/*--- 左 ----------*/

.mgL0  { margin-left:  0px !important; }
.mgL5  { margin-left:  5px !important; }
.mgL10 { margin-left: 10px !important; }
.mgL15 { margin-left: 15px !important; }
.mgL20 { margin-left: 20px !important; }
.mgL25 { margin-left: 25px !important; }
.mgL30 { margin-left: 30px !important; }
.mgL40 { margin-left: 40px !important; }
.mgL50 { margin-left: 50px !important; }
.pdL0  { padding-left: 0px !important; }
.pdL5  { padding-left: 5px !important; }
.pdL10 { padding-left:10px !important; }
.pdL15 { padding-left:15px !important; }
.pdL20 { padding-left:20px !important; }
.pdL25 { padding-left:25px !important; }
.pdL30 { padding-left:30px !important; }
.pdL40 { padding-left:40px !important; }
.pdL50 { padding-left:50px !important; }


/*--- 下 ----------*/

.mgB0  { margin-bottom:  0px !important; }
.mgB5  { margin-bottom:  5px !important; }
.mgB10 { margin-bottom: 10px !important; }
.mgB15 { margin-bottom: 15px !important; }
.mgB20 { margin-bottom: 20px !important; }
.mgB25 { margin-bottom: 25px !important; }
.mgB30 { margin-bottom: 30px !important; }
.mgB40 { margin-bottom: 40px !important; }
.mgB50 { margin-bottom: 50px !important; }
.pdB0  { padding-bottom: 0px !important; }
.pdB5  { padding-bottom: 5px !important; }
.pdB10 { padding-bottom:10px !important; }
.pdB15 { padding-bottom:15px !important; }
.pdB20 { padding-bottom:20px !important; }
.pdB25 { padding-bottom:25px !important; }
.pdB30 { padding-bottom:30px !important; }
.pdB40 { padding-bottom:40px !important; }
.pdB50 { padding-bottom:50px !important; }


/*--- 上下 ----------*/

.mgTB0  { margin-top:  0px !important; margin-bottom:  0px !important; }
.mgTB5  { margin-top:  5px !important; margin-bottom:  5px !important; }
.mgTB10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mgTB15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mgTB20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mgTB20 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mgTB30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mgTB40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mgTB50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.pdTB0  { padding-top: 0px !important; padding-bottom: 0px !important; }
.pdTB5  { padding-top: 5px !important; padding-bottom: 5px !important; }
.pdTB10 { padding-top:10px !important; padding-bottom:10px !important; }
.pdTB15 { padding-top:15px !important; padding-bottom:15px !important; }
.pdTB20 { padding-top:20px !important; padding-bottom:20px !important; }
.pdTB25 { padding-top:25px !important; padding-bottom:25px !important; }
.pdTB30 { padding-top:30px !important; padding-bottom:30px !important; }
.pdTB40 { padding-top:40px !important; padding-bottom:40px !important; }
.pdTB50 { padding-top:50px !important; padding-bottom:50px !important; }


/*--- 左右 ----------*/

.mgLR0  { margin-left:  0px !important; margin-right:  0px !important; }
.mgLR10 { margin-left: 10px !important; margin-right: 10px !important; }
.mgLR15 { margin-left: 15px !important; margin-right: 15px !important; }
.mgLR20 { margin-left: 20px !important; margin-right: 20px !important; }
.mgLR25 { margin-left: 25px !important; margin-right: 25px !important; }
.mgLR30 { margin-left: 30px !important; margin-right: 30px !important; }
.mgLR40 { margin-left: 40px !important; margin-right: 40px !important; }
.mgLR50 { margin-left: 50px !important; margin-right: 50px !important; }
.pdLR0  { padding-left: 0px !important; padding-right: 0px !important; }
.pdLR5  { padding-left: 5px !important; padding-right: 5px !important; }
.pdLR10 { padding-left:10px !important; padding-right:10px !important; }
.pdLR15 { padding-left:15px !important; padding-right:15px !important; }
.pdLR20 { padding-left:20px !important; padding-right:20px !important; }
.pdLR25 { padding-left:25px !important; padding-right:25px !important; }
.pdLR30 { padding-left:30px !important; padding-right:30px !important; }
.pdLR40 { padding-left:40px !important; padding-right:40px !important; }
.pdLR50 { padding-left:50px !important; padding-right:50px !important; }


/*--- 全体 ----------*/

.mgA0  { margin:  0px !important; }
.mgA10 { margin: 10px !important; }
.mgA15 { margin: 15px !important; }
.mgA20 { margin: 20px !important; }
.mgA25 { margin: 25px !important; }
.mgA30 { margin: 30px !important; }
.mgA40 { margin: 40px !important; }
.mgA50 { margin: 50px !important; }
.pdA0  { padding: 0px !important; }
.pdA5  { padding: 5px !important; }
.pdA10 { padding:10px !important; }
.pdA15 { padding:15px !important; }
.pdA20 { padding:20px !important; }
.pdA25 { padding:25px !important; }
.pdA30 { padding:30px !important; }
.pdA40 { padding:40px !important; }
.pdA50 { padding:50px !important; }

/*--- float ----------*/

.flL { float:  left; }
.flR { float: right; }
.flLPc { float:  left; }
.flRPc { float: right; }
@media screen and (max-width: 767px) {
.flLPc,
.flRPc { float: none; }
}


/*--- float（画像のfloat） ----------*/

.flImgL { float:  left; margin-right: 10px; }
.flImgR { float: right; margin-left:  10px; }
.flImgLPc { float:  left; margin-right: 10px; }
.flImgRPc { float: right; margin-left:  10px; }
@media screen and (max-width: 767px) {
.flImgLPc,
.flImgRPc { float: none; margin: 0 0 10px 0; width: 100%; }
}


/* ----------------------------------------------
　11. clearfix
---------------------------------------------- */

.clear {
	clear: both;
	_zoom: 1;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

/*--- cssハック ----------*/

.clearfix:after {
	content: ""; 
	display: block; 
	clear: both; 
}

.clearfix {
	display: inline-block;
}

/*--- hides IE-mac \ ----------*/

*html .clearfix { height: 1% }
.clearfix { display: block; }

/*--- hide  IE-mac ----------*/