.indextop {}
.KV {position: relative; z-index: 0; background: url(../images/00_index/KV.jpg) no-repeat center center; padding: 0; height: 370px; background-size: cover;} 
#introBoxWrap {position: relative; padding: 40px 20px 15px ; font-size: 0; color: #da0200; background: url(../images/00_index/intro-bg.jpg); background-size: cover; background-color: #fff;}
/*#introBoxWrap:before, #introBoxWrap:after {content: ''; display: block; position: absolute; left: 0; width: 100%; z-index: 0;}
#introBoxWrap:before {top: -0px; background: url(../images/00_index/white-bg-top.jpg) repeat-x center center; height: 59px;}
#introBoxWrap:after {bottom: -10px; background: url(../images/00_index/white-bg-bottom.png) repeat-x center center; height: 10px; z-index: 1;}*/
#introBoxWrap .containerL {position: relative; max-width: 1200px; z-index: 1;}
#introBoxWrap h3 {margin-bottom: 15px; font-size: 2rem; letter-spacing: 2px; color: #e34d5a}
#introBoxWrap p {line-height: 1.8; font-size: 1.15rem; color: #333333; max-width: 580px;}
#introBoxWrap p.period {border-radius: 30px; letter-spacing: 1px; font-weight: 600; line-height: 2; margin-top: 20px; color: #856934;}
#introBoxWrap .intromenu {display: inline-block; vertical-align: top; width: 48%; margin: 0 1%; position: relative; text-align: center; padding: 100px 0 75px;}
#introBoxWrap .intromenu.anc1 {background: url(../images/00_index/intro-offer.png) no-repeat center center;background-size: contain;}
#introBoxWrap .intromenu.anc2 {background: url(../images/00_index/intro-offer.png) no-repeat center center; background-size: contain;}
#introBoxWrap .intromenu span.tt {font-size: 1.8rem; color: #8e7548; font-weight: 600; /*text-shadow: 3px 3px 5px rgba(0, 0, 0, .35);*/ letter-spacing: 1px; line-height: 1.3;}
#introBoxWrap .intromenu span.tt .big {font-size: 1.6em; margin-left: 5px; color: #e34d5a;}
#introBoxWrap .intromenu span.btn {color: #fff; border-radius: 30px; padding: 0; line-height: 2.2; margin: 7px auto 0; max-width: 115px; display: block; letter-spacing: 2px; font-weight: 600; font-size: 1rem;  -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; box-shadow: 1.1px 1.7px 2px 0 rgba(30, 30, 30, 0.2);background-blend-mode: color-burn, normal;background-image: linear-gradient(to bottom, rgb(255 211 219 / 71%), rgb(251 192 197 / 26%)), linear-gradient(to top, #d9515b, #fa7e88, #ff9099);}


@media only screen and (min-width: 769px) {
  #bodyWrap {min-width: 1280px;}
  #introBoxWrap .intromenu {margin-top: -30px;}
  .section .poiBlock:hover {transform: scale(1.02);}
}

@media only screen and (min-width: 1500px) {
  .KV {background: url(../images/00_index/KV.jpg) no-repeat center center; background-size: cover; height: auto; padding-bottom: 25%;}
}

@media (max-width: 768px) {
  .KV {background: url(../images/00_index/KV-m.jpg) no-repeat center center; background-size: cover; height: auto; padding-bottom: 100%;}
  #introBoxWrap .intromenu {margin: 0 1.5%; width: 47%; padding-top: 18%; padding-bottom: 13%;}
  #introBoxWrap .intromenu span.tt {font-size: 1.5rem; line-height: 1;}
  #introBoxWrap .intromenu span.btn {font-size: .85rem; letter-spacing: 1px; line-height: 2.1; margin-top: 5px; max-width: 75px; border-radius: 15px;}
}

@media (max-width: 640px) {
  html, body {font-size: 13px;}
  #headerNew {position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
  #bodyContent {padding-top: 55px;}
  #introBoxWrap {padding: 0px 10px 30px; text-align: center;}
  #introBoxWrap h3 {font-size: 1.8rem; margin-left: 0;}
  #introBoxWrap p {font-size: 14px;}
  #introBoxWrap p.period {font-size: 15px; letter-spacing: 0;}
}

@media (max-width: 330px) {
  #introBoxWrap .intromenu span.tt {font-size: 1.15rem;}
  #introBoxWrap p.period {font-size: 14px;}
}

.row .row {margin: 0}

.item {display: block; background-color: #fff; border-radius: 10px; height: 100%; overflow: hidden; width: 96%; margin: auto; position: relative; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .15);}
.item .img {position: relative; height: 140px;}
.item .img .badge {position: absolute; top: 10px; left: 15px;}
.item .img .badge .offerTxt {font-size: 1.2rem; color: #fff; font-weight: 600; line-height: 1.8; border-radius: 3px; padding: 0 10px; background-color: #008043; min-width: 50px; text-align: center;}
.item .txt {padding: 0.5em 1em 1em;}
.item .txt p {color: #e24d59;}
.item .txt .tt {font-weight: 600; line-height: 1.4;}
.item .txt .poiName {font-weight: 600; font-size: 1.2rem;margin-top: 0.2rem;letter-spacing: 0;}
.item .txt .desc {font-size: 14px; margin-top: 5px; line-height: 1.3;letter-spacing: 1px;}
.item .txt small {color: #777;}
.item .linkWrap {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#special-section {background: url(../images/00_index/sec1-bg.jpg) repeat center top; background-size: 20%; padding: 60px 20px; position: relative;}
/*#special-section:before {content: ''; display: block; width: 100%; background: url(../images/00_index/sec1-bg-bottom.jpg) center bottom; height: 155px; position: absolute; left: 0; bottom: 0;}*/
#special-section .inner {position: relative; padding: 0 20px 20px;max-width: 80rem; }
#special-section .ttImg {margin-bottom: 40px; max-width: 550px;}
#special-section .item {padding: 15px 15px 0;}
#special-section .item .img {height: 180px;}
#special-section .item .tt {color: #875828;}
#special-section .item .txt {padding: 1em .5em;}
#special-section .btn {display: block; margin: 40px auto 0; max-width: 270px; text-align: center; padding: 0 10px; border-radius: 50px; line-height: 2.6; letter-spacing: 2px; color: #fff; font-weight: 600;font-size: 20px; background-blend-mode: color-burn, normal; background-image: linear-gradient(to bottom, rgb(255 211 219 / 71%), rgb(251 192 197 / 26%)), linear-gradient(to top, #d9515b, #fa7e88, #ff9099);}

@media (min-width: 769px) {
  #special-section .inner .deco {position: absolute; z-index: 3; width: 280px; height: 130px; top: -10px; left: 0; right: 0; margin: auto;}
  #special-section span.deco1 {background: url(../images/00_index/deco-2.png) no-repeat center center; background-size: contain; transform: translateX(-350px); }
  #special-section span.deco2 {background: url(../images/00_index/deco-1.png) no-repeat center center; background-size: contain; transform: translateX(350px); }
  #special-section .item .tt {text-align: center;}
}
@media (max-width: 768px) {
  #special .swiper-wrapper {display: block;}
}
@media (max-width: 640px) {
  .item {font-size: 0;height: 100%; min-height: 115px; border-radius: 5px; margin-bottom: 10px; width: 100%;}
  .item .img, .item .txt {display: inline-block; vertical-align: top; height: 100%!important;}
  .item .img {width: 37.5%; }
  .item .txt {width: 62%; font-size: 1rem; padding: 10px 5px 0.5rem 15px; position: relative;}
  .item .txt small {margin-bottom: 5px; display: block; font-size: 13px;}
  .item .txt .poiName {font-size: 1.4rem;height: auto;overflow:auto;}
  /*.item .txt .poiName.line-clamp-1 {-webkit-line-clamp: 2;height: calc(1em * 1.2 * 2);}*/
  .item .txt .badge .offerTxt { color: #fff; display: inline-block;font-weight: 600;line-height: 1.8;border-radius: 3px;padding: 0 10px;background-color: #008043;min-width: 30px;text-align: center; margin-top: 10px;}
  .item .txt .badge .offerTxt small {display: inline-block; color: #fff; font-size: .8em;}
  #voucher .item .txt .oDetailTitle {line-height: 1.3;}
  #special-section {padding: 40px 10px 25%; background: url(../images/00_index/sec1-bg.jpg) repeat center top; background-color: #EDEDED; background-size: 50%;}
  #special-section:before {background: url(../images/00_index/sec1-bg-bottom-m.jpg) no-repeat center bottom; background-size: 100% auto; height: auto; padding-bottom: 25%; background-position: center bottom;}
  #special-section .ttImg {margin-bottom: 20px; /*max-width: 300px;*/ width: 100%;}
  #special-section .item {height: 100px; padding: 0;}
  #special-section .item .txt p {font-size:1.3em;position: absolute; left: 0; right: 0; width: 100%; top: 0; bottom: 0; margin: auto; -webkit-line-clamp: 2; height: calc(1em * 1.4 * 2); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 0 15px;}
  #special-section .btn {margin-top: 20px; font-size: 17px;}
  
}

#hottest {background: url(../images/00_index/sec2-bg.jpg); padding: 60px 20px ; position: relative; }
#hottest .deco {position: absolute; z-index: 3; top: 0; left: 0; right: 0; margin: auto;}
#hottest .ttImg {margin-bottom: 20px; max-width: 460px;}
#hottest .inner {position: relative; padding: 0 20px 20px; max-width: 80rem; margin: auto;}

@media (min-width: 769px) {
  #hottest .deco {width: 270px; height: 180px;}
  #hottest span.deco1 {background: url(../images/00_index/sec2-tt-deco-1.png) no-repeat center center; background-size: contain; transform: translateX(-340px);}
  #hottest span.deco2 {background: url(../images/00_index/sec2-tt-deco-2.png) no-repeat center center; background-size: contain; transform: translateX(340px);}
}

@media (max-width: 640px) {
  #hottest {padding: 30px 0; background-size: 30%;}
  #hottest .deco {width: calc((100% - 180px) / 2); padding-bottom: 23%;}
  #hottest span.deco1 {background: url(../images/00_index/sec2-tt-deco-1-m.png) no-repeat center center; background-size: contain; transform: translateX(calc(-90px - 50%));}
  #hottest span.deco2 {background: url(../images/00_index/sec2-tt-deco-2-m.png) no-repeat center center; background-size: contain; transform: translateX(calc(+90px + 50%));}
  #hottest .ttImg {/*max-width: 250px;*/; width: 70% ;margin-bottom: 10px;}
 
}

.section {padding: 10px 0px 0;}
.section .secTTbox {position: relative; background: url(../images/00_index/sec2-bu-tt.png) no-repeat center bottom; background-size: contain; color: #856934; padding: 23% 7% 0% 7%; text-align: center; }
.section .secTTbox:before {content: ''; display: block; position: absolute; top: 0%; left: 0; right: 0; margin: auto; width: 35%; padding-bottom: 35%; }
#booking-section.section .secTTbox:before {background: url(../images/00_index/sec2-bu-logo-book.png) no-repeat center; background-size: contain;}
#voucher-section.section .secTTbox:before {background: url(../images/00_index/sec2-bu-logo-voucher.png) no-repeat center; background-size: contain;}
#takeaway-section.section .secTTbox:before {background: url(../images/00_index/sec2-bu-logo-tas.png) no-repeat center; background-size: contain;}
#pay-section.section .secTTbox:before {background: url(../images/00_index/sec2-bu-logo-orpay.png) no-repeat center; background-size: contain;}
.section .secTTbox > .columns {padding: 0;}
.section .secTTbox .secTT {letter-spacing: 0px; font-size: 2rem;}
.section .secTTbox .secOffer {font-size: 1.5rem; letter-spacing: 1px; line-height: 1;margin: 5px auto 0px auto ;color: #e34d5a;}
.section .secTTbox .secOffer .big {font-size: 2rem; letter-spacing: -1px; vertical-align: text-bottom; color: #e34d5a}
.section .secTTbox .secOffer small {font-size: 1.4rem;}
.section .secTTbox .secOffer2 {font-size: 1.6rem; letter-spacing: 1px; line-height: 1; text-shadow: 3px 3px 5px rgba(0, 0, 0, .35);}
.section .secTTbox .btn {color: #fff; border-radius: 30px; padding: 0; line-height: 2.2; margin: 5px auto 0; font-size: .9rem; font-weight: 600; max-width: 100px; display: block; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; box-shadow: 1.1px 1.7px 2px 0 rgba(74, 40, 10, 0.35); background-image:linear-gradient(to top, #d9515b, #fa7e88, #ff9099);}
.section .ttImg {max-width: 400px;}
.section .list {position: relative; z-index: 1;}
#voucher .item .txt .poiName {color: #777; font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 5px;overflow: auto;height: auto;}
#voucher .item .txt .oDetailTitle {font-weight: 600;font-size: 1.1rem;letter-spacing: 1px;margin-top: 0.5rem;}
.section .btn {border: none; line-height: 2.5; margin-top: 30px;}

@media print, screen and (min-width: 48.125em) {
  .section .inner > .row > .medium-3 {-ms-flex: 0 0 22%;-webkit-flex: 0 0 22%;flex: 0 0 22%;max-width: 22%; padding-right: 1rem;}
  .section .inner > .row > .medium-9 {-ms-flex: 0 0 78%;-webkit-flex: 0 0 78%;flex: 0 0 78%;max-width: 78%;}
  .section .secTTbox {height: 100%; min-height: 245px;}
}


@media (max-width: 640px) {
  .section {padding: 30px 0px; }
  .section:last-child {margin-bottom: 0;}
  .section .ttImg {max-width: 260px;}
  .section .btn {line-height: 3; max-width: 240px;}
  .section .secTTbox { width: 280px; margin: 0 auto 20px; padding: 50px 0px 40px 0px ; text-align: center; background: url(../images/00_index/sec2-bu-tt-m.png) no-repeat center; background-size: contain;}
  .section .secTTbox:before {width: 65px; height: 65px; padding: 0; top: -10%; /*right: auto; left: 55px;*/}
  .section .btn {display: block;margin: 15px auto 0; max-width: 230px;text-align: center;border-radius: 30px;line-height: 2.6; color: #fff; letter-spacing: 2px;font-weight: 600;font-size: 18px; box-shadow: 1.1px 1.7px 2px 0 rgba(30, 30, 30, 0.2); background-blend-mode: color-burn, normal; background-image: linear-gradient(to bottom, rgb(255 211 219 / 71%), rgb(251 192 197 / 26%)), linear-gradient(to top, #d9515b, #fa7e88, #ff9099);}
  .section .poiBlock {padding-bottom: 0.5rem;}
}


#editors-section {background: url(../images/00_index/intro-bg.jpg); padding: 50px 20px 50px; position: relative;}
/*#editors-section:before {content: ''; display: block; width: 100%; height: 50px; background: url(../images/00_index/white-bg-top.jpg) repeat-x center top; position: absolute; left: 0; top: 0;}*/
#editors-section .ttImg {margin-bottom: 30px; max-width: 440px;}
#editors-section .inner {position: relative; padding: 0 20px 20px; max-width: 70rem; margin: auto;}
#editors-section .img {border-radius: 15px; overflow: hidden; height: 100%;}
#editors-section .txt {background-color: #fff; padding: 15px 20px; border-radius: 15px;}
#editors-section .txt p {height: calc(1em * 1.5 * 4); line-height: 1.5; font-size: 1.1em;}
#editors-section .txt .btn {line-height: 2.4; color: #fff; font-size: 17px; float: right; padding: 0 20px; border: none; border-radius: 30px; font-size: 16px; font-weight: 600; margin-top: 10px; box-shadow: 1.1px 1.7px 2px 0 rgba(30, 30, 30, 0.2);background-blend-mode: color-burn, normal;background-image: linear-gradient(to bottom, rgb(255 211 219 / 71%), rgb(251 192 197 / 26%)), linear-gradient(to top, #d9515b, #fa7e88, #ff9099);}

@media (min-width: 769px) {
  #editors-section .btn:hover {background-color: #ffc4cd;}
}

@media (max-width: 640px) {
  #editors-section {padding: 25px 10px 10px; background-size: contain;}
  /*#editors-section:before {background-size: 150px; height: 40px; background-position: center top;}*/
  #editors-section .ttImg {/*max-width: 240px;*/width: 70%;  margin-bottom: 20px;}
  #editors-section .swiper-wrapper {display: block;}
  #editors-section .swiper-wrapper .swiper-slide {margin-bottom: 10px;}
  #editors-section .img, #editors-section .txt {border-radius: 0;}
  #editors-section .txt .btn {font-size: 14px;}
}