@charset "UTF-8";

/* メイン */
.top-goto-box {
	box-sizing: border-box;
}
.top-bestrate-box {
	position: absolute; bottom: 176px; right: 20px;
	box-sizing: border-box;
	z-index: 100;
}

	/* 臨時のお知らせ */
.top-rinji-box {
	background: #FFE4CC;
}
.top-rinji-title {
}
.top-rinji-naiyo {
}
.top-rinji-text {
}
.top-rinji-pic-box {
}
.top-rinji-pic-l {
}
.top-rinji-pic {
}
.top-rinji-pic img {
	width: 100%;
}
	/* 臨時のお知らせ */
	
	/* アレルギー関連リンク */
.top-link-alg-info {
}
.top-link-alg-info a {
	display: block;
	padding: 15px 15px 15px 15px;
	background: #ED8B2F;
	color: #FFFFFF;
	text-align: center;
}
.top-link-alg-info a:hover {
	background: #ED7300;
	text-decoration: none;
}

.top-link-alg-check {
}
.top-link-alg-check a {
	display: block;
	padding: 15px 15px 15px 15px;
	background: #EEA661;
	color: #FFFFFF;
	text-align: center;
}
.top-link-alg-check a:hover {
	background: #ED9644;
	text-decoration: none;
}
.top-content-pic img {
	width: 100%;
}
	/* アレルギー関連リンク */

	/* コロナ感染拡大防止 */
.top-corona-box {
	border: solid 2px #CC0000;
}
.top-corona-link {
}
	/* コロナ感染拡大防止 */

	/* ランキング・受賞 */
.top-rank-box-v {
}
.top-rank-box-b {
}
.top-rank-box-v img,
.top-rank-box-b img {
	width: 100%;
}
	/* ランキング・受賞 */

	/* 季節限定プラン案内 */
.top-season-bnr {
/* 春 */
	background: url(./png3/top-season-bnr-spr.png)  center 5px no-repeat;
 	background-color: #FFFFCC;
	border: dotted 2px #FFD297;

/* 夏
	background: url(../png3/top-season-bnr-sum.png)  center 5px no-repeat;
 	background-color: #CAF2FF;
	border: dotted 2px #67C7E6;
 */
/* 秋
	background: url(../png3/top-season-bnr-aut.png)  center 5px no-repeat;
 	background-color: #FFEDCA;
	border: dotted 2px #DF935E;
 */
/* 冬
	background: url(../png3/top-season-bnr-win.png)  center 5px no-repeat;
 	background-color: #D7DBEA;
	border: dotted 2px #45527C;
 */
}

.top-content-head-box {
}
.top-content-head {
	position: relative;
	height: 500px;
}
.top-content-head-title {
	position: relative;
	width: 1366px;
	margin: 0 auto 0 auto;
}
.top-content-head-title-inner {
	position: absolute; top: -20px; left: 0;
}
.top-content-head-catchcopy {
	position: absolute; top: 40%;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: 500;
	line-height: 1.4;
	opacity: 1;
	white-space: nowrap;
	text-shadow: -2px 2px 4px #000000;
}
span.top-content-head-catchcopy-inner {
}
.top-content-head-title-box {
	position: relative;
	width: 1366px;
	margin: 0 auto 0 auto;
}
.top-content-head-text-box {
	width: 1000px;
	margin: 0 auto 0 auto;
}
.top-content-head-text {
}
.top-content-head-link {
	width: 300px;
	margin: 0 auto 0 auto;
}
.top-content-head-link a {
	display: block;
	padding: 15px 15px 15px 15px;
	background: #222222;
	color: #FFFFFF;
	text-align: center;
}
.top-content-head-link a:hover {
	background: #AF8F71;
	text-decoration: none;
}
.pic-plan {
	background: url(./pic3/top-head-yuguchi.jpg) center center no-repeat;
	background-size: 100% auto;
}
.pic-onsen {
	background: url(./pic3/top-head-onsen.jpg) center center no-repeat;
	background-size: 100% auto;
}
.pic-cuisine {
	background: url(./pic3/top-head-cuisine.jpg) center center no-repeat;
	background-size: 100% auto;
}
.pic-facility {
	background: url(./pic3/top-head-facility.jpg) center center no-repeat;
	background-size: 100% auto;
}
.pic-sight {
	background: url(./pic3/top-head-sight.jpg) center center no-repeat;
	background-size: 100% auto;
}

	/* おすすめプラン */
.top-plan-box {
	background: url(./img3/line-top.gif) left top repeat-x;
}
.top-plan-box-inner {
	background: url(./img3/line-bottom.gif) left bottom repeat-x;
}
.page-content-title {
}
.top-plan-list {
	width: 100%;
	border-bottom: dashed 1px #C99864;
}
#recommend_489ban {
	width: 100%;
	height: 550px;
	overflow: auto;
	overflow-x: hidden;
	scrollbar-3dlight-color: #C99864;	/*スクロールの色（ここから）*/
	scrollbar-arrow-color: #C99864;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color: #C99864;
	scrollbar-track-color: #FFFFFF;	/*スクロールの色（ここからまで）*/
	text-align: left;
}
.PlanView {
	float: left;
	width: 48%;
	min-height: 660px;
	margin: 0 1% 40px 1%;
}
.picture {
	float: left;
	width: 40%;
	margin: 0 2% 0 0;
}
p.main_picture img {
	width: 100%;
}
p.plan {
	margin: 0 0 10px 0;
	padding: 4px 4px 4px 4px;
	background: #FDF1E3;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFE4C7), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFE4C7),color-stop(.75, #FFE4C7), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 14px 14px;
	font-weight: bold;
}
.comment {
	margin: 0 0 10px 0;
}
p.room_list_header {
	display: none;
}
.roomlist li {
	padding: 0 0 0 10px;
	background: url(./png3/mark2.png) left 4px no-repeat;
	font-size: 12px;
}
.top-plan-bnr-box {
}
.top-plan-bnr-left {
}
.top-content-link {
}
.top-content-link a {
	display: block;
	padding: 15px 15px 15px 15px;
	background: #222222;
	color: #FFFFFF;
	text-align: center;
}
.top-content-link a:hover {
	background: #AF8F71;
	text-decoration: none;
}
.top-plan-bnr-right {
}
	/* おすすめプラン */

.top-content-box {
}
.top-news-box {
}
.l-spacing {
	letter-spacing: -.40em;
}
.top-content-detail {
	position: relative;
	display: inline-block;
	width: 48%;
	margin: 0 1% 4% 1%;
	letter-spacing: 2px;
	vertical-align: top;
	position: relative;
}
.top-content-detail::before {
	content: "";
	display: block;
	padding-top: 73%;
	background: #EBEBEB;
}
.top-news-noimage {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}
.top-news-noimage::before {
	content: "No Image";
	position: absolute; top: 25%; left: 33%;
	height: 231px;
	color: #B3B3B3;
	font-size: 20px;
}
.top-news-pic {
	width: 100%;
	height: 100%;
	position: absolute; top: 0;
}
.top-news-pic a {
	display: block;
	height: 100%;
}
.top-news-pic img {
	width: 100%;
	height: 231px;
	object-fit: cover;
	font-family: 'object-fit: contain;';
}
.top-news-day {
	margin-top: 10px;
}
.top-news-title {
}
.top-sns-box {
}
.top-sns-twitter {
}
.top-bnr-left {
}
.top-content-bnr-chuki {
}
.top-content-bnr {
}
.top-content-bnr img {
	width: 100%;
}
.top-content-bnr a {
}
.top-content-bnr a:hover {
	filter: alpha(opacity=80) !important;
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.top-bnr-right {
}

@media (max-width: 1365px) {
	.pic-plan,
	.pic-onsen,
	.pic-cuisine,
	.pic-facility,
	.pic-sight {
		background-size: auto 100%;
	}
	.top-content-head-title {
		width: 100%;
	}
	.top-content-head-title-inner {
		position: absolute; top: -20px; left: 20px;
	}
	.top-content-head-title-box {
		width: 100%;
	}
}

@media (max-width: 999px) {
	.top-onslide-bnrbox {
		width: 220px;
	}
	.top-season-bnr {
		width: 98%;
	}
	.top-content-head-text-box {
		width: 100%;
	}
	.top-content-head-title-box {
		width: 100%;
		padding: 0 1% 0 1%;
		box-sizing: border-box;
	}
}

	/* tablet */
@media (max-width: 840px) {
	.top-onslide-bt {
		position: absolute; bottom: 160px; left: 20px;
	}
	.top-onslide-bnrbox {
		width: 180px;
	}
	.top-goto-box {
		width: 30%;
	}
	.top-goto-box img {
		width: 100%;
	}
	.top-content-head-title-box {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	.top-content-head-text-box {
		width: 100%;
	}
}

	/* mobile */
@media (max-width: 640px) {
	#slider-main {
		margin: 0 0 4% 0;
	}
	.top-onslide-bt {
		position: static;
		width: 100%;
		margin: 0 auto 4% auto;
	}
	.top-onslide-bnrbox {
		width: 48%;
		margin: 0 1% 1% 1%;
	}
	.top-goto-box {
		position: static;
		width: 100%;
		margin: 0 auto 4% auto;
		text-align: center;
	}
	.top-goto-box img {
		max-width: 300px;
	}
	.top-bestrate-box {
		position: static;
		width: 100%;
		margin: 0 0 4% 0;
		text-align: center;
	}
	.top-rinji-box {
		padding: 2% 2% 2% 2%;
	}
	.top-rinji-left {
		float: none;
		width: 100%;
		margin: 0 0 3% 0;
	}
	.top-rinji-right {
		float: none;
		width: 100%;
	}
	.sp-flo-none {
		float: none;
		width: 100%;
		margin: 0 0 3% 0;
	}
	/* ランキング・受賞 */
	.top-rank-box-v {
		width: 48%;
		margin: 0 1% 0 1%;
	}
	.top-rank-box-b {
		width: 100%;
		margin: 0 0 0 0;
	}
	/* ランキング・受賞 */

	.top-content-head {
		height: 400px;
	}
	.top-content-head-title-inner {
		position: absolute; top: -10px; left: 10px;
		width: 18%;
	}
	.top-content-head-title-inner img {
		width: 100%;
	}
	.top-content-head-catchcopy {
		position: absolute; top: 30%;
	}
	#recommend {
		height: 350px;
	}
	.PlanView {
		float: none;
		width: 100%;
		min-height: initial;
		min-height: auto;
		margin: 0 0 2% 0;
	}
	.sp-bnr-left {
		float: left;
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.sp-bnr-right {
		float: right;
		width: 49%;
		margin: 0 0 2% 0;
	}
	.top-news-noimage {
		min-height: 170px;
	}
	.top-news-noimage::before {
		position: absolute; top: 35%; left: 22%;
	}
	.top-news-pic img {
		height: 124px;
	}
}
/* メイン */