@charset "utf-8";
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgreen {
	background-color: #e6ede9;
}
.jumbotron {
	background-image: url('../img/top-image.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
}
.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
.footer-copyright {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
}
.map iframe {
	width: 100%;
	height: 450px;
}

/* 仕様変更追記　2019/08/13
============================================== */
div.header-container {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
}

span.small.text {
	color: #fff;
}

span.font-weight-bold.room {
	color: #6c757d;
}

span.font-weight-bold {
	color: #fff;
}

.btn-secondary {
	color: #6c757d;
	background-color: #fff;
	border-color: #fff;
}

.room.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.room.btn-secondary:hover{
	color:#6c757d;
	background:#fff;
}

div.carousel-caption {
	display: flex!important;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}




div.active-slide img {
	animation-name: fade-in;
	animation-duration: 50s;
}

.text-move {
	opacity: 0;
	display: inline-block;
	transform: scale(1.25) translate(8px, 4px);
	letter-spacing: 5px;
}

div.active-slide .text-move:nth-child(1) {
	transition: opacity 1.2s ease 0.1s, transform 1.2s ease 0.2s;
}
div.active-slide .text-move:nth-child(2) {
	transition: opacity 1.2s ease 0.2s, transform 1.2s ease 0.25s;
}
div.active-slide .text-move:nth-child(3) {
	transition: opacity 1.2s ease 0.25s, transform 1.2s ease 0.3s;
}
div.active-slide .text-move:nth-child(4) {
	transition: opacity 1.2s ease 0.3s, transform 1.2s ease 0.35s;
}
div.active-slide .text-move:nth-child(5) {
	transition: opacity 1.2s ease 0.35s, transform 1.2s ease 0.4s;
}
div.active-slide .text-move:nth-child(6) {
	transition: opacity 1.2s ease 0.4s, transform 1.2s ease 0.45s;
}
div.active-slide .text-move:nth-child(7) {
	transition: opacity 1.2s ease 0.45s, transform 1.2s ease 0.5s;
}
div.active-slide .text-move:nth-child(8) {
	transition: opacity 1.2s ease 0.5s, transform 1.2s ease 0.55s;
}
div.active-slide .text-move:nth-child(9) {
	transition: opacity 1.2s ease 0.55s, transform 1.2s ease 0.6s;
}
div.active-slide .text-move:nth-child(10) {
	transition: opacity 1.2s ease 0.6s, transform 1.2s ease 0.65s;
}
div.active-slide .text-move:nth-child(11) {
	transition: opacity 1.2s ease 0.65s, transform 1.2s ease 0.7s;
}
div.active-slide .text-move:nth-child(12) {
	transition: opacity 1.2s ease 0.7s, transform 1.2s ease 0.75s;
}
div.active-slide .text-move:nth-child(13) {
	transition: opacity 1.2s ease 0.75s, transform 1.2s ease 0.8s;
}
div.active-slide .text-move:nth-child(14) {
	transition: opacity 1.2s ease 0.8s, transform 1.2s ease 0.85s;
}
div.active-slide .text-move:nth-child(15) {
	transition: opacity 1.2s ease 0.85s, transform 1.2s ease 0.9s;
}
div.active-slide .text-move:nth-child(16) {
	transition: opacity 1.2s ease 0.9s, transform 1.2s ease 0.95s;
}
div.active-slide .text-move:nth-child(17) {
	transition: opacity 1.2s ease 0.95s, transform 1.2s ease 1s;
}
div.active-slide .text-move:nth-child(18) {
	transition: opacity 1.2s ease 1s, transform 1.2s ease 1.05s;
}
div.active-slide .text-move:nth-child(19) {
	transition: opacity 1.2s ease 1.05s, transform 1.2s ease 1.1s;
}
div.active-slide .text-move:nth-child(20) {
	transition: opacity 1.2s ease 1.1s, transform 1.2s ease 1.15s;
}
.slider-caption{
	font-size:24px;
	text-shadow: 0 0 10px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.5);
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight: 100;
}
.slider-caption .active{
	opacity: 1;
	font-size:24px;
}
.slider-caption.active.hide{
	opacity: 0;
}
div.active-slide .slider-caption.active .text-move {
	opacity: 1;
}



@keyframes text-fade-in {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
		transform: scale(1) translate(0);
	}
	75%{
		opacity: 0.5;
	}
	100%{
		opacity: 0;
	}
}

/* アクティブスライダー（画像拡大アニメーション）
============================================== */
@keyframes fade-in {
	0%{
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
	100%{
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
	}

}

/* 仕様変更追記　2019/08/14
============================================== */
div.bx-wrapper {
	max-width: 100%;
	margin-bottom: 30px;
}

div.bxslider {
	display: none;
}
div.bx-viewport .bxslider {
    display: block !important;
}

.fadein {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 1500ms;
}

.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

p.text-secondary .pb-md-5 .mb-5 {
	margin-bottom: 15px !important;
}

div.online{
	height: 1600px;
	overflow-y: scroll;
}
/* 仕様変更追記　2019/08/19
============================================== */

/* END */

/* mac（ 1500px 未満）
============================================== */
@media screen and (max-width: 1500px) {

	div.online{
		height: 500px;
		overflow-y: scroll;
	}

} /* END */

/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
.footer-logo {
	width: 100%;
}

iframe{
	height: 700px;
}
} /* END */

/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.gnav-item {
	display: block;
	width: 100%;
	border: none;
}
.gnav-item+ .gnav-item {
	border: none;
}
table th, table td {
	padding: .25rem !important;
}
table th:first-child {
	width: 25%;
}
.slider-caption.active {
		display:none!important;
	}

} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {
 #sec2  {
     height: 500px;
 }
.slider-caption.active {
		display:none!important;
	}
} /* END */

/* 小デバイス（縦向きモバイル, 320px 以上 デスクトップ, 375px 未満）
============================================== */
@media screen and (min-width: 320px) and (max-width: 375px) {
 #sec2 .message {
    position: absolute;
     left: 0;
 }
	div.header-container {
		position: static;
		background-color: #343a40;
	}
	div.bx-controls-direction {
		display: none;
	}
	div.bx-pager {
		position: static!important;
		padding-top: 0px!important;
		padding-left: 0px!important;
		display: flex;
		margin: 20px 0px;
		justify-content: center;
	}
	.bx-wrapper .bx-pager.bx-default-pager a{
		background: #aaaaaa!important;
	}
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #343a40!important;
	}
    .slider-caption.active {
		display:none!important;
	}
}  /* END */