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



/*============

　ページスクロール

==============*/

#page-top {
    position: fixed;
    bottom: 15%;
    right: 30px;
    z-index:1;
    line-height: 0.8em;
    font-size: 35px;
}
#page-top a {
    text-decoration: none;
    width: 100px;
    text-align:center;
    display: block;
    font-size: 1.2em;
}
#page-top a:hover {
    text-decoration: none;
   	opacity: 0.6; 
}

#page-top span {
    font-size: 0.6em;
    line-height: 0.6em;
}


/*============

　空室状況

==============*/

.btn_vacancy {
	position: fixed;
	/* top: 30%;*/
	top: 20%;
	right: 0px;
	z-index: 9999;
	line-height: 0.8em;
}

.btn_vacancy a {
	border: solid 2px #009688;
	padding: 10px;
	color: #fff;
	background: #009688;
	font-size: 16px;
	text-decoration: none;
	font-family: A1MinchoStd-Bold, serif;
	-ms-writing-mode: tb-rl;
	/* writing-mode: vertical-rl; */
	width: 50px;
	height: auto;

	/* radius */
	border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;

	/* radius */
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
}


.btn_vacancy a:hover {
	border: solid 2px #11ab9c;
	background: #11ab9c;
}


/*============

　予約フォーム

==============*/


.btn_reserve {
	position: fixed;
	/* top: 30%;*/
	top: 30%;
	right: 0px;
	z-index: 9999;
	line-height: 0.8em;
}

.btn_reserve a {
	border: solid 2px #4CAF50;
	padding: 10px;
	color: #fff;
	background: #4CAF50;
	font-size: 16px;
	text-decoration: none;
	font-family: A1MinchoStd-Bold, serif;
	-ms-writing-mode: tb-rl;
	/* writing-mode: vertical-rl; */
	width: 50px;
	height: auto;

	/* radius */
	border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;

	/* radius */
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
}


.btn_reserve a:hover {
	border: solid 2px #63ad66;
	background: #63ad66;
}