@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600;700;900&display=swap');

.page-kv{
	display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
	padding: 170px 4.5rem 4.5rem;
}
.page-kv img{max-width: 100%;}
.page-kv h2{
	display: block;
	position: absolute;
	width: 17vw;
	background: rgba(255,255,255,.9);
	padding: 2.5rem 1.25rem 1.25rem;
	/*font-size: 3rem;*/
	font-size: 2.25vw;
	line-height: 1.5;
	color: #000;
	font-weight: 500;
	text-align: right;
	letter-spacing: .15rem;
	z-index: 1001;
    left: 4.5rem;
	top: 700px;
}

/*about*/
.abt-a{
	display: block;
	overflow: hidden;
  position: relative;
  width: 100%;
	padding: 40px 0 0 170px;
	z-index: 1002;
}
.abt-txt{
	display: block;
	overflow: hidden;
	float: left;
	width: 45%;
	margin-right: 80px;
}
.abt-txt-line{
  display: block;
	float: left;
	overflow: hidden;
	border-top: 6px #a8be5a solid;
  width: 5rem;
  margin-right: 2rem;
	margin-top: .75rem;
}

.abt-txt-cnt{
	display: block;
	float: left;
	overflow: hidden;
	width: calc( 99.999% - 7.1rem );
}

.abt-txt-cnt p{
	display: block;
	color: #666;
	line-height: 1.7;
	/*font-size: 1.5rem;*/
	font-size: 1.25vw;
	font-weight: 300;
	text-align: justify;
	padding-bottom: 2rem;
	
}
.abt-a img{
	display: block;
	overflow: hidden;
	float: left;
	width: calc(54.99% - 80px);
	margin-top: 70px;
}

.abt-b{
	display: block;
	overflow: hidden;
  position: relative;
  width: 88vw;
	padding: 0 0 80px 100px;
	margin-top: -130px;
	z-index: 1003;
}

.abt-b img{
	display: block;
	overflow: hidden;
	float: left;
	width: calc(50% - 80px);
}
.fl-r{float: right; margin-top: 300px;}


/*news*/
.news-wrp{
	display: block;
	overflow: hidden;
  position: relative;
	width: 100%;
	padding-bottom: 5rem;
}
.news01{
	display: block;
	float: left;
	margin-top: 120px;
	width: 35.5%;
}
.news01 img,.news-bg-r01 img,.news-bg-r02 img{max-width: 100%;}
.news-cnt{
	display: block;
	overflow: hidden;
	float: left;
	width: 840px;
	/*background: #eee;*/
	margin-left: 100px;
	
}
.news-cnt ul{
}
.news-cnt li{
	display: block;
	width: 100%;
	padding-bottom: 1.5rem;
	overflow: hidden;
}
.news-cnt li h5{
	display: block;
	float: left;
	font-size: 1.125rem;
	color: #333;
	font-weight: 500;
}
.news-cnt li h5::after{
	float: inline-end;
	float: right;
  content: "";
  height: 2px;
  width: 2rem;
  margin:.5rem .75rem;
  background: #a8be5a;
}

.news-cnt li p a {
  display: block;
  float: left;
  font-size: 1.25rem;
  color: #555;
  font-weight: 500;
  width: calc(99.999% - 10.5rem);
  line-height: 1.5;
  text-decoration: none;
  margin-top: -.3rem;
}
.news-cnt li p a:hover{ color: #819833; text-decoration: underline;}

.news-bg-r01{
 display: block;
	position: absolute; 
	width: 30vw;
	top: 100px;
	right: 0;
	z-index: 250;
}
.news-bg-r01{
 display: block;
	position: absolute; 
	width: 30vw;
	top: 100px;
	right: 0;
	z-index: 250;
}

.news-bg-r02{
 display: block;
	position: absolute; 
	width: 28vw;
	top: 500px;
	right: 30px;
	z-index: 251;
}
.news02-wrp{
	display: block;
	overflow: hidden;
  position: relative;
	width: 100%;
	margin-top: 4rem;
}
.news02-l{
	display: block;
	float: left;
	margin-top: 130px;
	width: 28.2vw;
	margin-right: 90px;
	margin-left: -100px
}
.news02-r{
	display: block;
	overflow: hidden;
	float: left;
	width: 67.7vw;
}
.news02-l img,.news02-r img{max-width: 100%;}

.news-list-wrp{
	display: block;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	margin-top: 140px;
}
.news-list-wrp h2{
	display: block;
	color: #333;
	line-height: 1.7;
	font-size: 1.8vw;
	font-weight: 700;
	padding-bottom: 3rem;
	text-align: center;
}

.for-listpage {
  float:none;
  width: 940px;
  margin-left: 0;
}

/*pagination*/
.pagination-outer{ text-align: center; }
.pagination{
    display: inline-flex;
    position: relative;
	color: #a7bd5b;
	margin:3rem 0 1rem 0;
}
.pagination li { margin-left:0;}
.pagination span{ text-align:center;}
.pagination li a.page-link{
	display:block;
    color: rgba(37, 66, 65, .5);
    background-color: #fff;border: 1px solid #a7bd5b;
    font-size: 1rem;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 40px;
    height: 40px;
    width: 40px;
	 margin:0 .5rem;
	font-weight: 500;
    position: relative;
    z-index: 1;
	text-decoration: none;
}
.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover{
    color: #fff ;
    background-color: #a7bd5b;
	text-decoration: none;
	border: 1px solid #a7bd5b;
}


/*article*/
.art_cnt_wrp {
  display: block;
  overflow: hidden;
  width: 800px;
  margin: 1rem auto;
	padding-top: 130px;
}
.dat {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
	color: #666;
}
.art_cnt_wrp h3 {
  display: block;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: justify;
  margin-top: 1rem;
	color: #9bb348;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom:1px solid #a7bd5b;
}

.art_photo{
	display: block;
	width: 100%;
	margin: 1.5rem auto;
}
.art_photo img{
	max-width: 100%;
}

.art_cnt_wrp p {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: justify;
  margin-top: 1rem;
  color: #666;
}

.art_flex {
    display: flex;
  justify-content: center;
  margin:3rem 0;
  width: 100%;
  }


/*hotspring*/
.hots-wrp{
	display: block;
	overflow: hidden;
  position: relative;
	width: 100%;
	background: url("../img/hots-bg.png") 200px 50px no-repeat;
	/*height: 1000px;*/
	padding-bottom: 5rem;
}

.hots-cnt{
	display: block;
	overflow: hidden;
  position: relative;
	width: 100%;
	margin-top: 2rem;
	padding-bottom: 2rem;
	z-index: 3001;
}

.hots-cnt-photo{
	display: block;float: left; width: 41.6%; overflow: hidden;
}

.hots-cnt-photo img{
	max-width: 100%;
}

.img-right{float: right;}
.hots-txt{
	display: block;float: left; width:58.399%; overflow: hidden; padding: 5rem 5rem 0;
}
.hots-txt h3,.room-txt h3{
	display: block;
	color: #666;
	line-height: 1.7;
	font-size: 1.75rem;
	/*font-size: 1.25vw;*/
	font-weight: 500;
	padding-bottom: 1rem;
}
.hots-txt h3::after ,.room-txt h3::after{
  display: block;
  content: "";
  height: 2px;
  width: 40px;
  margin: .5rem 0 1rem 0;
	background: #a8be5a;
}
.hots-txt p,.room-txt p{
	display: block;
	color: #666;
	line-height: 1.7;
	/*font-size: 1.25rem;*/
	font-size: 1.25vw;
	font-weight: 300;
	text-align: justify;
	padding-bottom: 1.5rem;
}
.hots-txt p a,.hots-txt p a:hover{
	color: #a8be5a;
	font-size: 1.25vw;
	text-decoration: underline;
}
.page-cta-mgtop{margin-top: 1rem;}
.hots_btm,.expl_btm{
	display: block;
	position: absolute;
	left: 0;
	bottom:170px;
	width: 100%;
	z-index:399;
}

.hots_btm img{max-width: 100%;}


/*explore*/
.expl-wrp{
	display: block;
	overflow: hidden;
    position: relative;
	width: 100%;
	background: url("../img/expl-bg.png") 100px 50px no-repeat;
	/*height: 1000px;*/
	padding-bottom: 15rem;
}

.expl_btm img{max-width: 100%;}

/*room*/
.room_slider_left{display: block;
	float: left;
	overflow: hidden;
	margin-top: 50px;
	width: 39.999%;
}

.room_slider{
	display: block;
	max-width: 100%;
}
.room-car{
	display: block;
	overflow: hidden;
	width: 600px;
	margin: 0 auto;
}

.page--{
	display: block;float: left;
	width: 250px;
	margin: 0 .75rem;
  font-family: 'Noto Serif TC', serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
	text-align: center;
  line-height:2.2;
  background: rgba(168,190,90,1);
	border-radius: 6px;
	letter-spacing: 1px;
	text-decoration: none;
}
.page-- a{
	display: block;float: left;
	width: 250px;
  font-family: 'Noto Serif TC', serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
	text-align: center;
  line-height:2.2;
  background: #bbbbbb;
	border-radius: 6px;
	letter-spacing: 1px;
	text-decoration: none;
}
.page-- a:hover{
  background: rgba(168,190,90,1);
	color:#fff;
	letter-spacing: 1px;
	text-decoration: none;
}


.room-txt {
  display: block;
  float: left;
  width: 59.999%;
  overflow: hidden;
  padding: 5rem 5rem 0;
}
.room_flex {
    display: flex;
  justify-content: center;
  margin:1rem 0;
  width: 100%;
	width: 334px;
  }

.room_flex > .more{ margin-right: 15px;}

.hots-txt h4,.room-txt h4{
	display: block;
	color: #a8be5a;
	line-height: 1.7;
	font-size: 1.5rem;
	font-weight: 500;
	padding-bottom: .5rem;
margin-top: 1rem;}

.room_slider_right{
	display: block;
	float: right;
	overflow: hidden;
	margin-top: 50px;
	width: 39.999%;
}

.room_type {
  display: block;
  width: 100%;
  border: 1px solid #666;
  overflow: hidden;
	margin: 1rem auto 2.5rem;
	border-bottom: 0px;
	letter-spacing: 0;
}
.exp-mgtp{margin-top:20px;}
.type_txt {
  display: block;
  float: left;
  border-right: 1px solid #666;
  width: 14.2857%;
}
.lrg{width: 17.0714%;}
.sml{width: 11.5%;}
.rvrv{width: 20%;}

.type_txt ul {
  background: #fff;
}
.type_txt li {
  display: block;
  font-size: .9rem;
  border-bottom: 1px solid #666;
  text-align: center;
  font-weight: 500;
  color: #353535;
  width: 100%;
  line-height: 2;
}

.type_txt ul > li.gre{background: rgba(168,190,90,1); color: #fff;font-size: .95rem;}
.bder-rt-n {
  border-right: none;
}

/*shabu*/

.shabu-wrp {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  background: url("../img/shb-bg.png") 300px 0px no-repeat;
  padding-bottom: 3rem;
}

.shabu-s {
  display: block;
  float: left;
  margin-top: 130px;
  width: 26%;
  margin-right: 80px;
  margin-left: 0;
}
.restr {
  display: block;
  overflow: hidden;
  float: left;
  width: calc(68% - 81px);
}

.shabu-s img,.restr img{max-width: 100%;}

.shabu-order a {
  display: block;
	top: 45%;
	right: 0;
  position: fixed;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
	background: rgba(219,141,31,.8);
	width: 60px;
	text-align: center;
  line-height: 1.2;
  text-decoration: none;
	border-radius: .5rem 0 0 .5rem;
	padding: .5rem 0;
	z-index: 5000;
}
.shabu-order a i{
	display: block;
	text-align: center;
	line-height: 1.5;
}

.shabu-order a:hover {background: rgba(219,141,31,1);text-decoration: none;}


/*住宿須知*/
.room-note{
	display: block;
width: 1070px;
margin: 4rem auto 0 auto;
overflow: hidden;
}
.room-note h2{
	display: block;
	width: fit-content;
	line-height: 1.5;
  font-size: 1.6rem;
	font-weight: 700;
	padding: 1rem;
	color: rgba(168,190,90,1);
	border: 3px solid rgba(168,190,90,1);
	margin: 0 auto;
}

.room-note h3{
  display: block;
  color: #222;
  line-height: 1.7;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1.5rem 0;
	text-align: center;
}
.room-note h4{
  display: block;
  color: rgba(168,190,90,1);
  line-height: 1.5;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1.5rem 0 0 0;
	text-align: center;
	width: fit-content;
	margin: 0 auto;
}
.room-note h4::after{
  display: block;
  content: "";
  height: 2px;
  width: 100%;
  margin:.5rem auto;
  background: #a8be5a;
}
.room-note-list{display: block; overflow: hidden; width: 100%; margin: 1rem auto 0 auto;}
.room-note-list ul{}
.room-note-list li{
	width: calc(99.999% - 2.26rem); 
	padding-bottom: .5rem; 
	list-style-type: decimal ;
	line-height: 1.5;
	font-size: 1.125rem;
	font-weight: 500;
	color: #666;
	margin-left: 2.25rem;
	text-align: justify;
}
.room-note-list li b{
	font-weight: 700;
	color: #222;
}
.room-note-list li a, .room-note-list li a:hover{
	text-decoration: underline;
	color: #a8be5a;
}



/*RWD  ========================================================================================*/
@media screen and (max-width:1600px) {

}
@media screen and (max-width:1536px) {
.abt-b {
  width: 88vw;
  padding: 0 0 80px 90px;
  margin-top: -80px;
}
}

@media screen and (max-width:1440px) {
.page-kv {
  padding: 155px 4.5rem 4.5rem;
}
.page-kv h2 {
  padding: 2.25rem 1rem 1rem;
  font-size: 2.25vw;
  left: 4.5rem;
  top: 500px;
}	
.abt-txt-cnt p {
  font-size: 1.35vw;
  padding-bottom: 2rem;
}
.abt-a {
  padding: 20px 0 0 140px;
}
.abt-b {
  padding: 0 0 80px 100px;
  margin-top: -60px;
}
.fl-r{float: right; margin-top: 150px;}
.hots-txt {
  display: block;
  float: left;
  width: 58.39%;
  overflow: hidden;
  padding: 1.5rem 5rem 0;
}
.news01{
	display: block;
	float: left;
	margin-top: 120px;
	width: 25%;
}
 .news-cnt {
    display: block;
    overflow: hidden;
    float: left;
    width: 64%;
    margin-left: 70px;
  }
}
@media screen and (max-width:1366px) {
  .abt-a {
    padding: 20px 0 0 100px;
  }
.news-cnt li h5{
	font-size: 1rem;
}
.news-cnt li h5::after{
  height: 1px;
  width: 1.75rem;
  margin:.5rem .75rem;
}

.news-cnt li p a {
  display: block;
  float: left;
  font-size: 1.125rem;
  width: calc(99.999% - 10rem);
  margin-top: -.3rem;
}
}
@media screen and (max-width:1280px) {
.fl-r{
	float: right; margin-top: 120px;
	}
	
.hots-txt p {
	font-size: 1.125rem;
	}
	
.hots-txt {
  display: block;
  float: left;
  width: 58.39%;
  overflow: hidden;
  padding: 1rem 3.25rem 0;
}
.room_flex {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
  width: 270px;
}
.type_txt li {
	font-size: .85rem;}
}
@media screen and (max-width:1200px) {
  .abt-b {
    padding: 0 0 80px 80px;
    margin-top: -20px;
  }
}
@media screen and (max-width:1024px) {
 .page-kv h2 {
    padding: 2rem 1rem 1rem;
    font-size: 1.8rem;
    left: 4.5rem;
    top: 420px;
  }
.abt-a {
    padding: 20px 0 0 60px;
  }
.abt-txt-line {
  display: block;
  float: left;
  overflow: hidden;
  border-top: 5px #a8be5a solid;
  width: 3rem;
  margin-right: 1.5rem;
  margin-top: .75rem;
}
.abt-txt {
  display: block;
  overflow: hidden;
  float: left;
  width: 50%;
  margin-right: 50px;
}
.abt-txt-cnt {
  display: block;
  float: left;
  overflow: hidden;
  width: calc( 99.999% - 5.11rem );
}
.abt-a img {
  display: block;
  overflow: hidden;
  float: left;
  width: calc(49.99% - 50px);
  margin-top: 30px;
}

.abt-b {
    padding: 30px 0 50px 50px;
    margin-top: 0;
    width: 90%;
  }
.fl-r {
    float: right;
    margin-top: 30px;
  }
.abt-txt-cnt p {
    font-size: 1.125rem;
    padding-bottom: 2rem;
  }
.hots_btm, .expl_btm {
  left: 0;
  bottom: 250px;
}
 .room_slider_left ,.room_slider_right{
    display: block;
    float: left;
    overflow: hidden;
    margin-top: 0;
    width: 33%;
  }
.room-txt {
  display: block;
  float: left;
  width: 66%;
  overflow: hidden;
  padding: 0 1.5rem 0;
}
.room-txt p {
  line-height: 1.7;
  font-size: 1.1rem;
  padding-bottom: 1rem;
}
.room-note{
	display: block;
width: 90%;
margin: 2.5rem auto;
overflow: hidden;
}
}
@media screen and (max-width:820px) {
.art_cnt_wrp {
  width: 95%;
	padding-top: 130px;
}
.page-kv {
    padding: 105px 2.5rem 2.5rem;
  }
 .page-kv h2 {
    padding: 1rem 1rem .5rem;
    font-size: 1.3rem;
    left: 2.5rem;
    top: 350px;
  }
.abt-txt-cnt p {
    font-size: 1.1rem;
    padding-bottom: 2rem;
  }
 .hots-txt h3, .room-txt h3 {
  line-height: 1.7;
  font-size: 1.5rem;
  padding-bottom: 0;
}
 .hots-txt p {
    font-size: 1.1rem;
  }
 .hots-txt {
    float: left;
    width: 58.39%;
    padding: 0 2.25rem 0;
  }
.type_txt {
  display: block;
  float: none;
  border-right: 0px solid #666;
  width: 100%;
}
 .type_txt li {
    font-size: 1.05rem;
  }
.type_txt ul > li.gre {
  font-size: .8rem;
}
.lrg {
  width: 100%;
}
.news01 {
    display: block;
    float: left;
    margin-top: 100px;
    width: 30%;
    margin: initial;
    margin-left: -30px;
  }
.news-cnt {
    display: block;
    overflow: hidden;
    float: left;
    width: 67.5%;
    margin-left: 30px;
  }
.news02-wrp {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 2rem;
}
.news-bg-r02 {
  display: block;
  position: absolute;
  width: 35%;
  top: 650px;
  right: 30px;
	z-index: 251;}
 .news02-l {
    display: block;
    float: left;
    margin-top: 65px;
    width: 28%;
    margin-right: 50px;
    margin-left: -50px;
  }
.news02-r {
  display: block;
  overflow: hidden;
  float: left;
  width: 69%;
}
.shabu-wrp {
  padding-bottom: .5rem;
}
.restr {
  display: block;
  overflow: hidden;
  float: left;
  width: calc(75% - 51px);
}
.shabu-s {
  display: block;
  float: left;
  margin-top: 80px;
  width: 24%;
  margin-right: 50px;
  margin-left: 0;
}
.shabu-order a {
	top: 70%;
}
}

@media (max-width:768px){
.hots-txt p {
    font-size: 1rem;
  }
}

@media screen and (max-width:500px) {
.page-kv {
    padding: 85px 1.5rem 1.5rem;
  }
  .page-kv h2 {
    padding: 1rem .5rem .5rem;
    font-size: 1.25rem;
    left: 1.5rem;
    top: 200px;
    width: 120px;
  }
.abt-txt-line {
    display: block;
    float: left;
    overflow: hidden;
    border-top: 4px #a8be5a solid;
    width: 1.75rem;
	margin-right: 1rem;}
.abt-a {
    padding: 1rem 0 0 1.5rem;
  }
 .abt-txt {
    display: block;
    overflow: hidden;
    float: left;
    width: 64%;
    margin-right: 25px;
  }
 .abt-txt-cnt {
    display: block;
    float: left;
    overflow: hidden;
    width: calc( 99.999% - 2.95rem );
  }
 .abt-a img {
    display: block;
    overflow: hidden;
    float: left;
    width: calc(49.99% - 100px);
    margin-top: 30px;
  }
 .abt-b {
    padding: 0 1.5rem;
    margin-top: 20px;
    width: 100%;
  }
.abt-b img {
  display: block;
  overflow: hidden;
  float: left;
  width: 120px;
	padding-right: 1rem;
}
 .abt-txt-cnt p {
    font-size: 1rem;
    padding-bottom: 2rem;
  }
.hots-cnt-photo {
  display: block;
  float: none;
  width: 65%;
  overflow: hidden;
}
.page-cta-mgtop {
  margin-top: 0;
}
.hots-txt {
    float: none;
    width: 100%;
    padding: 1rem 1.5rem;
  }
.img-right {
  float: left;
}
.hots_btm, .expl_btm {
    left: 0;
    bottom: 230px;
  }
.hots-txt h3, .room-txt h3 {
    line-height: 1.6;
    font-size: 1.25rem;
    padding-bottom: 0;
  }
.hots-txt h4, .room-txt h4 {
  display: block;
  color: #a8be5a;
  line-height: 1.7;
	font-size: 1.25rem;}
.expl-wrp {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  background: url("../img/expl-bg.png") 100px 50px no-repeat;
  padding-bottom: 2rem;
}
.hots-cnt {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 2rem;
  padding-bottom: 1rem;
  z-index: 3001;
}
.room_slider_left, .room_slider_right {
    display: block;
    float: none;
    overflow: hidden;
    margin-top: 0;
    width: 75%;
margin-left: .5rem;
  }
.room-txt {
    display: block;
    float: right;
    width: 85%;
    overflow: hidden;
    padding: 0 1.5rem 0;
  }
.room_type {
  margin: 1rem auto 1.5rem;
}
.room-txt p {
    line-height: 1.7;
    font-size: 1rem;
    padding-bottom: 1rem;
  }
.news-wrp {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 1rem;
}
.news01 {
	display: none;}
 .news-cnt {
    display: block;
    overflow: hidden;
    float: none;
    width: 90%;
    margin: 0 auto 1rem;
  }
.news-cnt li {
  display: block;
  width: 100%;
  padding-bottom: 1rem;
  overflow: hidden;
  border-bottom: 2px dotted #c1bdbd;
  margin-top: 1rem;
}
	.news-cnt li:last-child{
  border-bottom: none;
}
.news-cnt li h5 {
  display: block;
  float: none;
  font-size: 1.1rem;
  color: #a8be5a;
  font-weight: 700;
  width: 100%;
  padding-bottom: .35rem;
}
.news-cnt li h5::after {
  display: none;
}
 .news-bg-r02 {
	 display: none;}
.news-bg-r01 {
  display: block;
  position: absolute;
  width: 80vw;
  top: 50px;
  right: 0;
  z-index: 250;
}

.news-cnt li p a {
    display: block;
    float: none;
    font-size: 1.1rem;
    width: 100%;
    margin-top: 0;
  }
.news02-l {
    display: block;
    float: left;
    margin-top: 45px;
    width: 28%;
    margin-right: 30px;
    margin-left: -30px;
  }
.art_cnt_wrp {
    width: 90%;
    padding-top: 70px;
  }
.dat {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #666;
}
.art_cnt_wrp h3 {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: justify;
  margin-top: .25rem;
  color: #9bb348;
  padding-bottom: .5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #a7bd5b;
}
.art_cnt_wrp p {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6;
  margin-top: .6rem;
  color: #666;
}
.art_flex {
  display: flex;
  justify-content: center;
  margin: 3rem auto;
  width: 90%;
}
.more_space {
  margin: 0 .5em;
}
.news-list-wrp {
  display: block;
  overflow: hidden;
	width: 100%;
	margin-top: 80px;
	}
.news-list-wrp h2 {
  display: block;
  color: #333;
  line-height: 1.7;
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: 1rem;
  text-align: center;
}
.pagination{
        /*display: block;*/
    }
    .pagination li{
        margin: 5px 2px;
        display: inline-block;
		border-bottom: none;
    }
    .pagination li a.page-link{ margin: 0 .25rem; }
	
.hots-txt p a, .hots-txt p a:hover {
  color: #a8be5a;
  font-size: 1rem;
  text-decoration: underline;
}
.room_flex {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
    width: 230px;
  }
.room-car{
	display: block;
	overflow: hidden;
	width: 308px;
	margin: 0 auto;
}

.page--{
	display: block;float: left;
	width: 130px;
	margin: 0 .75rem;
  font-family: 'Noto Serif TC', serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
	text-align: center;
  line-height:2.2;
  background: rgba(168,190,90,1);
	border-radius: 6px;
	letter-spacing: 1px;
	text-decoration: none;
}
.page-- a{
	display: block;float: left;width: 130px;
  font-family: 'Noto Serif TC', serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
	text-align: center;
  line-height:2.2;
  background: #bbbbbb;
	border-radius: 6px;
	letter-spacing: 1px;
	text-decoration: none;
}


}
@media screen and (max-width:430px) {
.abt-b img {
    display: block;
    overflow: hidden;
    float: left;
    width: 110px;
    padding-right: .75rem;
  }
}
@media screen and (max-width:415px) {
.abt-txt {
    display: block;
    overflow: hidden;
    float: left;
    width: 62%;
    margin-right: 20px;
  }
 .page-kv h2 {
    top: 170px;
  }
}
@media screen and (max-width:400px) {
 .abt-a img {
    display: block;
    overflow: hidden;
    float: left;
    width: calc(49.99% - 70px);
    margin-top: 60px;
  }
  .abt-b img {
    display: block;
    overflow: hidden;
    float: left;
    width: 100px;
    padding-right: 1rem;
  }
 .hots_btm, .expl_btm {
    left: 0;
    bottom: 270px;
  }
}
@media screen and (max-width:390px) {
}
@media screen and (max-width:375px) {
}