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


body{background:none;}

.event{background:#FF8600;}
.news{background:#1C8BD1;}


/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px), print {
.mainVisualFloatSp{display:none;}


/* section.slideArea
------------------------------------------------- */

section.slideArea{
	padding:0px 0px 0px 0px;
}
	section.slideArea img{
		width:100%;
		height:auto;
	}

/* section.join
------------------------------------------------- */

section.join{
	background:#fff;
	box-shadow:1px 1px 1px #ccc;
	padding:6px;
	border:1px solid #ededed;
}
	section.join .joinBlock{
		background:#002762;	
		padding:20px 15px;
	}
		.joinBlock h1{
			color:#fff;
			font-size:125%;
			font-weight:bold;
			text-shadow:1px 1px 1px #333;
			padding:0px 0px 0px 8px;
			border-left:4px solid #FE3C00;
		}
		.joinBlock .joinFloat{
			padding:18px 0px 0px 0px;
			overflow:hidden;
		}
			.joinFloat figure{
				line-height:0;
				width:252px;
				height:auto;
				margin-right:17px;
				float:left;
			}
				.joinFloat figure img{
					
				}
			.joinFloat .detail{
				width:260px;
				height:auto;
				float:right;	
			}
				.joinFloat .detail p{
					color:#fff;
					line-height:1.45em;
				}
				.joinFloat .detail .btn{
					padding:10px 0px 0px 0px;
				}
					.joinFloat .detail .btn a{
						display:block;
						background:#FE3C00;
						color:#fff;
						font-weight:bold;
						text-shadow:1px 1px 1px #666;
						text-align:center;
						padding:10px 0px;	
						font-size:116%;
					}
						.joinFloat .detail .btn a:hover{
							text-decoration:none;
							background:#fff;
							color:#FE3C00;
							text-shadow:1px 1px 1px #fff;
						}


/* section.topics
------------------------------------------------- */
section.topics{
	padding:20px 0px 0px 0px;
}
	section.topics .topicsFloat{
		overflow:hidden;
		padding:0px 0px 5px 0px;	
	}
		.topicsFloat .topicsBlock{
			width:49%;
			height:auto;
			margin:0px 2% 20px 0px;
			padding:15px;
			background:#fff;
			border:1px solid #ededed;
			box-shadow:1px 1px 1px #ccc;
			float:left;
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;	
		}
			.topicsBlock h2{
				font-weight:bold;
				font-size:116%;	
				padding:0px 0px 0px 8px;
			}
				.topicsBlock h2.pointH2{border-left:4px solid #008aff;}
				.topicsBlock h2.useH2{border-left:4px solid #5aeb3e;}
				.topicsBlock h2.shopH2{border-left:4px solid #0030ff;}
				.topicsBlock h2.pasmoH2{border-left:4px solid #e95471;}
				
			.topicsBlock figure{
				text-align:center;
			}
				.topoicsBlock figure img{
					
				}
			.topicsBlock p{
				font-size:93%;
				font-weight:bold;	
			}





.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top:0px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom:15px !important;
    width: 100%;
	z-index:7777;
}



}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px)  {
	
	
	
section.mainVisual{
	padding:0px 0px 5px 0px;
}
	
	
	
	
	
/* section.slideArea
------------------------------------------------- */

section.slideArea{
	width:96%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 10px 0px;
}
	section.slideArea img{
		width:100%;
		height:auto;
	}


/* section.join
------------------------------------------------- */

section.join{
	width:96%;
	height:auto;
	margin:0px auto;
	background:#fff;
	box-shadow:1px 1px 1px #ccc;
	padding:6px;
	border:1px solid #ededed;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
	section.join .joinBlock{
		background:#002762;	
		padding:12px 8px;
	}
		.joinBlock h1{
			color:#fff;
			font-size:125%;
			font-weight:bold;
			text-shadow:1px 1px 1px #333;
			padding:0px 0px 0px 8px;
			border-left:4px solid #FE3C00;
		}
		.joinBlock .joinFloat{
			padding:18px 0px 0px 0px;
			overflow:hidden;
		}
			.joinFloat figure{
				line-height:0;
				width:49%;
				height:auto;
				margin-right:2%;
				float:left;
			}
				.joinFloat figure img{
					width:100%;
					height:auto;
				}
			.joinFloat .detail{
				clear:both;
				width:100%;
				height:auto;
				padding:8px 0px 0px 0px;
			}
				.joinFloat .detail p{
					color:#fff;
					line-height:1.45em;
				}
				.joinFloat .detail .btn{
					padding:10px 0px 0px 0px;
				}
					.joinFloat .detail .btn a{
						display:block;
						background:#FE3C00;
						color:#fff;
						font-weight:bold;
						text-shadow:1px 1px 1px #666;
						text-align:center;
						padding:8px 0px;	
						font-size:116%;
					}
						.joinFloat .detail .btn a:hover{
							text-decoration:none;
							background:#fff;
							color:#FE3C00;
							text-shadow:1px 1px 1px #fff;
						}


/* section.topics
------------------------------------------------- */
section.topics{
	width:96%;
	height:auto;
	margin:0px auto;
	padding:20px 0px 0px 0px;
}
	section.topics .topicsFloat{
		overflow:hidden;
		padding:0px 0px 5px 0px;	
	}
		.topicsFloat .topicsBlock{
			width:100%;
			height:auto;
			margin:0px 0 20px 0px;
			padding:8px;
			background:#fff;
			border:1px solid #ededed;
			box-shadow:1px 1px 1px #ccc;
			overflow:hidden;
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;	
		}
			.topicsBlock h2{
				font-weight:bold;
				font-size:116%;	
				padding:0px 0px 0px 8px;
				margin-bottom:10px;
			}
				.topicsBlock h2.pointH2{border-left:4px solid #008aff;}
				.topicsBlock h2.useH2{border-left:4px solid #5aeb3e;}
				.topicsBlock h2.shopH2{border-left:4px solid #0030ff;}
				.topicsBlock h2.pasmoH2{border-left:4px solid #e95471;}
				
			.topicsBlock figure{
				text-align:center;
				width:42%;
				height:auto;
				margin-right:10px;
				float:left;
			}
				.topicsBlock figure img{
					width:100%;
					height:auto;
				}
			.topicsBlock p{
				font-size:93%;
				font-weight:bold;	
			}



.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top:0px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom:5px !important;
    width: 100%;
	z-index:7777;
}

/*			
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
*/



	
}