body {
	margin: 0;
}

.btn {
	max-width: 150px;
	width: 60%;
	text-align: center;
	margin: 0 auto;
}

.btn a {
	padding: 8% 2%;
	display: block;
	width: 96%;
	border: 1px solid #000;
	text-decoration: none;
	color: #000;
	transition: 0.5s all ease 0s;
	font-size: 0.8em;
}

.btn a:hover {
	background: #000;
	color: #fff;
}

.btn02 {
	max-width: 250px;
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

.btn02 a {
	padding: 8% 2%;
	display: block;
	width: 96%;
	border: 1px solid #000;
	text-decoration: none;
	color: #000;
	transition: 0.5s all ease 0s;
	font-size: 0.8em;
}

.btn02 a:hover {
	background: #000;
	color: #fff;
}

@media screen and (min-width:768px) {}

/************************
グローバルナビ追従
************************/
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
}


/************************
.navi
************************/
.navi {
	background: #3a7e38;
	width: 100%;
}

.navi > ul {
	display: flex;
	list-style-type: none;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.navi > ul > li {
	text-align: center;
	padding: 0;
	margin: 0;
}
.navi > ul > li a{
	display: block;
	width: 100%;
}

.navi > ul > li img {
	width: 100%;
}

.navi > ul > li p {
	margin: 0;
	padding: 0;
}

.navi > ul > .rogo_btn {
	max-width: 510px;
	width: 25.5%;
}

.navi > ul > .map_btn {
	max-width: 321px;
	width: 16%;
}

.navi > ul > .guide_btn {
	max-width: 371px;
	width: 18.6%;
}

.navi > ul > .rest_btn {
	max-width: 249px;
	width: 12.5%;
}

.navi > ul > .acco_btn {
	max-width: 315px;
	width: 15.8%;
}

.navi > ul > .rese_btn {
	max-width: 234px;
	width: 11.7%;
}

/************************
.main
************************/
.main {
	position: relative;
}

.main::after {
	content: "";
	display: block;
	background: url(http://hotel-rosablanca.com/english/img/main_img.png)center center;
	background-size: cover;
	width: 100%;
	padding-top: 9.3%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.main p {
	margin: 0;
}

.main img {
	width: 100%;
}

/************************
.map
************************/
.map {
	display: flex;
}

.map img {
	width: 100%;
}

.map p {
	margin: 0;
}

.map .img {
	width: 50%;
}

.map .text {
	width: 50%;
	position: relative;
}

.map .text .title {
	font-size: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 30px;
}

.map .text div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}

@media screen and (max-width:768px) {
	.map {
		display: block;
	}

	.map img {
		width: 100%;
	}

	.map p {
		margin: 0;
	}

	.map .img {
		width: 100%;
	}

	.map .text {
		width: 90%;
		position: static;
		margin: 5% auto;
	}

	.map .text .title {
		font-size: 1.5em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-bottom: 1.0em;
	}

	.map .text div {
		position: static;
		transform: translate(0, 0);
		width: 100%;
	}
}


/************************
.guide
************************/
.guide .title {
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.guide .title::after {
	content: "";
	display: block;
	max-width: 100px;
	height: 2px;
	background: #000;
	margin: auto;
}

.guide .list {
	display: flex;
	list-style-type: none
}

.guide .list li {
	width: 31.333333%;
	margin: 1%;
}

.guide .list li img {
	width: 100%;
}

.guide .list li .name {
	text-align: center;
	font-size: 1.5em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 10px;
}

.guide .list li .name::after {
	content: "";
	display: block;
	max-width: 100px;
	height: 2px;
	background: #000;
	margin: auto;
}

@media screen and (max-width:768px) {
	.guide {
		margin: 30% 0;
	}

	.guide .list {
		display: block;
		margin: 0;
		padding: 0;
	}

	.guide .list li {
		width: 90%;
		margin: 5% auto 15%;
	}

	.guide .list li img {
		width: 100%;
	}

	.guide .list li .name {
		padding: 1%;
		margin: 0;
	}
}

/************************
.accom
************************/
.accom {
	margin: 150px auto;
}

.accom h2.title {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.4em;
	margin: 0;
	text-align: center;
}

.accom h2.title::after {
	content: "";
	display: block;
	max-width: 100px;
	height: 2px;
	background: #000;
	margin: auto;
}

.accom .subtitle {
	margin: 0;
	font-size: 0.8em;
}

.accom .list {
	display: flex;
	list-style-type: none;
}

.accom .price {
	text-align: right;
	font-size: 1.4em;
}

.accom .list li {
	width: 31.333333%;
	margin: 1%;
}

.accom .list li img {
	width: 100%;
}

.accom .supplement {
	text-align: right;
	font-size: 0.8em;
	margin: 0 0 15px;
	padding: 0;
}

.accom .price {
	margin: 0;
}

@media screen and (max-width:768px) {
	.accom {
		margin: 30% auto;
	}

	.accom h2.title {
		margin: 0 0 5%;
	}

	.accom .subtitle {
		margin: 0;
		font-size: 0.8em;
	}

	.accom .list {
		display: block;
		margin: 0;
		padding: 0;

	}

	.accom .price {
		text-align: right;
		font-size: 1.4em;
	}

	.accom .list li {
		width: 90%;
		margin: 1% auto 15%;
	}

	.accom .list li .img {
		padding: 0;
		margin: 0;
	}

	.accom .list li .title {
		margin: 0;
		font-size: 1.4em;
	}

	.accom .list li img {
		width: 100%;
		margin: 3% 0 0;
	}

	.accom .supplement {
		text-align: right;
		font-size: 0.8em;
		margin: 0 0 15px;
		padding: 0;
	}


}

/************************
.arestaurant
************************/
.restaurant h2.title {
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.restaurant h2.title::after {
	content: "";
	display: block;
	max-width: 100px;
	height: 2px;
	background: #000;
	margin: auto;
}

.restaurant .img {
	max-width: 1300px;
	width: 60%;
	margin: 0 auto;
}

.restaurant .img img {
	width: 100%;
}

.restaurant .loop .title,.restaurant .cafe .title {
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.restaurant .loop .title::after,.restaurant .cafe .title::after {
	content: "";
	display: block;
	max-width: 100px;
	height: 2px;
	background: #000;
	margin: auto;
}

.restaurant .time {
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.restaurant .cafe {
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media screen and (max-width:768px) {
	.restaurant {
		margin: 30% auto;
	}

	.restaurant h2.title {
		margin: 0 0 5%;
	}

	.restaurant .img {
		width: 80%;
	}

	.restaurant .img img {
		width: 100%;
	}

	.restaurant .time {
		text-align: left;
		width: 80%;
		margin: 0 auto;
		font-size: 0.8em;
	}

	.restaurant .cafe {
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 0.8em;
	}
}

/************************
.hetter
************************/
.hetter {
	background: #3a7e38;
	width: 100%;
}

.hetter .img {
	margin: 50px auto 0;
	max-width: 234px;

}

.hetter .text {
	text-align: center;
	color: #fff;
}

.hetter .btn_official {
	max-width: 250px;
	width: 80%;
	background: #fff;
	margin: 15px auto;
	text-align: center;
}

.hetter .btn_official a {
	color: #3a7e38;
	display: block;
	width: 100%;
	font-weight: bold;
}

.hetter .copyright {
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 15px;
}