/*------------------------------------------

MV

------------------------------------------*/
main .mv {
    display: none;
}
/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
}/*END*/

/*------------------------------------------

NEWS

------------------------------------------*/
.news-box {
  padding: 40px;
  background-color: #c8b6a4;
}
.news-box h2 {
  font-size: 18px;
  margin-top: 2px;
}
.news-box h3 {
  font-size: 14px;
}
.news-wrap {
  justify-content: center;
}
/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
.news-box {
  padding: 20px 0;
}
}/*END*/

/*------------------------------------------

KUON

------------------------------------------*/
.about-box {
  background-image: url("../images/home/top_main.jpg");
  background-size: cover;
}
.about-box .inr {
	padding: 120px 15px;
}

.about-box  h2 {
    font-size: 4.0rem;
    line-height: 1.7;
    position: relative;
    /*color: #999;*/
}
/*.about-box h2::after {
	content: "";
	width: 217px;
	height: 33px;
	background-image: url(../images/home/hx-type1.png);
	background-size: contain;
	position: absolute;
	top: calc(100% + 20px);
	left: 50%;
	transform: translateX(-50%);
}*/
.about-box h2 .sub {
	font-size: 1.4rem;
	/*color: #999;*/
	display: block;
}

.about-box h3 {
	font-size: 2.0rem;
  color: #eee;
}
.about-box p {
  color: #eee;
}

/*.about-box .spec-list-wrap {
	background-color: #182b51;
	padding: 30px 15px;
}
.about-box .spec-list {
	width: 100%;
	max-width: 1150px;
	font-size: 2.0rem;
	color: #fff;
	margin-right: auto;
	margin-left: auto;
}
.about-box .spec-list li {
	width: 16.4285714286%;
	max-width: 212px;
}
.about-box .spec-list li .txt {
	line-height: 1.5;
}
.about-box .spec-list li .sub {
	font-size: .85em;
}*/



/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.about-box .inr {
		padding: 60px 2%;
	}

	.about-box  h2 {
		font-size: 3.0rem;
	}
	.about-box h2::after {
		width: 107px;
		height: 17px;
		top: calc(100% + 10px);
	}
	.about-box h2 .sub {
		font-size: 1.2rem;
	}

	.about-box .img img {
		width: 40%;
	}

	.about-box h3 {
		font-size: 2.0rem;
	}

/*	.about-box .spec-list-wrap {
		background-color: #182b51;
		padding: 30px;
	}
	.about-box .spec-list {
		font-size: 1.4rem;
		padding: 15px 0;
	}
	.about-box .spec-list li {
		width: 45%;
		max-width: none;
		padding-right: 2%;
		padding-left: 2%;
	}
	.about-box .spec-list li img {
		display: block;
	}*/
}/*END*/


/*------------------------------------------

こだわり

------------------------------------------*/
.kodawari-box {
	background-image: url(../images/home/top_glamping_bk.jpg);
  background-size: cover;
	padding-top: 90px;
	padding-bottom: 100px;
}
.kodawari-box .inr {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
.kodawari-box .inr h2 ,.kodawari-box .inr p  {
	color: #eee;
}
.kodawari-box .kodawari-list li {
	width: 31.25%;
	max-width: 400px;
  position: relative;
}
.kodawari-box .inr p.linkbtn {
  position: absolute;
  bottom: 0;
  left: 20px;
  font-size: 30px;
}
/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.kodawari-box {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.kodawari-box .kodawari-list li {
		width: 100%;
		max-width: none;
	}
}/*END*/


/*------------------------------------------

DISHES (MEAL)

------------------------------------------*/

.meal-box {
	background-color: #b2997f;
  padding-top: 90px;
}
.meal-box ul li {
	width: 24%;
}

/*.meal-box ul li.top_g img {
	filter: brightness(80%);
}*/

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
  .meal-box {
    padding-top: 40px;
  }
}/*END*/

/*------------------------------------------

CHEF

------------------------------------------*/

.chef-box {
	background-color: #c8b6a4;
  padding-top: 90px;
  padding-bottom: 60px;
}
.chef-box-inr {
  display: flex;	
}
.chef-box-inr img {
  width: 600px;
  height: 300px;
  object-fit: cover;
}
.chef-box-inr dl {
  border-bottom: 1px solid #111;
  border-top: 1px solid #111;
}
.chef-box-inr dt {
  float:left;
  clear:left;
  width:160px;
  padding: 20px 10px;
  text-align: center;
}
.chef-box-inr dd {
  padding: 20px 10px;
}
.chef-box-inr dl dd ul {
  display: flex;
  margin-left: 160px;
}
.chef-box-inr dl dd.chef-box-line {
   border-bottom: 1px dotted #333;
}
.chef-box-inr dl dd ul li:first-child {
  width: 300px;
}
/*PC*/
@media screen and (min-width: 768px) {
  .chef-box-inr {
	flex-direction: row;
}
  .chef-box-inr-in {
  width: 48%;
  padding: 1%;
}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
  .chef-box {
    padding-top: 40px;
  }
  .chef-box-inr {
	flex-direction: column;
}
  .chef-box-inr img {
  height: 200px;
}
  .chef-box-inr dt {
  width:120px;
  padding: 10px;
  text-align: left;
}
  .chef-box-inr dd {
  padding: 10px;
}
  .chef-box-inr dl dd ul {
  margin-left: 120px;
}
}/*END*/

/*------------------------------------------

ROOM

------------------------------------------*/
.room-box {
	background-color: #100803;
	padding-bottom: 100px;
}
.room-box h2 ,.room-box p ,.room-box .link a {
	color: #fff;
}

.room-box .room-head {
	background-color: #100803;
	padding-top: 70px;
}

.room-box .room-head .inr {
	width: 100%;
	max-width: 1250px;
	margin-right: auto;
	margin-left: auto;
}
.room-box .room-head .room-img img {
	width: 100%;
	height: 600px;
  object-fit: cover;
}


/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.room-box .room-head {
		padding-top: 60px;
		padding-bottom: 0;
	}
  .room-box .room-head .room-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
  }

}/*END*/

/*------------------------------------------

SPA/POOL

------------------------------------------*/


/*PC*/
@media screen and (min-width: 768px) {
  .pool-flex {
	flex-direction: row-reverse;
}

}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
  .pool-flex {
	flex-direction: column;
}

}/*END*/

/*------------------------------------------

TOURISM

------------------------------------------*/

.tourism-slider-box.slider-box {
	background-color: #c8b6a4;
}
.tourism-slider-box.slider-box .post-wrap {
	background-color: #fff;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
}/*END*/

/*------------------------------------------

FAQ

------------------------------------------*/
.faq-box {
	background-color: #c8b6a4;
	padding-bottom: 100px;
}

.faq-wrap {
	color: #fff;
	background-image: url(../images/home/top_qa.jpg);
	background-size: cover;
	padding: 130px 0;
}

.faq-box .link a {
    color: #fff;
    border: #fff 1px solid;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.faq-box {
		padding-bottom: 50px;
    margin-bottom: 20px;
	}

	.faq-wrap {
		padding: 90px 0;
	}
}/*END*/


/*------------------------------------------

ACCESS

------------------------------------------*/
.access-box .txt-box {
	width: 545px;
	background-color: #fff;
	padding-right: 70px;
    padding-left: 70px;
}
.access-box .check-in a {
	width: 100%;
	font-size: 1.8rem;
}

.access-box .img-box {
	width: calc(100% - 545px);
}
.access-box .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.access-box .txt-box {
		width: 100%;
		background-color: #fff;
		padding-top: 20px;
		padding-right: 2%;
		padding-bottom: 10px;
		padding-left: 2%;
	}

	.access-box .img-box {
		width: 100%;
	}
}/*END*/


/*------------------------------------------

送迎について

------------------------------------------*/
.sogei-box {
	padding: 60px 0;
}

/*.sogei-box .inr {
	width: 100%;
	max-width: 1250px;
	margin-right: auto;
	margin-left: auto;
}
.sogei-box .txt-box {
	max-width: 500px;
	margin-left: auto;
}*/

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.sogei-box {
		background-position: top left 20%;
		padding: 40px 0;
	}
  /*.sogei-box .inr {
    background: rgba(0,0,0,0.7);
  }
	.sogei-box .txt-box {
		max-width: 100%;
		margin-left: 0;
	}*/
}/*END*/