@charset "UTF-8";

/* メイン */
.top-text {
}

.top-con-bnr img {
	width: 100%;
}
.top-con-bnr a {
}
.top-con-bnr a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.top-best-rate {
	text-align: center;
}
.top-best-rate img {
	width: 100%;
	max-width: 660px;
}
.top-movie-left {
}
.top-movie-right {
}
.top-calendar-box {
}
.top-calendar-box iframe {
	width: 90%;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
}
.top-oshirase-box {
	border: solid 2px #FF0000;
}
.top-oshirase-box2 {
	border: solid 2px #000000;
}
.top-oshirase-left {
}
.top-oshirase-pic {
}
.top-oshirase-pic img {
	width: 100%;
}
.top-oshirase-right {
}
.top-oshirase-title {
}
.top-oshirase-text {
}
.top-oshirase-link {
	background: #A5A558;
	border-radius: 15px;
}
.top-oshirase-link a {
	display: block;
	padding: 20px 10px 20px 10px;
	color: #FFFFFF;
}
.top-catchcopy {
	letter-spacing: 2px;
}
.top-feature-box {
	position: relative;
	height: 600px;
}
.top-feature-box-inner {
}
.top-back-gaikan {
	height: 100%;
	background: url(../pic2/top-gaikan.jpg) center center no-repeat;
	background-size: cover;
}
.top-back-room {
	height: 100%;
	background: url(../pic2/top-room.jpg) center center no-repeat;
	background-size: cover;
}
.top-back-front {
	height: 100%;
	background: url(../pic2/top-front.jpg) center center no-repeat;
	background-size: cover;
}
.top-feature-text-l-box {
	position: absolute; top: 0; left: 0; right: auto;
}
.top-feature-text-r-box {
	position: absolute; top: 0; right: 0;
}
.top-feature-text-l-box,
.top-feature-text-r-box {
	width: 50%;
	height: 100%;
	padding: 0 7.5% 0 7.5%;
	background: rgba(34,34,34,0.7);
	box-sizing: border-box;
	color: #FFFFFF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}
.top-feature-title {
}
.top-feature-text {
}
.top-plan-box {
}
.top-plan {
	height: 410px;
	background: #F2F2F2;
	position: relative;
}
.top-plan-bnr {
}
.top-plan-bnr img {
	width: 100%;
}
.top-plan-title {
	font-size: 16px;
	font-weight: bold;
}
.top-plan-title,
.top-plan-detail {
	padding: 0 10px 0 10px;
	line-height: 2;
}
.top-plan-detail {
	font-size: 13px;
}
.top-plan-reserve {
	width: 60%;
	padding: 10px 0 10px 0 ;
	background-color: #4472C4;
	border: 1px solid #2F528F;
	border-radius: 7px;
	color: #FFFFFF;
	position: absolute;
	bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
   	transition: 0.3s ease-in-out;
	text-align: center;
}
.top-plan-reserve:hover {
	opacity: 0.8;
	transition: 0.3s ease-in-out;
}
.top-plan-reserve a {
	color: #FFFFFF;
}
.top-plan-bnr-hayawari {
	border: 2px solid #7F7F7F;
}
.top-concept {
	height: 370px;
	padding: 7px 7px 7px 7px;
	box-shadow: 0 0 5px 5px #E7E7E7;
}
.top-concept-bnr {
}
.top-concept-bnr img {
	width: 100%;
}
.top-concept-title {
	font-size: 16px;
	font-weight: bold;
}
.top-concept-title,
.top-concept-detail {
	line-height: 2;
}
.top-concept-detail {
	font-size: 13px;
}
.top-concept-link {
	width: 30%;
	height: 40px;
	margin: 10px auto 20px auto;
	padding: 10px 0 10px 0 ;
	background-color: #4472C4;
	border: 1px solid #2F528F;
	border-radius: 7px;
	color: #FFFFFF;
	transition: 0.3s ease-in-out;
	text-align: center;
}
.top-concept-link a {
	display: block;
	color: #FFFFFF;
}
.top-concept-link a:hover {
	text-decoration: none;
}
.top-concept-link:hover {
	opacity: 0.8;
	transition: 0.3s ease-in-out;
}
.top-info-left {
	background: url(../img2/top-news-line-t.gif) left top repeat-x;
}
.top-info-left-inner {
	background: url(../img2/top-news-line-b.gif) left bottom repeat-x;
}
.top-content-box {
	font-size: 0;
	letter-spacing:-.4em;
}
.top-news-midashi {
	color: #5B5B0A;
}
.top-news-box {
	display: inline-block;
	width: 23%;
	margin: 0 1% 0 1%;
	vertical-align: top;
}
.top-news-pic {
	position: relative;
}
.top-news-noimage::before {
	content: "No Image";
	position: absolute;
	top: 28%;
	left: 28%;
	color: #B3B3B3;
	font-size: 20px;
	z-index: 0;
}
.top-content-pic {
	width: 100%;
	height: 172px;
	background: #EBEBEB;
}
.top-content-pic img {
	width: 100%;
	max-height: 172px;
	object-fit: cover;
	position: absolute;
	z-index: 1;
}
.top-news-text-box {
	font-size: 14px;
	letter-spacing: 2px;
}
.top-news-day {
	padding: 15px 0 0 0;
}
.top-news-title {
	padding: 0 0 15px 0;
}
.top-news-text {
}
.top-news-link {
	padding: 0 0 0 9px;
	background: url(../png2/mark2.png) left center no-repeat;
}
.top-info-right {
}
.top-movie {
}
.top-movie-all {
}
.top-card-box {
	background: #F2F2F2;
}
.top-card-title {
	padding: 16px 0 0 0;
}
.top-card-uc {
}
.top-card-visa {
	padding: 13px 0 0 0;
}
.top-card-mastercard {
	padding: 8px 0 0 0;
}
.top-card-saison {
	padding: 12px 0 0 0;
}
.top-card-jcb {
	padding: 8px 0 0 0;
}
.top-card-americanexpress {
}
.top-card-paypay {
}
.top-card-linepay {
}
.top-card-aupay {
	padding: 20px 0 0 0;
}
.top-card-uc img,
.top-card-visa img,
.top-card-mastercard img,
.top-card-saison img,
.top-card-jcb img,
.top-card-americanexpress img,
.top-card-paypay img,
.top-card-linepay img,
.top-card-aupay img {
	width: 100%;
	max-width: 68px;
}

@media (max-width: 1365px) {
}

@media (max-width: 999px) {
}

	/* tablet */
@media (max-width: 840px) {
	.top-bestrate-bnr {
		width: 80%;
	}
	.top-news-day {
		float: none;
		width: 100%;
	}
	.top-news-text {
		float: none;
		width: 100%;
	}
	.top-movie iframe {
		height: 250px;
	}
	.top-movie-all iframe {
		height: 360px;
	}
}

	/* mobile */
@media (max-width: 640px) {
	.page-content-box2,
	.search-box {
		margin: 0 auto 20% auto;
	}
	.top-news-pic {
		width: 100%;
	}
	.top-bestrate-bnr {
		width: 100%;
	}
	.top-calendar-box iframe {
		width: 100%;
	}
	.top-movie-left {
		float: none;
		width: 100%;
		margin: 0 0 3% 0;
	}
	.top-movie-right {
		float: none;
		width: 100%;
	}
	.top-oshirase-left {
		float: none;
		width: 100%;
		margin: 0 0 3% 0;
	}
	.top-oshirase-right {
		float: none;
		width: 100%;
	}
	.top-oshirase-title {
		margin: 0 0 10px 0;
	}
	.top-oshirase-link {
		width: 100%;
	}
	.top-feature-box {
		height: 500px;
	}
	.top-feature-text-l-box,
	.top-feature-text-r-box {
		width: 100%;
	}
	.top-catchcopy br {
		display: none;
	}
	.top-plan {
		height: auto;
	}
	.top-plan-title {
		margin: 0 0 10px 0;
		padding: 0 5px 0 5px;
		font-size: 13px;
	}
	.top-plan-title-weekly {
		font-size: 9px;
		line-height: 3;
	}
	.sp-plan-left {
		float: left;
		width: 49%;
		margin: 0 2% 2% 0;
	}
	
	.sp-plan-right {
		float: left;
		width: 49%;
		margin: 0 0 2% 0;
	}
	.top-plan-detail {
		display: none;
	}
	.top-plan-reserve {
		width: 75%;
		margin: 0 auto 0 auto;
		padding: 8px 0 8px 0;
		font-size: 12px;
		position: static;
		transform: none;
	    -webkit-transform: none;
	}
	.top-concept {
		float: none;
		width: 99%;
		height: auto;
		margin: 0 0 5% 0;
	}
	.top-content-pic {
	}
	.top-content-pic img {
		max-height: 119px;
	}
	.top-concept-link {
		width: 97%;
		margin: 10px 1% 20px 2%;
	}
	.top-info-left {
		float: none;
		width: 100%;
		margin: 0 0 4% 0;
	}
	.top-info-right {
		float: none;
		width: 100%;
	}
	.top-news-box {
		width: 48%;
		margin: 0 1% 4% 1%;
	}
	.top-movie iframe {
		height: 200px;
	}
	.top-movie-all iframe {
		height: 200px;
	}
	.top-card-title {
		float: none;
		width: 100%;
		margin: 0 0 4% 0;
		padding: 0 0 0 0;
	}
	.top-card-title br {
		display: none;
	}
	.top-card-uc {
		width: 32%;
		height: 80px;
		margin: 0 2% 4% 0;
		text-align: center;
	}
	.top-card-visa {
		width: 32%;
		height: 80px;
		margin: 0 2% 4% 0;
		text-align: center;
	}
	.top-card-mastercard {
		width: 32%;
		height: 80px;
		margin: 0 2% 4% 0;
		text-align: center;
	}
	.top-card-saison {
		width: 32%;
		height: 80px;
		margin: 0 2% 0 0;
		text-align: center;
	}
	.top-card-jcb {
		width: 32%;
		height: 80px;
		margin: 0 2% 0 0;
		text-align: center;
	}
	.top-card-americanexpress {
		width: 32%;
		height: 80px;
		margin: 0 0 0 0;
		text-align: center;
	}
	.top-card-paypay {
		width: 32%;
		height: 80px;
		margin: 0 0 4% 0;
		text-align: center;
	}
	.top-card-linepay {
		width: 32%;
		height: 80px;
		margin: 0 2% 0 0;
		text-align: center;
	}
	.top-card-aupay {
		width: 32%;
		height: 80px;
		margin: 0 2% 0 0;
		text-align: center;
	}
}
/* メイン */