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

a:hover{
	text-decoration: none;
}

/* header navi
---------------------------------------------------- */



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

@media screen and (min-width: 641px), print {


	.mainTitle{
		text-align: center;
		font-size: 100%;
	}

/* section
---------------------------------------------------- */

section{
	width: 100%;
}
	section div.sectionBlock{
		width: 1000px;
		margin: 0 auto 50px;
	}
		section div.sectionBox{
			width: 100%;
		}


/* bx slider navi
----------------------------------------------------------------- */

	.bx-wrapper .bx-pager{
		position: absolute !important;
		bottom: 10px !important;
		color: #b9b9b9 !important;
	}
	.bx-default-pager a{
		background: #C0C0C0 !important;
	}
	.bx-default-pager a.active{
		background: #aaa !important;
	}


/* pan
----------------------------------------------------------------- */
div.suvNavBlock{
	width: 100%;
	margin: 67px auto 28px;
	padding: 18px 0 0;
	background: url(../../common/images/header_obi.jpg) repeat-x top;
	background-size: auto 8px;
}
	div.suvNavBox{
		width: 1160px;
		margin: 0 auto;
		position: relative;
	}
		div.suvNavBlock p{
			font-size: 82%;
			width: 70%;
			padding: 0 10px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		div.fbBlock{
			position: absolute;
			top: 0;
			right: 0;
		}	
	
	
	
}

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

@media screen and (max-width:640px)  {


	.mainTitle{
		text-align: center;
		font-size: 100%;
	}
		.mainTitle img{
			max-width: 100%;
			height: auto;
			margin-bottom: 22px;
		}


/* section
---------------------------------------------------- */

section{
	width: 100%;
}
	section div.sectionBlock{
		width: 96%;
		margin: 0 auto 33px;
	}
		section div.sectionBox{
			width: 100%;
		}



/* bx slider navi
----------------------------------------------------------------- */

	.bx-wrapper .bx-pager{
		position: absolute !important;
		bottom: 10px !important;
		color: #b9b9b9 !important;
	}
	.bx-default-pager a{
		background: #C0C0C0 !important;
	}
	.bx-default-pager a.active{
		background: #aaa !important;
	}


/* pan
----------------------------------------------------------------- */

div.suvNavBlock{
	width: 100%;
	margin: 4px auto 28px;
	padding: 14px 0 0;
	background: url(../../common/images/header_obi.jpg) repeat-x top;
	background-size: auto 4px;
}
	div.suvNavBox{
		width: 96%;
		margin: 0 auto;
		position: relative;
	}
		div.suvNavBlock p{
			display: inline-block;
			font-size: 82%;
			width: 98%;
			padding: 0 2% 0 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		div.fbBlock{
			position: absolute;
			top: 0;
			right: 0;
		}
}