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

 /*=======right_box======*/



@media screen and (min-width: 1411px) {
	.left-wrap{
		width: 34% !important;
		background: url(../images/floor/left_bg.jpg) no-repeat #fff !important;
		background-attachment:fixed;
		background-size:auto;
		background-position: left;
		height: 100%;
		position: fixed;
	}
	.mainvisual_inner{
		left: 0;
		height: 95.4%;
		margin: 19px 20px 19px 20px !important;
		border: solid 2px #fff !important;
	}
	.floor_wrap{
		background: #00b9ee;
		background: url(../images/floor/floor_bg.jpg) no-repeat;
		background-attachment:fixed;
		background-size:auto;
		background-position: right;
	}
	.floor_ttl{
		padding: 40px 30px 20px 35px;
	}
	.floor_ttl_txt{
		color:#fff;
		font-size: 18px;
		font-weight: 100 !important;
		padding: 0 0 35px 35px;
		line-height: 180%;
	}
	.tabs{
		margin-left: 17px;
	}
	.tabs li{
		width: 200px;
		overflow: hidden;
		display: inline-block;
		vertical-align: middle;
		transition: ease 0.3s;
		margin-right: 15px;
	}
	.tabs li:hover{
		transform: scale(1.1,1.1);
		transition: ease 0.3s;
	}
	.tabs img{
		width: 95%;
	}
	.honkan, .shinkan, .nigoukan{
		margin-left: -220px;
	}
	.honkan{
		margin-top: 40px;
	}
	.room302_contents{
		max-width: 946px;
		height: 720px;
		background: url(../images/floor/302.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room302_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 300px;
	}
	.room401_contents{
		max-width: 946px;
		height: 780px;
		background: url(../images/floor/401.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 80px !important;
	}
	.room401_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 400px;
	}
	.room501_contents{
		max-width: 946px;
		height: 780px;
		background: url(../images/floor/501.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room501_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 200px;
	}
	.room601_contents{
		max-width: 946px;
		height: 720px;
		background: url(../images/floor/601.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room601_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 200px;
	}
	.sp_601{
		top:100px;
	}
	.room703_contents{
		max-width: 946px;
		height: 720px;
		background: url(../images/floor/703.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room703_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 200px;
	}
	.room8f_contents{
		max-width: 946px;
		height: 900px;
		background: url(../images/floor/8f.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room8f_target_wrap{
		position: absolute;
		bottom: 300px;
		left: 200px;
	}
	.roomshin_contents{
		max-width: 946px;
		height: 700px;
		background: url(../images/floor/vo_1.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 50px;

	}
	.roomshin4f_contents{
			margin-bottom: 100px !important;
	}
	.roomshin_target_wrap{
		position: absolute;
		bottom: 300px;
		left: 200px;
	}
	.roomni_contents{
		max-width: 946px;
		height: 900px;
		background: url(../images/floor/vo_2.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.roomni_target_wrap{
		position: absolute;
		bottom: 300px;
		left: 200px;
	}
	.section {
		width: 100%;
	}
	.section-content {
		max-width: 990px;
		margin: 0 auto;
		text-align: center;
	}
	
	.right-wrap {
		right:0;
		width: 66% !important;
		height: 100%;
		overflow-y:scroll;
		overflow-x: hidden;
		margin-bottom: 100px;
	}
	.right_inner_box{
		height: 97.6%;
		margin: 20px;
		border: solid 2px #000;
		overflow-x: hidden;
	} 
	.right_inner_container{
		position: relative;
	}
}
@media (min-width: 751px) and (max-width: 1410px) {
	.left_header_contents{
		background:rgba(0,0,0,0.9) !important;
	}
	.left-wrap{
		width: 9.5% !important;
		background: #fff !important;
		position: relative;
		z-index: 9999;
	}
	.mainvisual_inner{
		left: 0;
		height: 95.4%;
		margin: 19px 0 19px 20px !important;
		border: none !important;
	}
	.floor_wrap{
		background: #00b9ee;
		background: url(../images/floor/floor_bg.jpg) no-repeat;
		background-attachment:fixed;
		background-size:auto;
		background-position: right;
	}
	.floor_ttl{
		padding: 60px 40px 20px 40px;
	}
	.floor_ttl_txt{
		color:#fff;
		font-size: 18px;
		font-weight: 100 !important;
		padding: 0 40px 60px 40px;
		line-height: 180%;
	}
	.tabs{
		margin-left: 17px;
	}
	.tabs li{
		width: 200px;
		overflow: hidden;
		display: inline-block;
		vertical-align: middle;
		transition: ease 0.3s;
		margin-right: 0px;
	}
	.tabs li:hover{
		transform: scale(1.1,1.1);
		transition: ease 0.3s;
	}
	.tabs img{
		width: 88%;
	}
	.honkan, .shinkan, .nigoukan{
		margin-left: -220px;
	}
	
	.room302_contents{
		max-width: 946px;
		height: 720px;
		background: url(../images/floor/302.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room302_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 300px;
	}
	.room401_contents{
		max-width: 946px;
		height: 780px;
		background: url(../images/floor/401.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 80px !important;
	}
	.room401_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 400px;
	}
	.room501_contents{
		max-width: 946px;
		height: 780px;
		background: url(../images/floor/501.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room501_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 200px;
	}
	.room601_contents{
		max-width: 946px;
		height: 720px;
		background: url(../images/floor/601.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room601_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 200px;
	}
	.room703_contents{
		max-width: 946px;
		height: 720px;
		background: url(../images/floor/703.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room703_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 200px;
	}
	.room8f_contents{
		max-width: 946px;
		height: 900px;
		background: url(../images/floor/8f.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.room8f_target_wrap{
		position: absolute;
		bottom: 300px;
		left: 200px;
	}
	.roomshin_contents{
		max-width: 946px;
		height: 900px;
		background: url(../images/floor/vo_1.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
	}
		.roomshin4f_contents{
			margin-bottom: 100px !important;
	}
	.roomshin_target_wrap{
		position: absolute;
		bottom: 300px;
		left: 200px;
	}
	.roomni_contents{
		max-width: 946px;
		height: 900px;
		background: url(../images/floor/vo_2.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-bottom: 100px !important;
	}
	.roomni_target_wrap{
		position: absolute;
		bottom: 300px;
		left: 200px;
	}
	
	.section {
		width: 100%;
	}
	.section-content {
		max-width: 990px;
		margin: 0 auto;
		text-align: center;
	}
	
	.right-wrap {
		right:0;
		width: 90.5% !important;
		height: 100%;
		overflow-y:scroll;
		overflow-x: hidden ;
		position: relative;
		z-index: 99;
	}
	.right_inner_box{
		height: 97.6%;
		margin: 20px 20px 20px 0 !important;
		border: solid 2px #000 !important;
		overflow-x: hidden;
	} 
	.right_inner_container{
		position: relative;
	}

}


/*======ブログ、コンテンツ用======*/
@media screen and (min-width: 1801px) {
	/*======contents======*/
	.contents_wrap h3{
		font-size: 40px;
		letter-spacing: 1.5px;
		margin-bottom: 10px;
	}
	.contents_wrap span{
		font-size: 18px;
	}
	.contents_wrap{
		padding: 10px 40px 40px 40px;
	}
	.contents_links ul {
		width: 900px;
		margin-top: 40px;
	}
	.contents_links ul li{
		width: 260px;
		height: 225px;
		display: inline-block;
		margin-right: 10px;
		overflow: hidden;
	}
	.contents_links ul li img{
		transition: ease 0.3s;
	}
	.contents_links ul li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links ul li:nth-child(3), li:nth-child(6){
		margin: 0;
	}
	.contents_links ul li img{
		width: 260px;
	}
}
@media (min-width: 1581px) and (max-width: 1800px){
	/*======contents======*/
	.contents_wrap h3{
		font-size: 40px;
		letter-spacing: 1.5px;
		margin-bottom: 10px;
	}
	.contents_wrap span{
		font-size: 18px;
	}
	.contents_wrap{
		padding: 10px 40px 40px 40px;
	}
	.contents_links .contents_links_lst {
		width: 1000px !important;
		margin-top: 30px;
	}
	.contents_links .contents_links_lst li{
		width: 260px !important;
		height: 225px !important;
		display: inline-block;
		margin-right: 15px !important;
		overflow: hidden;
	}
	.contents_links .contents_links_lst li img{
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li:nth-child(3), li:nth-child(4){
		margin: 25px 0 0 0;
	}
	.contents_links .contents_links_lst li img{
		width: 260px !important;
	}
}
@media (min-width: 1281px) and (max-width: 1580px){
		/*======contents======*/
	.contents_wrap h3{
		font-size: 34px;
		margin-bottom: 0px !important;
		letter-spacing: 1px;
	}
	.contents_wrap span{
		font-size: 16px;
	}
	.contents_wrap{
		padding: 40px 40px 40px 25px !important;
	}
	.contents_links ul {
		width: 900px !important;
		margin-top: 20px;
	}
	.contents_links ul li{
		width: 260px;
		height: 225px;
		display: inline-block;
		margin-right: 10px !important;
		overflow: hidden;
	}
	.contents_links ul li img{
		transition: ease 0.3s;
	}
	.contents_links ul li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links ul li:nth-child(3), li:nth-child(4){
		margin: 20px 0 0 0;
	}
	.contents_links ul li img{
		width: 260px;
	}
}
@media (min-width: 1101px) and (max-width: 1280px){
	/*======contents======*/
	.contents_wrap{
		
	}
	.contents_wrap h3{
		font-size: 34px;
		margin-bottom: 20px;
		letter-spacing: 1px;
		line-height: 100%;
	}
	.contents_wrap span{
		font-size: 16px;
	}
	.contents_wrap{
		margin: 70px 20px 10px 30px;
	}
	.contents_links .contents_links_lst {
		width: 900px !important;
		margin-top: 20px;
	}
	.contents_links .contents_links_lst li{
		width: 280px !important;
		height: 260px !important;
		display: inline-block;
		margin:20px 15px 0 0;
		overflow: hidden;
	}
	.contents_links .contents_links_lst li img{
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img{
		width: 280px !important;
	}
}
@media (min-width: 751px) and (max-width: 1100px) {
		/*======contents======*/
	.contents_wrap h3{
		font-size: 34px;
		margin-bottom: 20px;
		letter-spacing: 1px;
		line-height: 100%;
	}
	.contents_wrap span{
		font-size: 14px;
		line-height: 80%;
	}
	.contents_wrap{
		padding: 30px;
	}
	
	.contents_links .contents_links_lst {
		width: 600px !important;
		margin-top: 40px!important;
	}
	.contents_links .contents_links_lst li{
		width: 280px;
		height: 260px;
		display: inline-block;
		margin:0px 10px 0 0 !important;
		overflow: hidden;
	}
	.contents_links .contents_links_lst li img{
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img:hover{
		transform: scale(1.1);
		transition: ease 0.3s;
	}
	.contents_links .contents_links_lst li img{
		width: 280px;
	}

}





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

	.left-wrap{
		background: #fff !important;
	}
	.floor_wrap{
		background: #00b9ee;
		background: url(../images/floor/floor_bg.jpg) repeat;
		background-size:auto;
		background-position: center;
	}
	.tabs{
		margin-left: 17px;
	}
	.tabs li{
		width: 210px;
		overflow: hidden;
		display: inline-block;
		vertical-align: middle;
		transition: ease 0.3s;
		margin-right: 0px;
	}
	.tabs li:hover{
		transform: scale(1.1,1.1);
		transition: ease 0.3s;
	}
	.tabs img{
		width: 98%;
	}
	.floor_ttl{
		padding: 60px 30px 20px 35px;
	}
	.floor_ttl_txt{
		color:#fff;
		font-size: 18px;
		font-weight: 100 !important;
		padding: 0 0 60px 35px;
		line-height: 180%;
	}
	.honkan, .shinkan, .nigoukan{
	}
	.honkan{
		margin-top: 40px;
	}
	.room302_contents{
		max-width: 700px;
		height: 720px;
		background: url(../images/floor/302.png) no-repeat;
		background-position: left;
		position: relative;
		margin-left: -60px !important;
		margin-bottom: 100px !important;
	}
	.room302_target_wrap{
		position: absolute;
		bottom: 130px;
		left: 200px;
	}
	.sp_302{
		right: 0px;
	}
	.room401_contents{
		max-width: 700px;
		height: 780px;
		background: url(../images/floor/401.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-left: -60px !important;
		margin-bottom: 80px !important;
	}
	.room401_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 300px;
	}
	.sp_401{
		right: 00px;
	}
	.room501_contents{
		max-width: 700px;
		height: 780px;
		background: url(../images/floor/501.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-left: -60px !important;
		margin-bottom: 100px !important;
	}
	.room501_target_wrap{
		position: absolute;
		bottom: 60px;
		left: 200px;
	}
	.sp_501{
		right: 0px;
	}
	.room601_contents{
		max-width: 700px;
		height: 750px;
		background: url(../images/floor/601.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-left: -60px !important;
		margin-bottom: 100px !important;
	}
	.room601_target_wrap{
		position: absolute;
		bottom: 150px;
		left: 200px;
	}
	.sp_601{
		right: 0px;
	}
	.room703_contents{
		max-width: 700px;
		height: 700px;
		background: url(../images/floor/703.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-left: -60px !important;
		margin-bottom: 100px !important;
	}
	.room703_target_wrap{
		position: absolute;
		bottom: 50px;
		left: 150px;
	}
	.sp_703{
		right: 0px;
	}
	.room8f_contents{
		max-width: 700px;
		height: 900px;
		background: url(../images/floor/8f.png) no-repeat;
		background-position: left;
		background-size: auto;
		position: relative;
		margin-left: -60px !important;
		margin-bottom: 100px !important;
	}
	.room8f_target_wrap{
		position: absolute;
		bottom: 180px;
		left: 110px;
	}
	.sp_8f{
		right: 0px;
	}
	.roomshin_contents{
		max-width: 700px;
		height: 800px;
		position: relative;
		margin-left: 20px;
	}
	.sp_shin{
		right: 34px;
		top:50px;
	}
	.roomni_contents{
		max-width: 700px;
		height: 850px;
		background-position: left;
		background-size: auto;
		position: relative;
	}
		.roomshin4f_contents{
			margin-bottom: 100px !important;
	}
	.roomni_target_wrap{
		position: absolute;
		bottom: 300px;
		left: 200px;
	}
	.sp_ni{
		right: 50px;
		top:50px;
	}
	.section {
		width: 100%;
	}
	.section-content {
		max-width: 990px;
		margin: 0 auto;
		text-align: center;
	}
	
	.right-wrap {
		top:0 !important;
		
	}
	.right_inner_box{
		height: 97.6%;
		margin: 20px;
		border: solid 2px #000 !important;
		overflow-x: hidden;
	} 
	.right_inner_container{
		position: relative;
	}

	.contents_links .contents_links_lst {
		width: 700px;
		margin: auto;
		margin-top: 80px !important;
		text-align: center;
	}

	
	.pc_style{
		display: none;
	}
}