body {

	margin: 0;

	padding: 0;

	width: 100%;

	background-color: #F5F5ED;

	color: #333333;

	font-family: "Microsoft Yahei", Arial, sans-serif;

	font-size: 12px;

	letter-spacing: 1px;

}

.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#lang {
	position: absolute;
	right: 10px;
	top: 10px
}
#lang a {
	font-weight: bold;
	color: black;
	text-decoration: none;
}
#lang .lang-active {
	color: #967800
}

.char_red {

	color: #ff0000;

}

#WRAPPER {

	background-color: #F5F5ED;

	width: 100%;

	height: auto;

}

#TOP {

	background-color: #F5F5ED;

	width: 100%;

	height: auto;

	padding-top: 30px;

	margin-left: auto;

	margin-right: auto;

}

h1 {

	text-indent: -9999px;

}



h2 {

	text-indent: -9999px;

}



#LOGO {

	background-image: url(../img/logo.png);

	background-repeat: no-repeat;

	width: 360px;

	height: 90px;

	margin-top: 45px;

	margin-bottom: 45px;

	margin-left: auto;

	margin-right: auto;

	text-indent: -99999px;

}

#NAV {

	width: 468px;

	height: 48px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 40px;

	text-indent: -99999px;

}

#NAV UL {

	margin: 0px;

	padding: 0px;

}

#NAV UL LI {

	list-style-type: none;

}

#NAV UL LI A {

	background-image: url(../img/global_nav.png);

	background-repeat: no-repeat;

	display: block;

	float: left;

	margin: 0px;

	padding: 0px;

	text-indent: -99999px;

	height: 48px;

}

#NAV UL LI#NAV_EQUIPMENT A {

	width: 171px;

	background-position: 0px 0px;

}

#NAV UL LI#NAV_EQUIPMENT A:HOVER {

	opacity: 0.6;

}

#NAV UL LI#NAV_SERVICE A {

	width: 172px;

	background-position: -171px 0px;

}

#NAV UL LI#NAV_SERVICE A:HOVER {

	opacity: 0.6;

}

#NAV UL LI#NAV_ACCESS A {

	width: 125px;

	background-position: -343px 0px;

}

#NAV UL LI#NAV_ACCESS A:HOVER {

	opacity: 0.6;

}

#NAV UL LI#NAV_ROOM A {

	display: none;

}

#MAIN_VISUAL {

	width: 100%;

	text-align: center

}

#MAIN_VISUAL img {

	max-width: 100%;

	height: auto;

}

#MAIN_WRAPER {

	width: 100%;

	height: auto;

	margin: auto;

}

#MAIN {

	background-color: #F5F5ED;

	width: 1000px;

	margin-top: 22px;

	margin-left: auto;

	margin-right: auto;

}

#MAIN {

	width: 100%;

	max-width: 1000px;

	padding-left: 10px;

	margin: 0px auto;

	overflow: hidden;

}

#MAIN_01,

#MAIN_02 {

	float: left;

	width: calc(60% - 5px);

	margin-right: 5px;

}

#RIGHT_SIDE {

	float: right;

	width: 40%;

}

#TITLE_ATMOSPHERE {

	background-image: url(../img/atmosphere.png);

	background-repeat: no-repeat;

	width: 248px;

	height: 35px;

}

.line_height {

	line-height: 24px;

}

#TITLE_IMPRESSION {

	background-image: url(../img/impression.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 35px;

	margin-top: 20px;

}

.main_text div {

	margin-top: 30px;

	margin-bottom: 30px;

	background-color: #F5F5ED;

	font-size: 12px;

}

#TITLE_EQUIPMENT {

	background-image: url(../img/equipment.png);

	background-repeat: no-repeat;

	width: 203px;

	height: 35px;

}

#TITLE_SERVICE {

	background-image: url(../img/service.png);

	background-repeat: no-repeat;

	width: 158px;

	height: 35px;

}

#TITLE_ACCESS {

	background-image: url(../img/accesse.png);

	background-repeat: no-repeat;

	width: 136px;

	height: 35px;

}

#TITLE_CONTACT {

	background-image: url(../img/title_contact.png);

	background-repeat: no-repeat;

	width: 155px;

	height: 26px;

	margin: 30px 0px;

	display: block;

}

#MAIN_EQUIPMENT {

	background-color: #F5F5ED;

}

.main_text {

	margin-top: 20px;

}

#BOX_EQUIPMENT {}



h3.main_h3 {

	background-repeat: no-repeat;

	text-indent: -9999px;

	height: 19px;

	width: 400px;

}

h3#H3_STAY {

	background-image: url(../img/stay.png);

}

h3#H3_REST {

	background-image: url(../img/rest.png);

}

h3#H3_SERVICE_TIME {

	background-image: url(../img/service_time.png);

}

h3#H3_ETC {

	background-image: url(../img/etc.png);

}

h3#H3_MEMBER {

	background-image: url(../img/member.png);

}

h3#H3_CREDIT {

	background-image: url(../img/credit.png);

}

h3#H3_RESERVATION {

	background-image: url(../img/reservation.png);

}

h4 {

	margin: 0px;

	color: #4F4F4D;

}

td#ACCESS_PLAN p {

	margin: 5px;

}

.table {

	width: 100%;

	border: 1px solid #CFC8A6;

	border-collapse: collapse;

	margin-top: 20px;

	margin-bottom: 20px;

	font-size: 12px;

	line-height: 26px;

}

.table th {
	border: 1px solid #CFC8A6;

	font-weight: normal;

	width: 180px;

	text-align: center;

	

}

.table td {

	border: 1px solid #CFC8A6;

	padding: 10px 5px;

}

.table_access {

	width: 634px;

	border: 1px solid #CFC8A6;

	border-collapse: collapse;

	font-size: 12px;

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 20px;

	line-height: 26px;

}

.table_access th {

	border: 1px solid #CFC8A6;

}

.table_access tr {

	border-collapse: collapse;

	border: 1px solid #CFC8A6;

}



div#MAP div {

	float: left;

	margin: 10px 7px 7px 0px;

}

div#MAP img {

	border: 1px solid #967800;

}

img#MAP_KAKUDAI {

	padding: 20px 5px;

}

div#MAP div#MAP_HOSOKU {

	margin: 10px auto;

	line-height: 18px;

}

p.map_text {

	color: #4d0102;

	font-size: 14px;

	font-weight: bold;

	text-indent: 3px;

}

p.map_text2 {

	color: #4d0102;

	font-size: 14px;

	font-weight: bold;

	text-indent: 3px;

}

table#TABLE_VIVIHOTEL {

	border: none;

	width: 395px;

	border-spacing: 0px;

	line-height: 18px;

	margin: 0px auto;

}

table#TABLE_VIVIHOTEL th {

	border: none;

	width: 27px;

}

table#TABLE_VIVIHOTEL td {

	border: none;

}

table#TABLE_VIVIHOTEL td#IROHANOYU_LOGO {

	width: 190px;

	text-align: center;

}

table#TABLE_VIVIHOTEL td#HELSTON_COMPANY {

	text-align: right;

	font-size: 10px;

	line-height: 12px;

	padding: 10px 0px;

}



#MAIN_CONTACT p {

	margin: 0px 10px;

}

#DAMMY_MAIL {

	display: none;

}

#CONTACT_BUTTON {

	text-align: center;

	margin: 0px 0px 20px 0px;

}

table.table span {

	margin-left: 10px;

}

#MAIN_THANKS p {

	line-height: 16px;

	margin: 20px 0px;

}

#MAIN_THANKS a {

	color: #524300;

}

#MAIN_THANKS a:hover {

	color: #928960;

}

#RIGHT_SIDE {

	background-color: #F5F5ED;

	margin-bottom: 30px;

}

#ROOM_INFORMATION {

	background-image: url(../img/room_information.png);

	background-repeat: no-repeat;

	width: 207px;

	height: 25px;

	margin-top: 40px;

	margin-left: 30px;

	text-indent: -9999px;

}

.room_box {

	background-color: #E3E3DB;

	width: 320px;

	margin: 10px auto 0;

	text-align: center;

}

.room_box img {

	margin: 10px auto;

}

.room_box p {

	font-size: 12px;

	margin-left: 16px;

	margin-right: 10px;

	margin-bottom: 5px;

}

h2#GROUP {

	background-image: url(../img/group_alliance.png);

	background-repeat: no-repeat;

	width: 207px;

	height: 25px;

	margin-top: 40px;

	margin-left: 30px;

	text-indent: -9999px;

}

.rightside_image {

	background-color: #E3E3DB;

	width: 320px;

	margin: 10px auto auto;

	text-align: center;

	overflow: hidden;

}

.group_logo img {

	margin: 10px;

}

.group_title a:hover {

	text-decoration: underline;

}

.group_title {

	color: #967800;

	text-align: center;

	width: 100%;

	height: 30px;

	line-height: 30px;

	margin: 0px;

}

.group_title a {

	color: #967800;

	text-decoration: none;

	outline: none;

	font-size: 14px;

	font-weight: bold;

}

.group_alliance {

	display: block;

	margin: 0px 10px 0px 10px;

	color: #333333;

	margin: 10px auto;

	width: 280px;

	text-align: left;

	line-height: 16px;

}

.rightside_image a {

	text-decoration: none;

}

.rightside_image strong {

	font-weight: normal;

}

label {

	display: block;

}

input[type="checkbox"].on-off {

	display: none;

}

#A_MENU {

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	margin: 0;

	padding: 0;

}

input[type="checkbox"].on-off + #A_MENU {

	height: 100%;

	overflow: hidden;

}

input[type="checkbox"].on-off:checked + #A_MENU {

	height: auto;

}

#BACK {

	display: none;

}

#BOTTOM {

	background-color: #EEEDE4;

	width: 100%;

	height: 25px;

	text-align: center;

	clear: both;

	line-height: 25px;

	margin: auto;

}

#MAIN_THANKS img {

	max-width: 100%;

	height: auto;

	margin-top: 20px;

}

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

	body {

		font-size: 14px;

	}

	#WRAPPER {

		width: 100%;

	}

	#TOP {

		background-color: #F5F5ED;

		max-width: 100%;

		height: auto;

	}

	#LOGO {

		background-image: url(../img/logo.png);

		width: 100%;

		background-size: contain;

		background-position: center;

		margin-top: 0px;

		margin-bottom: 0px;

		margin-left: auto;

		margin-right: auto;

	}

	h3.main_h3 {

		background-repeat: no-repeat;

		height: 19px;

		width: 400px;

		margin-left: 25px;

	}

	#MAIN {

		width: 95%;

		padding: 0;

	}

	#NAV {

		width: 274px;

		height: 210px;

		margin-bottom: 20px;

		margin-left: auto;

		margin-right: auto;

		position: relative;

	}

	#NAV UL {

		margin: 0px;

		padding: 0px;

	}

	#NAV UL LI A {

		float: none;

		background-image: url(../img/global_navi.png);

		background-repeat: no-repeat;

		margin-left: auto;

		margin-right: auto;

	}

	#NAV UL LI#NAV_EQUIPMENT A {

		width: 162px;

		background-position: 14px 0px;

	}

	#NAV UL LI#NAV_SERVICE A {

		width: 160px;

		text-align: center;

		margin-left: auto;

		background-position: -176px 0px;

	}

	#NAV UL LI#NAV_ACCESS A {

		width: 149px;

		margin-left: auto;

		margin-right: auto;

		background-position: -345px 0px;
	}

	#NAV UL LI#NAV_ROOM A {

		display: block;

		width: 240px;

		background-position: -537px 0px;

	}

	#NAV UL LI#NAV_ROOM A:HOVER {

		opacity: 0.6;

	}

	#MAIN_01 {

		float: none;

		width: 100%;

	}

	#MAIN_02 {

		float: none;

		width: 100%;

	}

	#TITLE_ATMOSPHERE {

		width: 100%;

		height: 44px;

	}

	.line_height {

		line-height: 16px;

	}

	#TITLE_IMPRESSION {

		height: 40px;

		margin-top: 20px;

	}

	.main_text div {

		font-size: 12px;

		width: 90%;

		margin-top: 10px;

		margin-bottom: 0px;

		margin-left: auto;

		margin-right: auto;

	}

	#MAIN_EQUIPMENT {

		margin-top: 0px;

		margin-bottom: 0px;

	}

	.rightside_image {

		margin: 10px auto;

	}

	table#TABLE_VIVIHOTEL {

		text-align: center;

		width: 100%;

	}

	table#TABLE_VIVIHOTEL td {

		width: 95%;

		text-align: center;

	}

	table#TABLE_VIVIHOTEL td#IROHANOYU_LOGO {

		width: 190px;

		margin: auto;

	}

	table#TABLE_VIVIHOTEL td#HELSTON_COMPANY {

		text-align: center;

		margin-left: auto;

		margin-right: auto;

	}

	table#TABLE_VIVIHOTEL th {

		width: 1px;

		height: 1px;

	}

	.table th img {

		float: left;

		margin-top: 10px;

	}

	.table {

		width: 100%;

		margin: auto;

	}

	.table th {

		display: block;

		background-color: #987A03;

		width: 100%;

		text-align: center;

		color: #ffffff;

	}

	.table tr {

		width: 100%;

	}

	.table td {

		display: block;

		border: 1px #000000 none;

		text-align: center;

	}

	#BOX_EQUIPMENT {

		width: 100%;

	}

	.table th img {

		float: left;

		margin: auto;

	}

	#MAIN_CONTACT .table {

		width: 100%;

	}

	#MAIN_CONTACT .table th {

		width: 100%;

	}

	#MAIN_CONTACT .table td {

		width: 90%;

	}

	#MAIN_CONTACT p {

		width: 90%;

	}

	#MAP {

		float: none;

		width: 100%;

	}

	div#MAP div {

		float: none;

		margin: 10px 10px 10px 0px;

		text-align: center;

	}

	div#MAP div#MAP_HOSOKU {

		width: 92%;

		float: none;

		text-align: left;

		margin-bottom: 30px;

		margin-left: auto;

		margin-right: auto;

	}

	div#MAP img {

		border: 1px solid #967800;

		margin: auto;

		float: none;

		width: 85%;

		height: auto;

	}

	td#ACCESS_PLAN p {

		line-height: 16px;

		width: 100%;

	}

	.map_text {

		margin-top: 5px;

		margin-bottom: 20px;

	}

	.map_text2 {

		margin-top: 5px;

		margin-bottom: 20px;

	}

	#STAY_HOSOKU {

		margin-top: 15px;

	}

	#RIGHT_SIDE {

		width: 100%;

		float: none;

	}

	.room_box {

		height: 100%;

		margin: auto;

	}

	.room_box img {

		margin-top: 10px;

		margin-left: 10px;

		margin-right: 10px;

		margin-bottom: 10px;

	}

	#ROOM_INFORMATION {

		background-image: url(../img/title_room.png);

		background-repeat: no-repeat;

		width: 100%;

		height: 66px;

		margin-top: 20px;

		margin-left: 0px;

		margin-bottom: 20px;

	}

	h2#GROUP {

		background-image: url(../img/title_group.png);

		width: 100%;

		height: 66px;

		margin-left: 0px;

	}

	#BACK {

		display: block;

		position: fixed;

		bottom: 15px;

		right: 15px;

		background-image: url(../img/back.png);

		width: 40px;

		height: 39px;

		text-indent: -9999px;

	}

}