html {
    scroll-padding-top: 70px;
}

body{
/*
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "Hiragino Sans W3";
	font-family: "Hiragino Kaku Gothic ProN";
	font-family: "ヒラギノ角ゴ ProN W3";
	font-family: "メイリオ";
	font-family: "Meiryo";
	font-family: "ＭＳ Ｐゴシック";
	font-family: "MS PGothic";
*/
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
/*
	font-family: "游明朝";
	font-family: "YuMincho";
	font-family: "Hiragino Mincho ProN W3";
	font-family: "ヒラギノ明朝 ProN W3"; 
	font-family: "Hiragino Mincho ProN";
	font-family: "HG明朝E";
	font-family: "ＭＳ Ｐ明朝";
	font-family: "ＭＳ 明朝";
*/
}

.carousel-indicators li {
	width: 15px;
	height: 15px;
	margin: 5pt;
	border-radius: 100%;
}

/*
.carousel-control-prev-icon {
}
*/

.w-85 {
	width: 85%;
}

.text-indigo {
    color:#1d2c4f;
}

.bg-indigo {
    background-color:#1d2c4f;
}

.jstay-logo {
	max-width: 150px
}

.jstay-main {
	position: relative;

    width: 100%;
	min-height: 700px;
	overflow: hidden;

	background-color: #ffffff;
}

.jstay-main figure {
	position: relative;
	z-index: 1;

	height: calc(100vh + 107px);
}

.jstay-main figure img {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;

	object-fit: cover;
	object-position: center center;
	max-width: inherit;

	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

	vertical-align: middle;
}

.jstay-main-logo {
	max-width: 1000px;
}

.jstay-main-title {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;

    text-align: center;
	color:  #ffffff;
/*
	margin-top: -180px;
*/
    line-height: 1.6;
}

.jstay-main-title p {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 }

.jstay-main-title-tagegaki {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;

	text-orientation: upright;
/*	text-combine-upright: all; */

	align-items: center;
	margin: auto; 

	color: #1d2c4f;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.jstay-map-style {
	width: 85%;
	height: 450px;
}

.jstay-reserve-reqrea {
	max-width: 200px;
}

/* スマホ横向き閲覧対応 */
@media screen and (orientation: landscape) and (max-height: 700px) {
	.jstay-main-title {
		margin-top: 45px;
	}

	.jstay-main-title-tagegaki {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;

		font-size: 1.4rem !important;
	}
}

/* BootStrap4メディアクエリ別 */
@media screen and (max-width: 575px){
	.w-50 {
		width: 85% !important;
	}

	h5 {
		font-size: 0.9rem;
	}

	.jstay-map-style {
		height: 300px;
	}
	
	.jstay-main-title {
		top: 12%;
	}

	.jstay-main-title p {
		font-size: 0.7rem;
     }

	 .jstay-main-title-tagegaki {
		 font-size: 1.0rem;
	 }
}
 
@media screen and (min-width: 576px) and (max-width: 767px){
	.w-50 {
		width: 85% !important;
	}

	h5 {
		font-size: 0.9rem;
	}

	.jstay-main-title {
		top: 10%;
	}

	.jstay-main-title p {
        font-size: 1.0rem;
    }

	.jstay-main-title-tagegaki {
		font-size: 1.4rem;
	}
}

@media screen and (min-width:768px) and (max-width:992px) {
	.w-50 {
		width: 85% !important;
	}

	.jstay-main-title {
		top: 10%;
	}

	.jstay-main-title p {
        font-size: 1.0rem;
   }

	.jstay-main-title-tagegaki{
		font-size: 1.4rem;
   }
}

@media screen and (min-width:993px) and (max-width:1200px) {
	.w-50 {
		width: 85% !important;
	}

	.jstay-main-title {
		top: 10%;
	}

	.jstay-main-title p {
        font-size: 1.2rem;
   }

	.jstay-main-title-tagegaki{
		font-size: 1.4rem;
   }
}

@media screen and (min-width: 1201px){
	.jstay-main-title {
		top: 10%;
	}

	.jstay-main-title p {
        font-size: 1.2rem;
   }

	.jstay-main-title-tagegaki{
		font-size: 1.4rem;
   }
}