/*- all ----------------------------------------------------------------------------------------*/


.floor_combox { float: left; width: 55%; padding: 0; margin: 30px 0 0 0;}

.fl_title { display: block; width: 100%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 45% auto;}

.fl_title img { max-width: 70%; display: block; margin: 0 0 30px 0;}

.title_img img{ max-width: 20%; float: right; margin: 0 30px 0 0;}


.floor_combox #floor01 { border-top: #333 1px solid; border-left: #333 1px solid; width: 80%;}

.floor_combox #floor01 th { border-bottom: #333 1px solid; border-right: #333 1px solid; padding: 10px; width: 30%x; text-align: center;}

.floor_combox #floor01 td { border-bottom: #333 1px solid; border-right: #333 1px solid; padding: 10px 20px 10px 0; text-align: right;}


.floor_pbox { float: right; width: 38%; margin: 30px 0 0 0;}

.floor_pbox img { max-width: 100%;}


.photo_caption { text-align: left;}

#floor { position: relative; margin: 0 0 0 0; float: left; width: 55%;}

#floor img { max-width: 100%;}

#floor_navi { width: 38%; float: right; text-align: left;}

#floor_navi ul{
	font-size:0;
	padding:10px 0 0 0;
	list-style:none;
	margin:0;
}
#floor_navi li{ 
	float: left;
	margin :10px 10px 0 0;
	width: 30% !important;
}


#floor02 { border-top: #333 1px solid; border-left: #333 1px solid; width: 90%; margin: 20px 0;}

#floor02 th { border-bottom: #333 1px solid; border-right: #333 1px solid; padding: 15px; width: 40%;}

#floor02 td { border-bottom: #333 1px solid; border-right: #333 1px solid; padding: 15px;}


.fl_title01 { display: block; width: 100%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 45% auto;}

.fl_title01 img { max-width: 80%; display: block; margin: 0 0 30px 0;}


.floor_combox01 { float: left; width: 46%; margin: 30px 2% 30px 2%;}
.floor_combox01 img { max-width: 100%;}

.floor_combox02 { float: left; width: 46%; margin: 30px 2% 30px 2%; text-align: center; padding: 50px 0;}
.floor_combox02 img { max-width: 60%;}


/*------------------------------------------------------------------------------------------------------*/



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


.floor_combox { float: none; width: 80%; padding: 0; margin: 30px auto;}

.fl_title img { max-width: 55%; display: block; margin: 0 0 30px 0;}

.title_img img{ max-width: 15%; float: right; margin: 0 30px 0 0;}

.floor_pbox { float: none; width: 50%; margin: 30px auto;}


.floor_combox #floor01 { border-top: #333 1px solid; border-left: #333 1px solid; width: 80%; margin: 0 auto;}


#floor { position: relative; margin: 0 auto 30px auto; float: none; width: 75%;}

#floor_navi { width: 75%; float: none; text-align: left; margin: 20px auto;}

#floor_navi ul{
	font-size:0;
	padding:10px 0 0 0;
	list-style:none;
	margin:0;
}
#floor_navi li{ 
	float: left;
	margin :10px 10px 0 0;
	width: 23% !important;
}


#floor02 { border-top: #333 1px solid; border-left: #333 1px solid; width: 80%; margin: 20px auto;}

#floor02 th { border-bottom: #333 1px solid; border-right: #333 1px solid; padding: 10px; width: 40%;}

#floor02 td { border-bottom: #333 1px solid; border-right: #333 1px solid; padding: 10px;}

.fl_title01 img { max-width: 70%; display: block; margin: 0 0 30px 0;}


.floor_combox01 { float: none; width: 80%; margin: 30px auto;}
.floor_combox01 img { max-width: 100%;}

.floor_combox02 { float: none; width: 80%; margin: 30px auto; text-align: center; padding: 50px 0;}
.floor_combox02 img { max-width: 50%;}





}



/*------------------------------------------------------------------------------------------------------*/



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


.floor_combox { float: none; width: 90%; padding: 0; margin: 30px auto;}

.floor_pbox { float: none; width: 70%; margin: 30px auto;}


#floor02 { border-top: #333 1px solid; border-left: #333 1px solid; width: 90%; margin: 20px auto;}


.fl_title img { max-width: 65%; display: block; margin: 0 0 30px 0;}

.title_img img{ max-width: 15%; float: right; margin: 0 30px 0 0;}


#floor { position: relative; margin: 0 auto 30px auto; float: none; width: 90%;}

#floor_navi { width: 90%; float: none; text-align: left; margin: 20px auto;}


.floor_combox02 { float: none; width: 80%; margin: 30px auto 0 auto; text-align: center; padding: 50px 0;}


}


/*------------------------------------------------------------------------------------------------------*/


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


.fl_title img { max-width: 85%; display: block; margin: 0 0 30px 0;}

.title_img img{ max-width: 15%; float: right; margin: 0 0 30px 0;}

.floor_combox #floor01 { border-top: #333 1px solid; border-left: #333 1px solid; width: 100%; margin: 0 auto; font-size: 0.85rem;}

#floor_navi li{ 
	float: left;
	margin :8px;
	width: 43% !important;
}

.fl_title01 img { max-width: 85%; display: block; margin: 0 0 30px 0;}

.floor_combox02 img { max-width: 70%;}






}