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

.fB{ font-size:1.5em;
line-height:1.5em;}

.bannerPL{ margin:50px 0 50px 0}



/*flex*/

.contaiFlex{
  display: -webkit-flex; /* Safari */
  display: flex;

  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
  
  box-sizing:border-box;
	}

.contaiFlex-flex-wrap{
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	}
	
.contaiFlex-justCenter{
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
	}	
	
.contaiFlex_c{
	margin:5px;
	padding:6px 4px;
	}




.w90,.w50{
	margin-right:auto;
	margin-left:auto;
	}

.w90{ width:90%;}
.w50{ width:50%;}
.w33{ width:33.3%;}
/* */
.bannerTx{
	display:block;
	background-color:#900;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	padding:1em;
	margin:0 10px 0 10px; 
	}
	


a.bannerTx ,a:hover.bannerPL{ color:#FFF; text-decoration:none;}
a:hover.bannerTx{ color:#bbb;     background-color: rgba(101,101,101,0.2);  }

a.bannerTx_S2{
	line-height:1em;
	padding-top:1.5em;
	padding-bottom:1em;
	background-color:#FFF;
	color:#900;
	box-shadow: 2px 2px 4px gray;
	}
a:hover.bannerTx_S2{ color:#FFF;  background-color: rgba(40,40,40,0.2);  }


	
/*真円　タイトル半円*/	
.circle50{
	border-radius:50px;        /* CSS3草案 */  
    -webkit-border-radius:50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:50px;   /* Firefox用 */ 
	}	

.circle25{
	border-radius:25px;        /* CSS3草案 */  
    -webkit-border-radius:25px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:25px;   /* Firefox用 */ 
	}