/* CSS Document */

html{
	line-height: 100%;
	-webkit-text-size-adjust:100%;
	}

body{
	background: #000;
	color: #fff;
	fill: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.55rem;
	line-height: 1.6em;
	font-feature-settings : "palt";
	}

a,
a:link,
a:visited,
a:focus{
	color: #fff;
	fill: #fff;
	text-decoration: underline;
	transition-property: color,background-color,background-size,border-color,box-shadow,opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	a:hover,
	a:active{
		color: #fff000;
		fill: #fff000;
		}
	a svg{
		transition-property: fill,opacity;
		transition-duration: 0.2s;
		transition-timing-function: ease-out;
		}

img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
	}

svg{
	width: 1em;
	height: 1em;
	}

main{
	text-align: center;
	}
	main *{
		margin: 0;
		font-size: 1.0em;
		}
	main hr{
		margin: 0;
		border: none;
		}
	main legend{
		border: none;
		color: #fff;
		fill: #fff;
		}

#header{}
	#header .container{
		padding: 1em 0;
		}
	#header .container:before,
	#header .container:after{
		content: none;
		}

#siteName{
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0.2em;
	text-indent: -0.2em;
	}
	#siteName a{
		text-decoration: none;
		}
	#siteName i{
		display: block;
		margin-bottom: 0.5em;
		font-size: 1.8em;
		text-indent: 0;
		}
	#siteName svg{
		width: 7.27em;
		vertical-align: top;
		}

#gNav{
	padding: 0;
	box-shadow: none;
	}
	#gNav:before,
	#gNav:after{
		content: none;
		}
	#gNav ul{
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#gNav li{
		margin: 0;
		padding: 0;
		}
	#gNav a{
		line-height: 1em;
		text-decoration: none;
		}
	#gNav p{
		line-height: 1em;
		}
		#gNav p span{
			margin-left: 0.2em;
			font-size: 0.8em;
			vertical-align: middle;
			opacity: 0.5;
			}
	#gNav .booking{
		background: #ff3333;
		border-color: #ff3333;
		color: #fff;
		fill: #fff;
		font-weight: bold;
		}
		#gNav .booking:hover,
		#gNav .booking:active{
			background: #000 !important;
			border-color: #ff3333 !important;
			color: #ff3333 !important;
			fill: #ff3333 !important;
			}
	#gNav .toggleMenu{}
		#gNav .toggleMenu > ul{
			display: none;
			}
		#gNav .toggleMenu li{}
			#gNav .toggleMenu li:nth-child(n+2){
				margin-top: 0.5em;
				}
				#gNav .toggleMenu li:nth-child(n+2) a{
					text-align: left;
					}
	#gNav .toggleMenu.open{}
		#gNav .toggleMenu.open > ul{
			display: block;
			}
		#gNav .toggleMenu.open .mypage svg{
			transform: rotate(-180deg);
			}

#main{
	width: 100%;
	overflow: hidden;
	}

#subject{
	padding-bottom: 0;
	}

#credit{
	padding: 1em 0em;
	}
	#credit .container{
		max-width: 100%;
		padding: 0;
	}
	#credit p{
		margin: 0;
		font-size: 0.775em;
		text-align: center;
		line-height: 1em;
		}
		#credit p a{
			text-decoration: none;
		}
#lsLogin{
	margin-right: 1.5em;
}
#ssl{
	text-align: center;
	}
	#ssl input{
		margin: 0;
		padding: 0;
		border: none;
		border-radius: 0;
		outline: none;
		font-size: 100%;
		vertical-align: middle;
		box-sizing: border-box;
		line-height: 1em;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		}
	#ssl p{
		margin-top: 0.5em;
		font-size: 0.875em;
		}

.container{
	max-width: calc(100% - 2em);
	margin: auto;
	padding: 0;
	text-align: left;
	}
	.container:before,
	.container:after{
		content: none;
		}
	.container.text-center{
		text-align: center;
		}
	.container .jumbotron{
		padding: 1em;
		border-radius: 0;
		}
	.container+hr{
		margin: 0;
		border: none;
		}

.none{
	display:none!important;
	}

.row{
	/*
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% + 1em);
	margin: -0.5em;
	*/
}
	.row:before,
	.row:after{
		content: none;
		}
	*+.row{
		margin-top: 0.5em;
		}
	.row > [class^="col-"]{
		/*
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		float: none;
		padding: 0.5em;
		*/
		}
/*
		.row > [class^="col-"] > *{
			width: 100%;
			}
*/
.panel{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	}
	.panel .panel-heading{
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		border-radius: 0;
		color: inherit;
		text-align: center;
		}
		.panel .panel-heading p{
			font-size: 1.1em;
			font-weight: bold;
			line-height: 1em;
			}
		.panel .panel-heading .subTitle{
			color: #fff000;
			fill: #fff000;
			}
	.panel .panel-body{
		margin: 0;
		margin-top: 2em;
		padding: 0;
		}
		.panel .panel-body:before,
		.panel .panel-body:after{
			content: none;
			}
		.panel .panel-body > *+*{
			margin-top: 1em;
			}
		.panel .panel-body .list{
			padding: 1em;
			border: 1px solid #fff;
			}

.jumbotron{
	margin: 0;
	padding: 1em;
	background: #333;
	}
	*+.jumbotron,
	.jumbotron+*{
		margin-top: 2.0em;
		}
	.jumbotron > *+*{
		margin-top: 1em;
		}
	.jumbotron p{
		margin-bottom: 0;
		font-size: inherit;
		font-weight: inherit;
		}
	.jumbotron h4{
		font-size: 1.2em;
		font-weight: bold;
		}
	.jumbotron hr{
		height: auto;
		margin: 1em 0;
		border-top: 1px dotted #fff;
		}
	.jumbotron .list{
		margin-top: 1em;
		}

.well{
	position: relative;
	margin: 0;
	padding: 1em;
	background: none;
	background-color: rgba(0,0,0,0.7);
	border: 1px solid #fff;
	border-radius: 0;
	}
	.well p{
		margin-bottom: 0;
		}
	.well p+p{
		margin-top: 1em;
		}
	.well h4{
		font-size: 1.1em;
		font-weight: bold;
		}
	.well h4+p{
		margin-top: 0.5em;
		}
	.well hr{
		height: 0;
		margin: 1em 0;
		border-top: 1px dotted #fff;
		}
	.well.well-linkbox{
		padding-bottom: 5em;
		}
		.well.well-linkbox > div:last-child{
			position: absolute;
			min-width: 100%;
			left: 0;
			bottom: 0;
			padding: 1em;
			}

.modal{
	background: rgba(0,0,0,0.7);
	padding: 0;
	}
	.modal-dialog{
		width: 100%;
		margin: 0;
		padding: 1em;
		text-align: center;
		}
	.modal-content{
		max-width: 600px;
		margin: auto;
		padding: 1em;
		background: #fff;
		color: #000;
		fill: #000;
		border: none;
		border-radius: 0.2em;
		box-shadow: none;
		}
		.modal-content > *+*{
			margin-top: 1em;
			}
	.modal-header{
		padding: 0;
		border: none;
		}
		.modal-header:before,
		.modal-header:after{
			content: none;
			}
	.modal-title{
		color: inherit;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.4em;
		}
	.modal-body{
		padding: 0;
		}
	.modal-footer{
		padding: 0;
		border: none;
		text-align: center;
		}
		.modal-footer:before,
		.modal-footer:after{
			content: none;
			}
	.modal .entry{
		border-color: #ccc;
		}
		.modal .entry dt{
			background: #ddd;
			border-color: #ccc;
			border-right: none;
			}
		.modal .entry dd{
			border-color: #ccc;
			}
	.modal .close{
		position: absolute;
		top: -0.4em;
		right: -0.4em;
		width: 1.4em;
		height: 1.4em;
		margin: 0;
		background: #666;
		border-radius: 100%;
		color: #fff;
		font-size: 1.2em;
		line-height: 1.2em;
		opacity: 1;
		z-index: 10;
		}

.flow{}
	.flow h4{
		font-size: 1.1em;
		font-weight: bold;
		}
	.flow i{
		display: block;
		padding: 1em 0;
		text-align: center;
		line-height: 1em;
		opacity: 0.5;
		}
		.flow i svg{
			font-size: 5em;
			vertical-align: top;
			}
	.flow .well{
		background: #333;
		border: none;
		}
		.flow .well:before,
		.flow .well:after{
			content: "";
			position: absolute;
			background: #fff;
			z-index: 1;
			}
		.flow [class^="col-"]:last-child .well:before,
		.flow [class^="col-"]:last-child .well:after{
			content: none;
			}

.theme{
	height: 20em;
	padding: 1em;
	overflow-y: scroll;
	border: 1px solid #333;
	}
	.theme > div{
		padding-bottom: 1em;
		overflow: hidden;
		}
	.theme p+div{
		margin-top: 1em;
		}
	.theme div+div{
		margin-top: 2em;
		}
	.theme div+p{
		margin-top: 2em;
		text-align: right;
		}
	.theme address{
		float: right;
		margin-top: 2em;
		}
		.theme address h3{
			font-size: 1.4em;
			font-weight: bold;
			}
		.theme address h3+p{
			margin-top: 0.5em;
			}
	.theme h1{
		font-size: 1.4em;
		font-weight: bold;
		}
	.theme h1+div{
		margin-top: 1em;
		}
	.theme h2{
		padding-left: 1em;
		text-indent: -1em;
		font-size: 1.2em;
		}
	.theme h2+p{
		margin-top: 0.5em;
		}
	.theme h3{
		font-size: 1.1em;
		}
	.theme *+h3{
		margin-top: 1em;
		}
	.theme h3+p{
		margin-top: 0.5em;
		}
	.theme ol{
		margin: 0;
		margin-top: 1em;
		padding: 0;
		list-style: none;
		}
		.theme ol li{
			margin: 0;
			padding: 0;
			padding-left: 1.55em;
			text-indent: -1.55em;
			line-height: 1.4em;
			}
		.theme ol li+li{
			margin-top: 0.5em;
			}
	.theme ol+p{
		margin-top: 1em;
		}
	.theme ol+h3{
		margin-top: 2em;
		}

.stepBar{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	table-layout: fixed;
	overflow: hidden;
	}
	.stepBar.off{
		opacity: 0.5;
		}
	.stepBar li{
		position: relative;
		display: table-cell;
		padding: 1em 0.5em;
		color: #fff;
		fill: #666;
		line-height: 1.2em;
		text-indent: -0.5em;
		vertical-align: middle;
		}
		.stepBar li:before,
		.stepBar li:after{
			content: "";
			position: absolute;
			right: 0.2em;
			width: 100%;
			height: calc(50% + 1px);
			background: #333;
			border-right: 0.2em solid #000;
			z-index: -1;
			}
		.stepBar li:before{
			top: 0;
			margin-top: -1px;
			-moz-transform: skew(20deg);
			-ms-transform: skew(20deg);
			-webkit-transform: skew(20deg);
			transform: skew(20deg);
			}
		.stepBar li:after{
			bottom: 0;
			-moz-transform: skew(-20deg);
			-ms-transform: skew(-20deg);
			-webkit-transform: skew(-20deg);
			transform: skew(-20deg);
			}
		.stepBar li:first-child:before,
		.stepBar li:first-child:after{
			width: 150%;
			margin-left: -50%;
			}
		.stepBar li:last-child:before,
		.stepBar li:last-child:after{
			width: 150%;
			margin-right: -50%;
			}
		.stepBar li:last-child{
			text-indent: 0;
			}
	.stepBar .error{
		color: #fff;
		fill: #fff;
		opacity: 0.6;
	}
	.stepBar .clear{
		color: #fff;
		fill: #fff;
		opacity: 0.4;
		}
	.stepBar .current{
		color: #000;
		fill: #000;
		font-weight: bold;
		}
		.stepBar .current:before,
		.stepBar .current:after{
			background: #fff000;
			}

.entry{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #fff;
	border-top: none;
	}
	*+.entry{
		margin-top: 1em;
		}
	.entry dt,
	.entry dd{
		line-height: 1.4em;
		border-top: 1px solid #fff;
		}
	.entry dt{
		background: #333;
		border-right: 1px dotted #fff;
		font-weight: normal;
		}
	.entry dd{}
		.entry dd p:first-child{
			margin-bottom: 0.5em;
			}
		.entry dd *+p{
			margin-top: 0.5em;
			font-size: 0.875em;
			}
	.entry table{
		border-collapse: collapse;
		}
	.entry th{
		padding-right: 1em;
		}

.title{
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	}
	.title span{
		position: relative;
		display: inline-block;
		padding: 1em 0;
		}
		.title span:before,
		.title span:after{
			content: "";
			position: absolute;
			left: 0;
			width: 100%;
			height: 0.2em;
			background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDEwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwdjRsNC00SDB6IE0wLDEwaDRsNi02VjBMMCwxMHoiLz4NCjwvc3ZnPg==');
			background-size: 3px;
			}
		.title span:before{
			top: 0;
			}
		.title span:after{
			bottom: 0;
			}
	.title+*{
		margin-top: 1em;
		}

.subTitle{
	position: relative;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	}
	.subTitle span{
		display: inline-block;
		margin: 0 1em;
		padding: 0 0.5em;
		background: #000;
		}
		.subTitle span:before{
			content: "";
			position: absolute;
			left: 0;
			top: 50%;
			width: 100%;
			height: 0.1em;
			background: #fff;
			z-index: -1;
			}
	.subTitle i{
		margin-right: 0.2em;
		vertical-align: middle;
		}
		.subTitle i.glyphicon{
			margin-right: 0.3em;
			vertical-align: top;
			}
	.subTitle+*{
		margin-top: 1em;
		}

.btn,
.btn:link,
.btn:visited,
.btn:focus{
	display: inline-block;
	padding: 0.8em 1.5em;
	background: none;
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	fill: #fff;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.2em;
	white-space: normal;
	}
	.btn:hover,
	.btn:active,
	.btn:focus{
		background: #fff000;
		border-color: #fff;
		color: #000;
		fill: #000;
		}
	.btn i{
		margin-right: 0.5em;
		vertical-align: middle;
		}
	.btn.btn-block{
		display: block;
		word-wrap: normal;
		}
	.btn.btn-info{
		background: #ff3333;
		border-color: #ff3333;
		color: #fff;
		fill: #fff;
		font-weight: bold;
		}
		.btn.btn-info:hover,
		.btn.btn-info:active,
		.btn.btn-info:focus{
			background: none;
			border-color: #ff3333;
			color: #ff3333;
			fill: #ff3333;
			}
	.btn.btn-default{
		border-color: #666;
		color: #666;
		fill: #666;
		font-weight: bold;
		}
		.btn.btn-default:hover,
		.btn.btn-default:active,
		.btn.btn-default:focus{
			border-color: #666;
			background: #666;
			color: #fff;
			fill: #fff;
			}

.pagination{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	.pagination li{
		background: none;
		border: none;
		}
	.pagination li+li{
		margin-left: 0.5em;
		}
	.pagination a,
	.pagination span{
		float: none;
		margin: 0;
		padding: 0.5em 0.8em !important;
		background: none;
		border: 1px solid #fff;
		border-radius: 0 !important;
		color: #fff;
		line-height: 1em;
		}
		.pagination a:hover,
		.pagination a:active{
			background: #fff000;
			color: #000;
			cursor: pointer;
			}
	.pagination .disabled{}
		.pagination .disabled a{
			background: none;
			border-color: #fff;
			color: #fff;
			opacity: 0.2;
			}
	.pagination .active{}
		.pagination .active a{
			background: #333;
			border-color: #fff;
			}
			.pagination .active a:hover,
			.pagination .active a:active{
				background: #fff000;
				border-color: #fff;
				color: #000;
				}

.list{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	.list li+li{
		margin-top: 0.5em;
		}
	.list.point{}
		.list.point li{
			position: relative;
			padding-left: 1em;
			line-height: 1.4em;
			}
			.list.point li:before{
				content: "";
				position: absolute;
				top: 0.6em;
				left: 0;
				width: 0.4em;
				height: 0.4em;
				background: #fff;
				border-radius: 100%;
				}
	*+.list,
	.list+*{
		margin-top: 1em;
		}

.disabled{
	pointer-events: none;
	cursor:not-allowed;
	}

.lsHidden{
	display: none !important;
	}

.fc-event .fc-event-main{
	text-align: center;
	display: flex;
	justify-content: center;
  	align-items: center;
	cursor:pointer;
}

.fc-event .fc-event-main div{
	font-size: 1.5rem;
	line-height: 1.1em;
}

.fc-event.ls-booked .fc-event-main{
	cursor: not-allowed;
	pointer-events: none;
}
.fc-event.ls-booked .fc-event-main div{
	font-size: 1.25rem;
	
}
.fc-event.ls-booked.myBkg *{
	background-color: red!important;
	color: white!important;
	border-width: 2px;
}
.fc-event.ls-select{
	background-color: #f00;
}
.fc-event:hover{
	background-color: #c00;
}






[name="SiteSealReference"]{}
	[name="SiteSealReference"] input{
		width: auto;
		}


@media (max-width: 767px) {
/*767px以下*/
main{}
	main > *,
	main > .container{
		padding: 1.5em 0;
		}
	main hr{
		height: 2em;
		}
#header{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	height: 3.6em;
	background: #000;
	z-index: 100;
	}
	#header .container{
		padding: 0.5em 0;
		}
	#header .navbar-toggle{
		position: absolute;
		right: 0em;
		top: 0em;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: flex-end;
		height: calc(3.6em - 2px);
		background: #000;
		border: 1px solid #fff;
		border-radius: 0;
		line-height: 1em;
		text-transform: uppercase;
		z-index: 100;
		}
		#header .navbar-toggle i{
			position: absolute;
			left: 0.5em;
			width: calc(100% - 1em);
			height: 0.2em;
			background: #fff;
			}
			#header .navbar-toggle i:nth-of-type(1){
				top: 0.5em;
				}
			#header .navbar-toggle i:nth-of-type(2){
				top: 1.2em;
				}
			#header .navbar-toggle i:nth-of-type(3){
				top: 1.9em;
				}
		#header .navbar-toggle span{
			display: block;
			padding: 0.5em 1em;
			font-size: 0.6em;
			line-height: 1em;
			}
#siteName{
	font-size: 1em;
	}
	#siteName a{
		display: inline-block;
		}
#gNav{
	position: absolute;
	top: 3.6em;
	left: 0;
	width: 100%;
	margin: 0;
	background: #000;
	box-sizing: border-box;
	z-index: 1000;
	}
	#gNav ul{
		padding: 1em;
		}
	#gNav a{
		display: block;
		padding: 1em;
		border: 1px solid #fff;
		}
		#gNav a:hover,
		#gNav a:active{
			background: #fff000;
			color: #000;
			fill: #000;
			}
	#gNav li+li{
		margin-top: -1px;
		}
	#gNav p{
		padding: 1em;
		padding-top: 0;
		text-align: center;
		}
		#gNav p a{
			background: #fff000;
			border: 1px solid #fff000;
			color: #000;
			fill: #000;
			font-weight: bold;
			}
			#gNav p a:hover,
			#gNav p a:active{
				background: #000;
				color: #fff000;
				fill: #fff000;
				}
	#gNav .booking{
		margin-top: 1em;
		text-align: center;
		}
	#gNav .toggleMenu{}
		#gNav .toggleMenu > ul{
			position: relative;
			border-top:1px dotted #fff;
			z-index: 1000;
			}
		#gNav .toggleMenu li{}
			#gNav .toggleMenu li:nth-child(1){}
				#gNav .toggleMenu li:nth-child(1) a{
					display: inline;
					padding: 0;
					border: none;
					text-decoration: underline;
					}
					#gNav .toggleMenu li:nth-child(1) a:hover,
					#gNav .toggleMenu li:nth-child(1) a:active{
						background: none;
						color: #fff000;
						fill: #fff000;
						}
	#gNav .toggleMenu.open{
		border: 1px solid #fff;
		}
		#gNav .toggleMenu.open > a{
			border: none;
			}
.flow{}
	.flow .well{}
		.flow .well:before,
		.flow .well:after{
			bottom: -0.75em;
			height: 0.5em;
			width: 2em;
			}
		.flow .well:before{
			left: 50%;
			-moz-transform: skewY(-25deg);
			-ms-transform: skewY(-25deg);
			-webkit-transform: skewY(-25deg);
			transform: skewY(-25deg);
			}
		.flow .well:after{
			right: 50%;
			-moz-transform: skewY(25deg);
			-ms-transform: skewY(25deg);
			-webkit-transform: skewY(25deg);
			transform: skewY(25deg);
			}
		.flow [class^="col-"]:last-child .well:before,
		.flow [class^="col-"]:last-child .well:after{
			content: none;
			}
.theme{}
	.theme > div{
		font-size: 0.875em;
		line-height: 1.4em;
		}
.entry{}
	.entry dt,
	.entry dd{
		width: 100% !important;
		padding: 0.5em;
		}
	.entry dt{
		border-right: none;
		}
	.entry dd{
		border-top: none;
		}
	.entry label{
		display: block !important;
		margin-top: 0.5em;
		}
		.entry label:nth-of-type(n+2){
			margin-top: 1em;
			}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
html{
	font-size: 2.8vw;
	}
.entry{
	display: block;
	margin-left: -1em;
	margin-right: -1em;
	border-left: none;
	border-right: none;
	overflow: hidden;
	}
	.entry dt,
	.entry dd{
		padding: 0.6em 1em;
		}
	.entry dd+dt{
		margin-top: 0.5em
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
html{
	font-size: 1.8vw;
	}
#gNav{}
	#gNav .toggleMenu{}
		#gNav .toggleMenu ul{
			overflow: hidden;
			}
		#gNav .toggleMenu li{
			width: 100%;
			}
			#gNav .toggleMenu li:nth-child(n+2){
				width: calc(50% - 0.5em);
				float: left;
				}
			#gNav .toggleMenu li:nth-child(odd){
				float: right;
				}
}
@media (max-width: 320px) {
/*320px以下*/
}


@media (min-width: 768px) {
/*768px以上*/
#header{}
	#header .container{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 2em 0;
		}
#siteName{}
	#siteName a{
		display: block;
		}
#gNav{
	position: relative;
	}
	#gNav > ul{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding-top: 0.5em;
		}
	#gNav li{
		padding: 0 2.5em;
	/*	border-left: 1px solid #fff;
		border-right: 1px solid #fff;	*/
		}
		#gNav li:last-child{
			border: none;
			padding: 0;
			}
			#gNav li ul li{
				padding: 0;
				
				
			}
	#gNav li ul li a{
		text-align: left;
		display: block;
		padding: 0.5em 0;
		
	}
	#gNav .booking{
		display: block;
		padding: 0.6em 1.5em;
		border: 1px solid transparent;
		}
		#gNav .booking:hover,
		#gNav .booking:active{
			background: #fff000;
			color: #000;
			fill: #000;
			}
	#gNav p{
		position: absolute;
		top: 0;
		right: 0;
		}
		#gNav p a{
			font-size: 0.875em;
			}
	#gNav .toggleMenu{
		position: relative;
		}
		#gNav .toggleMenu > ul{
			position: absolute;
	
			right: 0;
			width: 15em;
			padding: 1em;
			margin-top: 1em;
			background: #000;
			border: 1px solid #fff;
			z-index: 1000;
			}
		#gNav .toggleMenu li+li{
			margin: 0;
			}
	#gNav .toggleMenu.open{}
	/*
		#gNav .toggleMenu.open:after{
			content: "";
			position: absolute;
			left: 0;
			width: 100%;
			height: 1em;
			margin-top: -1px;
			background: #000;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			z-index: 1001;
			}
	*/	#gNav .toggleMenu.open > a{
			background: none;
			border-color: #fff;
			color: #fff;
			fill: #fff;
			}
.modal{}
	.modal .entry{}
		.modal .entry dt{
			width: 8em;
			}
		.modal .entry dd{
			width: calc(100% - 8em);
			}
.flow{}
	.flow .well{}
		.flow .well:before,
		.flow .well:after{
			width: 0.5em;
			height: 2em;
			}
		.flow .well:before{
			bottom: 50%;
			-moz-transform: skewX(25deg);
			-ms-transform: skewX(25deg);
			-webkit-transform: skewX(25deg);
			transform: skewX(25deg);
			}
		.flow .well:after{
			top: 50%;
			-moz-transform: skewX(-25deg);
			-ms-transform: skewX(-25deg);
			-webkit-transform: skewX(-25deg);
			transform: skewX(-25deg);
			}
.entry{}
	.entry dt,
	.entry dd{
		padding: 0.8em;
		}
	.entry label{
		display: inline-block;
		margin-right: 2em;
		}
.title{
	font-size: 1.8em;
	}
.subTitle{
	font-size: 1.4em;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
main{}
	main > *,
	main > .container{
		padding: 3em 0;
		}
	main hr{
		height: 3em;
		}
#siteName{
	font-size: 1.2em;
	}
#gNav{}
	#gNav > ul > li:nth-child(1){
		display: none;
		}
.container{
	width: calc(750px - 2em);
	}
.flow{}
	.flow .well{}
		.flow .well:before,
		.flow .well:after{
			right: -0.75em;
			}
}
@media (max-width: 991px) {
/*991px以下*/
}


@media (min-width: 992px) {
/*992px以上*/
body{
	font-family: helvetica, arial, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
	}
main{}
	main > *,
	main > .container{
		padding: 0em 0;
		}
	main hr{
		height: 4em;
		}
#gNav{}
	#gNav > ul{
		padding-top: 0em;
		}
	#gNav .booking{
		padding: 0.8em 1.5em;
		}
	#gNav .toggleMenu{}
		#gNav .toggleMenu ul{
		/*	top: 2.6em;	*/
			}
#credit{
	padding: 1.5em 0;
	}
#subject{
	padding: 4em 0;
	}
	/*
.row{
	width: calc(100% + 1.5em);
	margin: -0.75em;
	}
	*+.row{
		margin-top: 0.75em;
		}
	.row > [class^="col-"]{
		padding: 0.75em;
		}
	*/
.container{}
	.container .jumbotron{
		padding: 1.5em;
		}
.jumbotron{
	padding: 1.0em;
	}
	*+.jumbotron,
	.jumbotron+*{
		margin-top: 1.0em;
		}
	.jumbotron hr{
		margin: 1.25em 0;
		}
.well{
	padding: 1.5em;
	}
	.well hr{
		margin: 1.0em 0;
		}
	.well.well-linkbox{
		padding-bottom: 5.0em;
		}
		.well.well-linkbox > div:last-child{
			padding: 1.0em;
			}
.flow{}
	.flow .well{}
		.flow .well:before,
		.flow .well:after{
			right: -1em;
			}
.theme{
	padding: 1.5em;
	}
	.theme > div{
		padding-bottom: 1.5em;
		}
.stepBar{}
	.stepBar li{
		padding: 1.5em 1em;
		}
.title{
	font-size: 2.1em;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
#siteName{
	font-size: 1.4em;
	}
.container{
	width: calc(970px - 2em);
	}
}
@media (min-width: 1200px) {
/*1200px以上*/
#siteName{
	font-size: 1.6em;
	}
.container{
	width: calc(1170px - 2em);
	}
.theme{
	height: 25em;
	}
}


/* ie */
@media all and (-ms-high-contrast: none){
main{
	display: block;
	}
}


@media print {
}





@media screen and ( max-width: 640px ){
	a:hover,
	a:active,
	a:focus,
	button{
	 opacity: 1;
	}	

	.button a:hover:after,
	.button a:active:after,
	.button a:focus:after{
		width: 100%;
	}

	.button a:hover:after,
	.button a:active:after,
	.button a:focus:after{
		width: 100%;
	}

	
}