html,body {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
  
}

#wrapper {
		width: 100%;
		height:100%;
		position:relative;
}	

/* header
------------------------------------------*/
#header_img{
	background:#fff url(../images/planimg.jpg) center center no-repeat;
	background-size:cover;
	width: 100%;
	height:400px;
	position:absolute;
	top:0px;
	z-index:-1;
}

#header {
		width: 960px;
		height:400px;
  position:relative;
		margin:80px auto 0 auto;
		
		z-index:10;
}	


#head_name{
	
	font-size:44px;
	position:absolute;
	width:100%;
	padding:146px 0px;
	color:#fff;
	top:0px;
}
#head_name h2 {
    text-align: center;
    letter-spacing: .08em;
    color: #fff;
    text-shadow: #fff;
    font-weight: normal;
    float: left;
    margin: 0 auto;
    width: 100%;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 
}

#head_name p {
    text-align: center;
    letter-spacing: .08em;
    color: #fff;
    text-shadow: #fff;
    font-weight: normal;
    float: left;
    margin: 0 auto;
    width: 100%;
		font-size:24px;
  		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

}
@media screen and (max-width: 768px) {
	
	#header {
		width: 100%;
		height:100%;
	}	
	#head_logo{
	
	height:80px;
}
#header_img{
	height:100%;
}
#head_name{
	
	font-size:44px;
	
}
}
/* main
--------------------------------------------------*/
#main{
	width:100%;
	margin:0 auto;
	overflow:auto;
			position:relative;
			
			padding-bottom:50px;
}
#main_wrap{
	width:960px;

	position:relative;
	
	margin:0 auto;

}
.title_top{
	padding-top:40px;
	font-size:40px;
	margin-bottom:40px;
	}
.title_top h2{
	font-weight:normal;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.1em;

}
.title_top p{
	font-size:14px;
	
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.1em;
}
.title{
	padding-top:50px;
	font-size:40px;
	margin-bottom:30px;
	}
.title h2{
	font-weight:normal;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.1em;

}
.title p{
	font-size:14px;
	
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.1em;
}

.roompick_img{
	width:960px;
	height:300px;
	margin:0 auto;
}
.b_img1{
	width:300px;
	height:300px;
	float:left;
	
}
.b_img2{
	margin-left:30px;
	width:300px;
	height:300px;
	float:left;
	
}
.b_img3{
	margin-left:30px;
	width:300px;
	height:300px;
	float:left;

}
.planlist{
	
	
}
.planlist_sp{
	display:none;
	
}

@media screen and (max-width: 768px) {
	#main_wrap{
	width:100%;

	

}
.title_top{
	
	font-size:26px;
	
	}
	.title_top p{
	font-size:12px;
	
	}
	.planlist{
	display:none;
	
}

.planlist_sp {
	display:block;
     margin: 0 auto;
}

}

/* copy_right
------------------------------------------*/
#copy_right{
		width:100%;
		position: relative;
	
		height: 60px;
		background:#222;
		color:#fff;
		line-height:60px;
		font-size:16px;
	}
	@media screen and (max-width: 655px) {
#copy_right{
		font-size:10px;
	}

	}