@charset "UTF-8";
/* CSS Document */

body,*{background: #fff; font-size: 10px;
font-family: 'Noto Serif JP',YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}

/*ホテル共通*/
/*#header-wrap {
	background: url(http://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;
}
#header {
	width: 100%;
	max-width: 1050px;
	height: 62px;
	text-align: left;
	margin: 0 auto;
}

#header table,
#copyright {
	width: 100%;
    max-width: 1050px;
    margin-right: auto;
    margin-left: auto;
}

#header table img {
	vertical-align: middle;
}
#header #hllogo{width: 129px;}
#header #grouplogo{width: 120px;}

#footer {
    background: #fff url(http://www.princehotels.co.jp/common/imgs/module_parts/parts_footer/bg01.gif) repeat-x;
    padding: 25px 0px 15px 0px;
}
#copyright {
    text-align: right;
    margin: 0 auto;
}
#copyright img{width: 267px;}
*/


header{margin: 0 auto; }
.logo a{display: block;width: 182px;}
.logo a img{width: 182px;margin: 10px  20px 15px;}

@media(max-width: 768px){
  .logo a{display: block;width: 130px;}
  .logo a img{width: 130px;margin: 10px  10px 10px;}
}


.copyright{font-size: 11px; text-align: right; margin: 30px auto; color:#888; max-width: 1000px; font-family: 'Noto Sans JP', sans-serif;}
@media(max-width: 768px){
  .copyright{font-size: 10px; text-align: center; margin: 20px auto;}
}



#hotellist{display: flex; justify-content: center; margin: 65px 0;}
#hotellist li{ line-height: 25px; border-right: 1px solid #000; }
#hotellist li a{font-size: 1.3em; color: #000; font-family: 'Noto Sans JP', sans-serif; padding: 0 20px;}
#hotellist li:last-child{border-right:none;}


#gototop{position: fixed; right: 20px; bottom: 20px;  }
#gototop a{font-size: 2.5em; background: rgb(234,234,84,0.9); color: #fff; display: block; /*padding: 15px 10px;*/ text-decoration: none; border-radius: 50%; line-height: 50px; height: 50px; width: 50px; text-align:center;}


/*font*/


/**/

#hero{}

/**/

#lead{ text-align: center; position: relative; padding: 90px 0 68px;}
#lead h2{font-weight : bold;  font-size : 2.5em;  line-height : 46px; text-align: center; margin: 85px 0 0;}
#lead h3{font-weight : bold;  font-size : 2.5em;  line-height : 46px; text-align: center; margin: 0 0 38px;}
#lead .txt{font-size : 1.7em;  line-height : 37px;  color : #000000; margin: 0 0 39px;}
#lead .linkbtn{width: 400px; margin: auto;}
#lead::after{
  content: '';
  position: absolute;
  bottom: 0px;
  display: inline-block;
  width: 860px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px; }

#walking,#food,#activity{text-align: center; padding: 85px 0 0;}

.icon{width: 60px; margin: auto;}
#walking h2,#food h2,#activity h2{ font-size : 2.5em; line-height : 46px; text-align: center; margin: 0 0 25px;}
.txt1{font-size : 1.6em;  line-height : 31px; width: 600px; margin: 0 auto 35px; text-align: left; font-family: 'Noto Sans JP', sans-serif;}

#walking .htl{font-weight : bold;  font-size : 1.4em;  color : #C9DC00; margin: 0 0 38px; font-family: 'Noto Sans JP', sans-serif;}

#food .textlink{margin: 0 0 38px;}
#food .textlink a{  font-weight : bold;  font-size : 1.4em;  color : #FFB58B; text-decoration: underline;  font-family: 'Noto Sans JP', sans-serif;}

.btn02{width: 580px; margin: 80px auto 75px;}

.f_bnr{}
.f_bnr{display: flex; justify-content: space-between; align-items: center; width: 860px; margin: auto; border: #ACD17E solid 2px;}
.f_bnr li{width: 140px;}
.f_bnr li:nth-child(2){width: 580px; text-align: center; display: flex; justify-content: center; align-items: center;}
.f_bnr .tit{font-size : 2.5em;  line-height : 46px;}
.f_bnr .txt{font-size : 1.6em;  line-height : 31px;}
.f_bnr .txtlink a{font-weight : bold;  font-size : 1.4em;  line-height : 31px;  color : #ACD17E; text-decoration: underline;}

.note{font-size: 1.4em; font-family: 'Noto Sans JP', sans-serif; max-width: 860px; margin: 30px auto 0;}

.pc{display: block;}
.sp{display: none;}

@media only screen and (max-width:600px) {

.pc{display: none;}
.sp{display: inline-block;}


body,*{ font-size: 8px;}
#hotellist{display: block; text-align: center; padding: 0 5%;}
/*#hotellist li{border-left: 1px solid #000; margin: 5px auto ; display: block; }
#hotellist li:last-child{border-right: 1px solid #000;}*/
#hotellist li{border: none; text-decoration: underline;}

#lead{padding: 25px 0 45px;}
#lead .linkbtn{width: 80%;}
#lead::after{width: 100%;}
#lead h2{line-height: 1.1em; margin-bottom: 20px;}
#lead h3{line-height: 1.2em;}
#lead .txt{line-height: 1.8em; width: 90%; margin: 0 auto 30px; letter-spacing: -0.03em;}

#walking, #food, #activity{padding: 55px 0 0;}

.btn02{width: 90%;}
.txt1{width: 95%;}

.f_bnr{width: 90%;}
.f_bnr li{width: 20%;}
.f_bnr li:nth-child(2){width: 60%;}
.f_bnr .tit{line-height: 1.4em;}
.f_bnr .txt{line-height: 1.4em;}

.note{width: 90%;}

}



/*====================================================================
slick
====================================================================*/


.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

.slick-slider{display: flex!important; justify-content: center; align-items: center;}
.slide-arrow,.slick-arrow{width: 40px; position: absolute; /*top: 50%; */z-index: 99;}
.next-arrow{right:21%; }
.prev-arrow{left: 21%;}

/*====================================================================
.full-screen
====================================================================*/

.full-screen .slick-list {
  overflow: visible;
}
.full-screen.slider {
  max-width: 300px;
  margin: 0 auto;
}



@media only screen and (max-width:600px) {

.next-arrow{right:5%; }
.prev-arrow{left: 5%;}


}