@charset "UTF-8";
/* CSS Document */
/* ----- ----- ----- -スマホの時削除--- ----- ----- ----- ----- * floatleft */
.spNone00000 {
display: none;
}
@media screen and (max-width: 700px){
.spNone { display: none;}
}

/* 画像セット */
.home-top01 {
	background-image: url( "../image_kf/kf_top01t.jpg" );
}
.home-top02 {
	background: url( "../image_kf/kf_top02t.jpg" );
}
.home-top03 {
	background: url( "../image_kf/kf_top03t.jpg" );
}
.home-top04 {
	background: url( "../image_kf/kf_top04t.jpg" );
}
.home-top05 {
	background-image: url( "../image_kf/kf_top05t.jpg" );
}
.home-top06 {
	background: url( "../image_kf/kf_top06t.jpg" );
}
.home-top07 {
	background: url( "../image_kf/kf_top07t.jpg" );
}
.home-top08 {
	background: url( "../image_kf/kf_top08t.jpg" );
}
.home-top09 {
	background: url( "../image_kf/kf_top09t.jpg" );
}
.home-top10 {
	background: url( "../image_kf/kf_top10t.jpg" );
}
.home-top11 {
	background: url( "../image_kf/kf_top11t.jpg" );
}
.home-top12 {
	background: url( "../image_kf/kf_top12t.jpg" );
}
.home-top13 {
	background: url( "../image_kf/kf_top13t.jpg" );
}
.home-top14 {
	background: url( "../image_kf/kf_top14t.jpg" );
}
.home-top15 {
	background: url( "../image_kf/kf_top15t.jpg" );
}
.home-top16 {
	background: url( "../image_kf/kf_top16t.jpg" );
}
.home-top17 {
	background: url( "../image_kf/kf_top17t.jpg" );
}
.home-top18 {
	background: url( "../image_kf/kf_top18t.jpg" );
}
.home-top18 {
	background: url( "../image_kf/kf_top18t.jpg" );
}
.home-top19 {
	background: url( "../image_kf/kf_top19t.jpg" );
}
.home-top20 {
	background: url( "../image_kf/kf_top20t.jpg" );
}


/* ----- ----- ----- ----- ----- ----- ----- ----- -z-index: 500;---- ----- ----- ----- ----- ----- ----- * floatleft */
#floatleft {
	float: left;
	padding-top: 30px;
	width: 30%;
	right: 0px;
	margin: 0;
	
}
@media (max-width: 960px) {
	#floatleft {
	float: left;
	padding-top: 0px;
	width: 30%;
	right: 0px;
	margin: 0;
}
}
@media (max-width: 700px) {
	#floatleft {
	float: left;
	padding-top: 0px;
	width: 30%;
	right: 0px;
	margin: 0;
}
}
/* ----- ----- ----- ----- ----- --- * floatright */
#floatright {
	float: right;
	padding-top: 30px;
	width: 30%;
	right: 0px;
	margin: 0;
}
@media (max-width: 960px) {
	#floatright {
	float: right;
	padding-top: 0px;
	width: 30%;
	right: 0px;
	margin: 0;
}
}
@media (max-width: 700px) {
	#floatright {
	float: right;
	padding-top: 0px;
	width: 30%;
	right: 0px;
	margin: 0;
}
}
/* ----- ----- ----- ----- ----- --- * floatcenter */
#floatcenter {
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	width: 30%;
}
@media (max-width: 700px) {
	#floatcenter {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	width: 30%;
}
}
/* ----- ----- ----- ----- ----- --- * floatcenterWhite */
#floatcenterWhite {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 35%;
	background: rgba(255, 255, 255, 0.50);
}
@media (max-width: 700px) {
	#floatcenterWhite {
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	width: 35%;
	background: rgba(255, 255, 255, 0.50);
}
}
/* ----- ----- ----- ----- ----- --- * floatleftWhite */
#floatleftWhite {
	float: left;
	margin-top: 10px;
	width: 35%;
	background: rgba(255, 255, 255, 0.50);
}
@media (max-width: 700px) {
	#floatleftWhite {
	float: left;
	margin-top: -20px;
	width: 35%;
	background: rgba(255, 255, 255, 0.50);
}
}
/* ----- ----- ----- ----- ----- --- * floatcenterBlack */
#floatcenterBlack {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 35%;
	background: rgba(0, 0, 0, 0.50);
}
@media (max-width: 700px) {
	#floatcenterBlack {
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	width: 35%;
	background: rgba(0, 0, 0, 0.50);
}
}
/* ----- ----- ----- ----- ----- --- * floatrightWhite */
#floatrightWhite {
	float: right;
	margin-top: 70px;
	width: 35%;
	background: rgba(255, 255, 255, 0.50);
}
@media (max-width: 700px) {
	#floatrightWhite {
	float: right;
	margin-top: 20px;
	width: 35%;
	background: rgba(255, 255, 255, 0.50);
}
}
/* ----- ----- ----- ----- ----- --- * floatleftBlack */
#floatleftBlack {
	float: left;
	margin-top: 10px;
	width: 35%;
	background: rgba(0, 0, 0, 0.50);
}
@media (max-width: 700px) {
#floatleftBlack {
	float: left;
	margin-top: -20px;
	width: 35%;
	background: rgba(0, 0, 0, 0.50);
}
}

/* ----- ----- ----- ----- ----- -----  * txt */


.txtcenter {
	text-align: center;
}
.txtleft {
	text-align: left;	
}
.txtBlack {
	color: #000;
}
.txtWhite {
	color: #FFF;
}
.txtWhite02 {
	color: #E8E8E8;
}
.blandL {
	font-size: 80px;
	padding-top: 50px;
	padding-bottom: 30px;
}
.blandL02 {
	font-size: 72px;
	padding-top: 50px;
	padding-bottom: 30px;
}
.blandM {
	font-size: 50px;
	padding-bottom: 20px;
}
.blandS {
	font-size: 30px;
	padding-bottom: 20px;
}
.blandTxt {
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}
.blandBtnL {
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.blandBtnL2 {
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
}
.blandBtnR {
	text-align: right;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.blandBtnR2 {
	text-align: right;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
}
.blandBtnC {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}