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


/*----------------------------------------------------------------
common
----------------------------------------------------------------*/
.cormorant{
font-family: 'Cormorant', serif;
}
.notosan{
    font-family: 'Noto Sans JP', sans-serif;
}
.notoserif{
    font-family: 'Noto Serif JP', serif;
}
.roboto{
    font-family: 'Roboto', sans-serif;
}
.contents {
  overflow: hidden;
}

.m_block_r_page {
  text-align: right;
  padding: 0 20px 20px 0;
  margin-top: -40px;
}


@media screen and (max-width: 768px){
.m_block_r_page {
  padding: 0 20px 20px 0;
}
}



.hotel_price {
  font-size: min(1.9vw,21px);
  letter-spacing: 0.06em;	
  background: #151616;
  max-width: 840px;
  width: 100%;
  margin: 0 auto 36px auto;
  padding: 20px;
}
.hotel_price span{
  font-size: 16px;
  letter-spacing: 0.06em;	
}
.sec_h2_title {
  font-size: min(3.6vw,40px);
  letter-spacing: 0.12em;
  margin-bottom: 50px;	
}
.sec_h2_title span{
  font-size: min(1.9vw,21px);
  letter-spacing: 0.12em;
  display: block;
  margin-top: 20px;	
}

.media_sp{
	display: none;
}
@media screen and (max-width:768px){
.media_sp{
	display: block;
	line-height: 0;
}
.sec_h2_title {
  font-size: 36px;
	}
.sec_h2_title span {
  font-size: 13px;
	}
.hotel_price {
  font-size: 21px;
}	
}


/*--------------------------------------------------------
pagemain
--------------------------------------------------------*/
.s_b_list_img {
  margin-bottom: 80px;
  position: relative;
}
.hotel_page_main {
  text-align: center;
}
.hotel_lead {
  font-size: min(1.8vw,20px);
  line-height: 1.6;
  letter-spacing: 0.06em;	
  margin-bottom: 40px;
}
.hotel_h2_title.cormorant {
  font-size: min(2.54vw,28px);
  letter-spacing: 0.06em;
  color: #9e7440;
  font-weight: 500;
  margin-bottom: 40px;	
}
.sub_title {
  font-size: min(1.6vw,16px);
  line-height: 1.6;	
  display: inline-block;
  padding: 0 32px;
  letter-spacing: 0.06em;	
  margin-bottom: 40px;	
}
.main_txt {
  font-size: min(1.45vw,16px);
  line-height: 2;
  margin-bottom: 100px;
}
.main_note {
  font-size: 12px;
  margin-bottom: 20px;
}



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

.hotel_price {
  font-size: 21px;
	}
.hotel_price span {
  font-size: 16px;
  display: block;
  margin-top: 12px;
  margin-bottom: 10px;		
}
#sec01 {
  padding: 40px 20px;
}
.s_b_list_img {
  margin-bottom: 40px;
	}
.hotel_lead {
  margin-bottom: 30px;
  font-size: 16px;
}
.hotel_h2_title.cormorant {
  font-size: 24px;
  margin-bottom: 30px;
}
.sub_title {
  font-size: 15px;
  line-height: 1.5;	
  padding: 0;
  margin-bottom: 30px;	
	}
.main_txt {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 50px;
  text-align: left;	
}	
.sub_title span {
  display: none;
}	
}


@media screen and (max-width:414px){
.hotel_price span {
  font-size: 12px;
  display: block;
  margin-top: 12px;
  margin-bottom: 10px;	
}
.hotel_price {
  font-size: 16px;
	}	
}


/*--------------------------------------------------------
sec02
--------------------------------------------------------*/
#sec02 {
  padding: 120px 0 100px 0;
  background: #140505;
}
.room_details_wrap {
  padding: 0 150px;
}
.room_dt_h3.notoserif {
  font-size: min(2.54vw,28px);
  letter-spacing: 0.1em;
  margin-bottom: 24px;
}
.room_dt_txt {
  font-size: min(1.45vw,16px);
  line-height: 1.7;
}

@media screen and (max-width:1100px){
#sec02 {
  padding: 120px 20px 100px 20px;
}
}

@media screen and (max-width:768px){
#sec02 {
  padding: 40px 20px 50px 20px;
	}
.room_details_wrap {
  padding: 0 ;
}
.room_dt_h3.notoserif {
  font-size: 18px;
  margin-bottom: 20px;
}
.room_dt_txt {
  font-size: 14px;
  line-height: 1.6;
}
	
}

/*--------------------------------------------------------
sec03
--------------------------------------------------------*/
#sec03 {
  padding: 120px 0 100px 0;
}
.table_title.notoserif {
  background: #59493f;
  font-size: 18px;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 24px;
}
#sec03 table{
width: 100%;
 margin-bottom: 10px;	
}
#sec03 table th {
  background: #151616;
  border-right: solid 4px #000;
  width: 30px;
  vertical-align: middle;	
}
#sec03 table td {
  background: #151616;
  padding: 10px 12px;	
  font-size: min(1.27vw,14px);
  line-height: 1.6;	
  border-bottom: solid 4px #000;
  border-right: solid 4px #000;	
}
#sec03 table tr:last-child td {
  border-bottom: none;
}
#sec03 table .time {
  width: 80px;
  text-align: center;
}
#sec03 table td span {
  font-size: 13px;
}
.table_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;	
}
.table_wrap:last-child {
  margin-bottom: 0;	
}
.table_content_l {
  width: 49%;
}
.table_content_r {
  width: 49%;
}

@media screen and (max-width:1100px){
#sec03 {
  padding: 120px 20px 100px 20px;
}
}

@media screen and (max-width:768px){
#sec03 {
  padding: 40px 20px 50px 20px;
}
.table_wrap {
  display: block;
	}
.table_content_l {
  width: 100%;
  margin-bottom: 50px;	
}
.table_title.notoserif {
  font-size: 16px;
  margin-bottom: 10px;	
	}
#sec03 table td {
  padding: 8px 10px;
  font-size: 14px;
	}
.table_content_r {
  width: 100%;
}	
}



/*------------------------------------------------
sec04
------------------------------------------------*/
#sec04 {
  padding: 80px 0;
}
.sec04_list_li {
  font-size: min(1.45vw,16px);
  line-height: 1.7;
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: 0.06em;
}
.sec04_list_li span{
  font-size: min(1.18vw,13px);
  line-height: 1.7;
  text-indent: -1em;
  padding-left: 1em;
}
.sec04_list_ul {
  margin-bottom: 120px;
}

.intro_title_h3.cormorant {
  font-size: min(2.9vw,32px);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.06em;
  margin-bottom: 60px;
}
.intro_list_ul {
  display: flex;
  justify-content: space-between;
   margin-bottom: 80px;	
}
.intro_list_li {
  width: calc((100% - 80px) /3);
  background: #59493f;
  padding: 40px 24px 24px 24px;	
  box-sizing: border-box;	
}
.intro_list_title {
  font-size: min(1.98vw,21px);
  text-align: center;
  padding-bottom: 5px;
  border-bottom: solid 1px #fff;
  margin-bottom: 20px;
}
.intro_list_txt {
  font-size: min(1.45vw,16px);
  line-height: 1.6;
  letter-spacing: 0.06em;
  margin-bottom: 60px;
}
.intro_position {
  font-size: min(1.18vw,13px);
  line-height: 1.3;
  margin-bottom: 16px;
}
.intro_name {
  font-size: min(1.63vw,18px);
  letter-spacing: 0.06em;
  margin-bottom: 16px;	
}
.recommend_title_h3.cormorant {
  font-size: min(1.9vw,21px);
  background: #151616;
  padding: 8px;
  text-align: center;
  margin-bottom: 40px;
}
.recommend_title {
  font-size: min(1.9vw,21px);
  color: #9e7440;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}
.recommend_txt {
  font-size: min(1.45vw,16px);
  line-height: 1.7;
}
.recommend_wrap table {
  width: 100%;
  margin-bottom: 20px;	
}
.recommend_wrap table td {
  width: 50%;
  padding: 46px 20px 64px 20px;	
  border-bottom: solid 1px #151616;	
  box-sizing: border-box;	
}

.recommend_wrap table td:nth-child(1) {
  border-right: solid 1px #151616;
  position: relative;
}
.recommend_wrap table td:nth-child(1)::after {
  content: "";
  background: #000;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -20px;
  right: -20px;
}
.recommend_wrap table tr:last-child td {
  border-bottom: none;
}
.recommend_note {
  font-size: 12px;
}
.recommend_wrap {
  padding-bottom: 40px;
}
.add_list_ul {
  display: flex;
  justify-content: space-between;
}
.add_list_li {
  width: 45%;
  display: flex;
}
.add_title {
  font-size: min(1.45vw,16px);
  letter-spacing: 0.16em;
  margin-bottom: 28px;
}
.add_txt {
  font-size: min(1.36vw,15px);
  line-height: 1.6;
  letter-spacing: 0.08em;	
}
.add_img {
  margin-right: 10px;
}
.add_wrap {
  padding-top: 40px;
  border-top: solid 1px #151616;
  margin-bottom: 80px;	
}
.banner_wrap {
  text-align: center;
  background: #372e2b;
  max-width: 900px;
  margin: 0 auto;
  position: relative;	
  padding: 36px;	
}
.banner_content {
  display: flex;
  justify-content: space-between;
  z-index: 1;
  position: relative;	
  align-content: center;
  align-items: center;	
}
.deco_ul {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
.deco01 {
  position: absolute;
  top: 10px;
  left: 10px;
}
.deco02 {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.deco03 {
  position: absolute;
  top: 10px;
  right: 10px;
}
.deco04 {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.banner_list_ul {
  text-align: left;
}
.banner_list_li {
  font-size: 16px;
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.6;
}
.banner_list_li span{
  font-size: 14px;
}
.banner_content_l {
  width: 35%;
  text-align: center;
}
.banner_content_r {
  width: 64%;
}





@media screen and (max-width:1100px){
#sec04 {
  padding: 80px 20px 80px 20px;
}
}

@media screen and (max-width:768px){
#sec04 {
  padding: 40px 20px 80px 20px;
}	
.sec04_list_li {
  font-size: 14px;
}
.sec04_list_li span {
  font-size: 11px;
	}
.sec04_list_ul {
  margin-bottom: 60px;
}	
.intro_title_h3.cormorant {
  font-size: 18px;
  margin-bottom: 40px;
}
.intro_list_ul {
  display: block;
  margin-bottom: 40px;
}	
.intro_list_li {
  width: 90%;
  background: #59493f;
  padding: 30px 20px 20px 20px;
  margin: 0 auto 40px auto;
}
.intro_list_title {
  font-size: 21px;
	}
.intro_list_txt {
  font-size: 14px;
  margin-bottom: 30px;
}
.intro_position {
  font-size: 12px;
  margin-bottom: 10px;
}	
.intro_name {
  font-size: 16px;
	}
.intro_img img {
  width: 100%;
  height: auto;
}
.recommend_title_h3.cormorant {
  font-size: 18px;
  margin-bottom: 20px;
}
.recommend_wrap table td {
  width: 100%;
  padding: 23px 10px 32px 10px;
  border-bottom: solid 1px #151616;
  display: block;
}
.recommend_title {
  font-size: 16px;
  margin-bottom: 10px;
}
.recommend_txt {
  font-size: 13px;
  line-height: 1.7;
}	
.add_wrap {
  padding-top: 30px;
	}
.add_list_ul {
  display: block;
	}
.add_list_li {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.add_img {
  margin-right: 0;
  margin-bottom: 10px;
}	
.add_img img {
  width: 100%;
  height: auto;
}
.add_title {
  font-size: 16px;
  margin-bottom: 16px;
}	
.add_txt {
  font-size: 14px;
	}
.banner_content {
  display: block;
	}
.banner_wrap {
  padding: 36px 24px;
}	
.banner_content_l {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.banner_content_r {
  width: 100%;
}	
}





/*------------------------------------------------
slider
------------------------------------------------*/
/* slide-box */
.slider_wrap {
  padding: 0 150px;
  margin-bottom: 100px;	
}
.slide-box {
  position: relative;
  margin: 0;
  padding: 0;
}

/* slide */

.slide {
  position: relative;
  margin: 0;
  padding: 0;
}
.slide .item {
  position: relative;
  height: 100%;
}
.slide .item a {
  display: block;
}
.slide .item::before {
  display: block;
  padding-top: 39%;
  content: "";
}
.slide .item .image {
  position: relative;
  overflow: hidden;
}
.slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}
.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

/* slide-navigation */

.slide-navigation {
  line-height: 0;
  position: relative;
  margin: 20px 0 0 0;
  padding: 0;
}
.slide-navigation .item {
  position: relative;
  cursor: pointer;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.slide-navigation .item .image::before {
  display: block;
  padding-top: 35%;
  content: "";
}
.slide-navigation .item .image::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: #000;
}
.slide-navigation .slick-current .image::after {
  opacity: 0;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
}
.slide-navigation .item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}


@media screen and (max-width: 768px) {
  .slide-navigation {
    width: 100%;
  }
  .slide-navigation .item .image::before {
    padding-top: 50%;
  }
.slider_wrap {
  padding: 0;
  margin-bottom: 40px;	
}	
}
@media screen and (max-width: 414px) {

}

/* slick */

.slick-vertical .slick-slide {
  border: 0 solid transparent;
}
.slick-arrow {
  z-index: 999;
}

.slick-next {
  width: 40px;
  height: 40px;	
  top: 40px;
  bottom: 0;	
  left: auto;
  right: 0;
  margin: auto;
}
.slick-prev{
  width: 40px;
  height: 40px;	
  top: 40px;
  bottom: 0;	
  left: auto;
  left: 0;
  margin: auto;
}
.slick-next::before {
  content: '→';
  background: #000 !important;
  width: 100% !important;
  height: 100% !important;
  display: block;
  line-height: 40px;
}
.slick-prev::before {
  content: '←';
  background: #000 !important;
  width: 100% !important;
  height: 100% !important;
  display: block;
  line-height: 40px;
}