@charset "UTF-8";
/* ----------------------------------
INDEX
---------------------------------- */
body.top #KV_SET {
	max-width: 1500px;
	margin: 0 auto;
	position:relative;
}
body.top #KV {
	height: 815px;
	background:url(../../images/top/pc/kv.jpg) no-repeat top center;
}
body.top #KV h1 {
	padding-top:280px;
}
/* プロローグ */
body.top #KV_SET p.prologue {
	position:absolute;
	top:50px;
	right:50px;
	width:261px;
	height: auto;
}

body.top #CP {
	background:#edebea;
}
body.top #CP h2 {
	margin-bottom:30px;
}
body.top #GuestRooms {
	background:#edebea url(../../images/top/pc/guest_rooms02.jpg) no-repeat top center;
}
body.top #Restaurant {
	background:#edebea url(../../images/top/pc/restaurant02.jpg) no-repeat top center;
}
body.top #Spa {
	background: #edebea url(../../images/top/pc/hotspring02.jpg) no-repeat top center;
}

.whiteB {
	margin:0 auto;
	padding:30px 85px 50px;
	width:596px;
	background:url(../../images/common/whiteB.png) repeat top left;
}

body.top #GuestRooms .whiteB,
body.top #Restaurant .whiteB,
body.top #Spa .whiteB {
	margin-top:155px;
}

body.top .copy {
	height: 320px;
}
body.top .img {
	position:relative;
}
body.top .img .moreBTN {
	width:100%;
	position:absolute;
	top:-75px;
	left:0;
	text-align: center;
}


/* Scenic Spot ------------------- */
#ScenicSpot {
	margin: 0 auto;
	padding:50px 0;
	max-width:1500px;
}

#ScenicSpot p {
	margin:0 auto;
	width:596px;
}

#ScenicSpot .moreBTN {
	margin-top:30px;
}

/* News -------------------------- */
#News {
	margin: 0 auto;
	padding:0 0 50px;
	max-width:1500px;
	background:#fff;
	font-size:14px;
}
#News #NewsWrap {
	width:765px;
	margin: 0 auto;
	text-align: left;
}
#News dl {
	padding-left:0;
}

#News dt {
	float:left;
	width:100px;
	line-height:1.6;
	margin-bottom:20px;
}

#News dd {
	margin-bottom:20px;
	line-height:1.6;
	padding-left:100px;	
}

#News a,
#PickUp a {
	color:#53585a;
}
#News a:hover,
#PickUp a:hover {
	color:#A0072B;
}

#CP .MoreText,
#GuestRooms .MoreText,
#Restaurant .MoreText,
#Spa .MoreText,
#News #NewMore,
#PickUp #NewMore {
	display:none;
}

#CP .news_more,
#GuestRooms .news_more,
#Restaurant .news_more,
#Spa .news_more,
#News .news_more,
#PickUp .news_more {
	display:iniine-block;
}

/* PickUp ------------------------ */
#PickUp {
	margin: 0 auto;
	padding:50px 0;
	max-width:1500px;
	background:#fff;
}

#PickUp ul.container {
	flex-wrap: wrap;
}

#PickUp ul {
	display:flex;
	margin:0 auto;
	width:760px;
}

#PickUp ul li {
	display:table-cell;
	float:left;
	width:245px;
	margin-right:10px;
}
#PickUp ul li:nth-child(3n) {
	margin-right:0px;
}

#PickUp ul li div.top_bnr {
  position: relative;/*相対配置*/
}

#PickUp ul li div.top_bnr h6 {
  margin: 0;
  position: absolute;/*絶対配置*/
  font-size:16px;
  color: #fff;/*文字は白に*/
  background-color:rgba(0, 179, 227, 0.6);
  padding:.2em .3em;
  bottom: 5px;
  right: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/*IE対応*/
	#PickUp ul li div.top_bnr h6:not(:target) {
	padding-top: .4em;
	}
}

#PickUp ul li div.top_bnr img.japatabi {
  margin: 0;
  position: absolute;/*絶対配置*/
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  /*filter: drop-shadow(2px 2px 2px #999);*/
}
#PickUp ul.container li p {
	font-size:13px;
	font-weight:normal;
	text-align:left;
	margin:8px auto 15px;
	line-height:1.4;

}
#PickUp ul.container li p span {
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
#PickUp ul.container li p span.en {
	display:inline!important;
}
	
#PickUp ul li.item7 {
	width:100%;
}
#PickUp ul li.item7 p {
	text-align:center;
}
#PickUp .pickupbnr {
    position: relative;
    width: 765px;
    text-align: center;
}
#PickUp .pickupbnr .pickup_bnr {
    width: 380px;
    display: inline-block;
}
#PickUp .pickupbnr .pickup_bnr p.img {
    width: 380px;
    max-height: 100px;
    overflow: hidden;
}
#PickUp .pickupbnr .pickup_bnr p.img img {
    width: 100%;
}

/* 5Marriott in Japan ------------ */
#Five_Marriott_inJapan {
	margin: 0 auto;
	padding:50px 0;
	max-width:1500px;
	background:#edebea;
}
#Five_Marriott_inJapan ul {
	margin:0 auto;
	width:765px;
}
#Five_Marriott_inJapan ul li {
	float:left;
	margin-right:15px;
}
#Five_Marriott_inJapan ul li:nth-child(4) {
	margin-right:0;
}
#Five_Marriott_inJapan ul li p {
	margin-top:10px;
	text-align: left;
	font-size:14px;
	line-height: 1.5;
}
#Five_Marriott_inJapan ul li p span {
	font-size:11px;
}