@charset "utf-8";

/* ヘッダー */
header{
	position: relative;
	margin: 0 auto ;
	display: block;
	width: 100%;
}
/* pagettl */
#pagettl{
	position: relative;
	margin: 93px auto 20px auto;
	width: 100%;
	height:0;
	padding-top: 30%;
	background-image: url("../img/houyou/main.jpg");
	background-position: 100px 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.btn{font-size: .13rem;letter-spacing: .08em;}
.btn span{font-size: .09rem;}

ul.dotlist{
	position: relative;
	width: 90%;
	margin: 20px auto;
}
ul.planlist li a, .inner p a{text-decoration: underline;}
p.contttl{font-weight: 500;margin: 5px 0;}

/* lead */
#lead{
	position: relative;
	margin: 30px auto 0 auto;
}

/* food,room,hall,trivia */
#food,#room, #hall, #trivia{
	position: relative;
	margin: 125px auto 0 auto;
	background-color: #f3f3f3;
	padding-bottom: 40px;
}

#room h2.ttl{background-color: #5b3faa;}
#hall h2.ttl{background-color: #2d6e9b;}
#trivia h2.ttl{background-color: #7c8c4b;}

.foodinfo{
		margin: 60px auto 0 auto;
		padding:10px 20px;
		border: 1px solid #2d6e9b;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	}

/* ----- pc ----- */
@media screen and (min-width: 641px) {

	/* pagettl */
	#pagettl{
		margin: 100px auto 45px auto;
		padding-top: 300px;
		background-position: 220px 0;
		background-size: calc(100% - 220px) auto;
	}

	.btn{font-size: .18rem; font-weight: 700;letter-spacing: .2em;}
	.btn span{font-size: .12rem;}
	.btn_w{font-size: .14rem; font-weight: 500;letter-spacing: normal;}
	
	ul.dotlist{
		width: 910px;
		margin: 20px auto;
	}
	p.contttl{ margin: 0 auto 15px auto !important;}
	
	/* lead */
	#lead{margin: 50px auto 0 auto;}
	
	/* food,room,hall,trivia */
	#food,#room, #hall, #trivia{
		margin: 225px auto 0 auto;
		padding-bottom: 100px;
	}

}