/* デフォルト
---------------------------------------------------- */

:root {
	--main-color: #002e52;
	--accent-color: #d17817;
	--red-color: #d0121b;
	--min: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	--got: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
	--en: "FTRABD", "futura";
}

@font-face {
	font-family: 'FTRABD';
	src: local('FTRABK.TTF'), url("../../../../../common/font/FTRABK.TTF");
	font-display: swap;
	font-weight: 700;
}

/* 画面100%表示用↓ここから */
.mainContentMT {
	width: 100%;
}

/*　パンくずの表示くずれ防止　*/
.rootMT ul {
	overflow: hidden;
	width: 940px !important;
	margin: 0 auto;
}

/* 画面100%表示用↓ここまで */

tr,
th,
td,
div,
span,
a,
p {
	color: inherit;
}

/* hotelindigo-inuyama
---------------------------------------------------- */
#hotelindigo-inuyama {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#hotelindigo-inuyama * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	color: #000;
}

#hotelindigo-inuyama img {
	max-width: 100%;
	vertical-align: bottom;
	font-size: 0;
}

#hotelindigo-inuyama .pc {
	display: block !important;
}

#hotelindigo-inuyama .sp {
	display: none !important;
}


#hotelindigo-inuyama ol,
#hotelindigo-inuyama ul {
	list-style-type: none;
}

#hotelindigo-inuyama a {
	outline: none;
	font-size: inherit;
	text-decoration: none;
}

/*     common       */
#hotelindigo-inuyama .section {
	text-align: center;
	padding: 140px 2% !important;
	margin: 0 auto;
	max-width: 940px;
}

#hotelindigo-inuyama .text {
	font-size: 16px;
}

#hotelindigo-inuyama .text-l {
	font-size: 30px;
}

#hotelindigo-inuyama .text-m {
	font-size: 24px;
}

#hotelindigo-inuyama .text-s {
	font-size: 14px;
}


/*               FV               */
.section-fv {
	background: url(../img/fv.jpg);
	width: 100%;
	height: clamp(46.875rem, -28.846rem + 86.54vw, 75rem);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.section-fv_title {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60vw;
	display: flex;
	justify-content: center;
	align-items: center
}

.section-fv_scroll {
	position: absolute;
	bottom: 29%;
	right: 0;
	left: 0;
}

.scroll-body {
	padding-top: 70px;
	position: relative;
	text-align: center;
}

#hotelindigo-inuyama .scroll-body .text {
	color: #fff;
	font-family: var(--en);
	font-size: 20px;
}

.scroll-body::before {
	animation: scroll 3.5s infinite;
	display: inline-block;
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	border-bottom: solid 2px #fff;
	border-left: solid 2px #fff;
	transform: rotate(-45deg);
	top: 0;
	right: 0;
	left: 0;
	margin: 20px auto 0;
}

@keyframes scroll {
	0% {
		transform: rotate(-45deg) translate(0, 0px);
		opacity: 0;
	}

	40% {
		opacity: 1;
	}

	80% {
		transform: rotate(-45deg) translate(-30px, 30px);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}

}

/*               intro               */
#hotelindigo-inuyama .section-intro {
	padding-bottom: 0 !important;
}

#hotelindigo-inuyama .section-intro_ph img {
	width: 90%;
}

.section-intro_body {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#hotelindigo-inuyama .section-intro_text {
	text-align: left;
}

#hotelindigo-inuyama .section-intro_text .text-l {
	font-family: var(--min);
	color: var(--main-color);
	font-weight: 600;
}

#hotelindigo-inuyama .section-intro .text {
	margin-top: 30px;
	line-height: 2 !important;
	;
}

/*               menu               */
#hotelindigo-inuyama .section-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#hotelindigo-inuyama .section-menu li {
	position: relative;
	margin-bottom: 10px;
	width: calc((100% - 10px) / 2);
}

#hotelindigo-inuyama .js-modal-open {
	opacity: 1;
	transition: 0.8s;
}

#hotelindigo-inuyama .js-modal-open:hover {
	opacity: 0.6;
}

#hotelindigo-inuyama .section-menu .menu-text {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
}

#hotelindigo-inuyama .section-menu .text-m {
	color: #fff;
	font-family: var(--en);
}

#hotelindigo-inuyama .section-menu .text {
	color: #fff;
}

#hotelindigo-inuyama .section-menu .menu-icon {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 40px;
}


/*               slider               */
.auto_slider li img {
	width: 100%;
	/*スライダー内の画像を横幅100%に*/
	height: auto;
}

.slick-slider {
	z-index: -1;
}

/*               offer               */

#hotelindigo-inuyama .section-offer .text-l {
	font-family: var(--en);
	color: var(--main-color);
	font-size: 56px;
}

#hotelindigo-inuyama .offer-info {
	width: 70%;
	margin: -50px auto 0;
	padding: 10% 7% 7%;
	background: rgba(247, 244, 240, .6);
	position: relative;
}

#hotelindigo-inuyama .offer-info .text-l {
	color: var(--main-color);
	font-weight: 600;
}

#hotelindigo-inuyama .offer-info .offer-name {
	font-family: var(--got) !important;
	font-size: 24px !important;
}

#hotelindigo-inuyama .offer-info .text-s {
	margin-top: 30px;
}

#hotelindigo-inuyama .offer-info .text {
	margin-top: 10px;
}


#hotelindigo-inuyama .offer-info .text-m {
	margin-top: 10px;
	line-height: 1;
}

#hotelindigo-inuyama .offer-info .text-m span {
	color: var(--red-color);
	font-size: 36px;
}

#hotelindigo-inuyama .btn {
	margin: 50px auto 0;
	padding: 1em 2em;
	width: 70%;
	background: var(--accent-color);
	border: solid 1px var(--accent-color);
	font-size: 20px;
	color: #fff;
	transition: 0.8s;
}

#hotelindigo-inuyama .btn:hover {
	background: #fff;
	border: solid 1px var(--accent-color);
	color: var(--accent-color);
}

#hotelindigo-inuyama .offer01 {
	margin-top: 70px;
}

#hotelindigo-inuyama .offer02 {
	margin-top: 100px;
}

/*               animation               */
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


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


	/*　左右余白削除　*/
	#fftop_recomDetail section {
		padding: 0;
	}

	#hotelindigo-inuyama .sp {
		display: block !important;
	}

	#hotelindigo-inuyama .pc {
		display: none !important;
	}

	#g-nav li a {
		font-size: 1.5em;
	}

	/*     common       */
	#hotelindigo-inuyama .section {
		text-align: center;
		padding: 100px 20px !important;
		margin: 0 auto;
	}

	#hotelindigo-inuyama .text {
		font-size: 16px;
	}

	#hotelindigo-inuyama .text-l {
		font-size: 24px;
	}

	#hotelindigo-inuyama .text-m {
		font-size: 20px;
	}

	#hotelindigo-inuyama .text-s {
		font-size: 13px;
	}


	/*               FV               */
	.section-fv {
		width: 100%;
		height: 100vh;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding: 0 20px !important;
	}

	.section-fv_title {
		width: 100vw;
		display: block;
		text-align: center;
		top: 50%;
	}

	#hotelindigo-inuyama .section-fv_title img {
		width: 100% !important;
		filter: drop-shadow(0px 0px 0px #333);
		max-width: 500px;
		margin: 0 auto;
	}

	#hotelindigo-inuyama .section-fv_title .text-title {
		font-size: 24px;
		width: 100%;
		margin: 10px auto 0;
	}


	.section-fv_scroll {
		bottom: 15%;
	}

	.scroll-body {
		padding-top: 70px;
		position: relative;
		text-align: center;
	}

	#hotelindigo-inuyama .scroll-body .text {
		color: #fff;
		font-family: var(--en);
		font-size: 16px;
	}

	.scroll-body::before {
		animation: scroll 3.5s infinite;
		display: inline-block;
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		border-bottom: solid 2px #fff;
		border-left: solid 2px #fff;
		transform: rotate(-45deg);
		top: 0;
		right: 0;
		left: 0;
		margin: 20px auto 0;
	}


	/*               intro               */
	.section-intro_body {
		display: flex;
		flex-direction: column-reverse;
	}

	#hotelindigo-inuyama .section-intro_text {
		text-align: left;
	}

	#hotelindigo-inuyama .section-intro_text .text-l {
		line-height: 1.6;
		font-size: 24px;
	}

	#hotelindigo-inuyama .section-intro .text {
		margin-top: 20px;
		line-height: 2 !important;
	}

	#hotelindigo-inuyama .section-intro_ph {
		margin-top: 50px;
	}




	/*               menu               */
	#hotelindigo-inuyama .section-menu ul {
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#hotelindigo-inuyama .section-menu li {
		margin-bottom: 10px;
		width: 100%;
	}

	#hotelindigo-inuyama .section-menu .menu-text {
		top: 7%;
	}

	#hotelindigo-inuyama .section-menu .text-m {
		color: #fff;
		font-family: var(--en);
		line-height: 1;

	}

	#hotelindigo-inuyama .section-menu .text {
		color: #fff;
		line-height: 1.5;
		font-size: 14px;
	}

	#hotelindigo-inuyama .section-menu .menu-icon {
		bottom: 7%;
		right: 3%;
		width: 30px;
	}


	/*               offer               */

	#hotelindigo-inuyama .section-offer .text-l {
		font-family: var(--en);
		color: var(--main-color);
		font-size: 42px;
		line-height: 1;
	}

	#hotelindigo-inuyama .offer-info {
		width: 90%;
		margin: -20px auto 0;
		padding: 12% 7% 10%;
	}

	#hotelindigo-inuyama .offer-info .text-l {
		color: var(--main-color);
		font-weight: 600;
	}

	#hotelindigo-inuyama .offer-info .offer-name {
		font-size: 20px !important;
		line-height: 1.5;
	}


	#hotelindigo-inuyama .offer-info .text-s {
		margin-top: 20px;
	}

	#hotelindigo-inuyama .offer-info .text {
		margin-top: 10px;
		font-size: 14px !important;
	}


	#hotelindigo-inuyama .offer-info .text-m {
		margin-top: 10px;
		line-height: 1;
		font-size: 14px;
	}

	#hotelindigo-inuyama .offer-info .text-m span {
		color: var(--red-color);
		font-size: 36px;
	}

	#hotelindigo-inuyama .btn {
		width: 90%;
		background: var(--accent-color);
		padding: 1em 1em;
		margin: 30px auto 0;
		font-size: 16px;
	}

	#hotelindigo-inuyama .offer01 {
		margin-top: 50px;
	}

	#hotelindigo-inuyama .offer02 {
		margin-top: 50px;
	}
}