@charset "UTF-8";
/*レスポンシブ対応-----------------------------------------------------------------------------------------------------------------*/
/* --------------------
タブレット
-------------------- */
@media only screen and (max-width: 750px) {
	
	/* ----------------------------------
	INDEX
	---------------------------------- */
	body.top #KV_SET {
		width:100%;
		margin: 12xp auto 0;
		position:static;
	}
	body.top #KV {
		height:calc(100vh - 55px);
		background:url(../../images/top/sp/kv.jpg) no-repeat bottom center;
		background-size:cover; 
	}
	body.top #KV img {
		width:60%;
		height: auto;
	}
	/* プロローグ */
	body.top #KV_SET p.prologue {
		position:static;
		width:100%;
	}
	body.top #GuestRooms,
	body.top #Restaurant,
	body.top #Spa {
		background:#edebea;
	}
	.whiteB {
		margin:0 10%;
		padding:7%;
		width:66%;
		background:url(../../images/common/whiteB.png) repeat top left;
	}
	body.top #GuestRooms .whiteB,
	body.top #Restaurant .whiteB,
	body.top #Spa .whiteB {
		margin-top:0;
	}
	body.top #CP h2 {
		font-size:5vw;
		margin-bottom:8%;
	}
	body.top #CP .space { padding:5% 0; }
	body.top #CP img {
		margin-top:5%;
	}
	body.top .copy {
		height: auto;
		margin-bottom:5%;
	}
	body.top .img {
		position:static;
	}
	body.top .img .moreBTN {
		width:100%;
		margin-top:10%;
		position:static;
		text-align: center;
	}
	/* Scenic Spot ------------------- */
	#ScenicSpot {
		margin: 0 auto;
		padding:10% 10%;
		max-width:auto;
	}

	#ScenicSpot p {
		margin:5% auto 0;
		width:100%;
	}
	
	#ScenicSpot .moreBTN {
		margin-top:10%;
	}
	
	.slider-pro {
		width:100% !important;
		margin:0 auto !important;
	}
	/* News -------------------------- */
	#News {
		margin: 0 auto;
		padding:0 0 10%;
		width:100%;
		font-size: 3vw;
	}
	#News #NewsWrap {
		width:80%;
		margin: 5% auto 0;
		text-align: left
	}
	#News dl {
		padding-left:0;
	}

	#News dt {
		clear:both;
		width:100%;
		margin-bottom:1.5%;
		font-size: 3.5vw;
	}


	#News dd {
		margin-bottom:3.5%;
		width:100%;
		padding-left:0;	
		font-size: 4vw;
	}
	#CP .news_more,
	#GuestRooms .news_more,
	#Restaurant .news_more,
	#Spa .news_more,
	#News .news_more {
		display:none;
	}
	
	#News #NewMore {
		display:block;
		cursor: pointer;
		background:url(../../images/top/sp/news_more_bg.gif) no-repeat top left;
		background-size: 100% auto;
		
	}
	#GuestRooms .MoreText,
	#Restaurant .MoreText,
	#Spa .MoreText,
	#CP .MoreText {
		display:block;
		cursor: pointer;
		margin-top:20px;
	}
	#GuestRooms .MoreText.closed,
	#Restaurant .MoreText.closed,
	#Spa .MoreText.closed,	
	#CP .MoreText.closed {
		background:url(../../images/top/sp/news_more_bg.gif) no-repeat top left;
		background-size: 100% auto;
	}
	
	#GuestRooms .MoreText.closed span,
	#Restaurant .MoreText.closed span,
	#Spa .MoreText.closed span,	
	#CP .MoreText.closed span {
		opacity: 0;
	}
	
	/* PickUp ------------------------ */
	#PickUp {
		margin: 0 auto;
		padding:0;
		max-width:1500px;
		width:100%;
	}
	#PickUp ul.container {
		  display:-webkit-box;
		  display: -webkit-flex;
		  display: flex;
		  -webkit-flex-wrap:wrap;
		  -ms-flex-wrap:wrap;
		  flex-wrap:wrap;
	}
	
	#PickUp ul {
		margin:0 auto;
		width:90%;
	}
	#PickUp ul li,
	#PickUp ul li:nth-child(3n) {
		float:left;
		width:47%;
		margin-right:4%;
		margin-bottom:2.5%;
		display: table-cell;
	}
#PickUp ul li:nth-child(2n) {
	margin-right:0px;
}
	#PickUp ul li p {
		margin:2% 0 5%;
		text-align: left;
		font-size: 3.5vw;
		line-height: 1.5;
	}

	
ul.container li.item7 {
	width:100%;
}	
#PickUp ul li div.top_bnr {
	width:95%;
	margin:auto;
}

#PickUp ul li div.top_bnr h6 {
  bottom: 5px;
  right: 0;
  left:0;
  text-align:center;
}
#PickUp .pickupbnr {
		position: relative;
		margin:auto;
		width:90%;
	}
#PickUp .pickupbnr .pickup_bnr {
		width:100%;
		display: inline-block;
	}
#PickUp .pickupbnr .pickup_bnr p.img {
	width:100%;
	max-height:auto;
	overflow:hidden;	
	}
#PickUp .pickupbnr p.img img {
		width:100%;
		height:auto;
	}
	
	/* 5Marriott in Japan ------------ */
	#Five_Marriott_inJapan {
		padding:10% 0;
		max-width:1500px;
		width:100%;
	}
	#Five_Marriott_inJapan ul {
		margin:0 auto;
		width:80%;
	}
	#Five_Marriott_inJapan ul li {
		float:left;
		width:48%;
		margin-right:4%;
		margin-bottom:5%;
	}
	#Five_Marriott_inJapan ul li:nth-child(2),
	#Five_Marriott_inJapan ul li:nth-child(4) {
		margin-right:0;
	}
	#Five_Marriott_inJapan ul li p {
		margin-top:1%;
		text-align: left;
		font-size: 3vw;
		line-height: 1.2;
	}
	#Five_Marriott_inJapan ul li p span {
		font-size: 2vw;
	}
	
	#copyright {
	width:100%;
	font-size:50%;
	text-align:center;
	margin-bottom: 20px;
	position:relative;
}
}
/* --------------------
スマホ
-------------------- */




/* 縦横切り替え */
@media only screen and (orientation: portrait) {/*縦*/
	.cboxPhoto {
		width: 100% !important;
		height: auto !important;
	}
}

@media only screen and (orientation: landscape) {/*横*/
	.cboxPhoto {
		width: auto !important;
		height: 100% !important;
	}
}