@charset "utf-8";

.is_smallwidth {width:1200px; margin:0px auto !important;}

#container {padding: 120px 0 100px;}



/*list*/
.ttplist {padding: 10px 0 0 0;}
.ttplist_wrap {}
.ttplist:before {}
.tlGall_wrap {}

.ttplist_list {float:left;width:847px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);padding: 30px 0 100px;min-height: 100vh;}
.ttplist_list .ttplist_listwrap {padding:0 25px;}
.ttplist_list .ttplist_tit h2 {font-size:36px;color:#444;letter-spacing:-1px;line-height:100%;}
.ttplist_list .ttplist_tit .ttplist_subtit {margin: 40px 0 10px;line-height: 100%;color: #444;font-size: 15px;}
.ttplist_list .ttplist_tit .ttplist_subtit span {position:relative;margin:0 10px 0 0;}
.ttplist_list .ttplist_tit .ttplist_subtit span:after {content:'·';position: absolute;right: -7px;top: 4px;}
.ttplist_list .ttplist_tit .ttplist_subtit span:last-child:after {display:none;}




#tlGall {}
#tlGall .tlgwrap {}
#tlGall .tlgtop {margin: 0 0 15px;}
#tlGall .tlgtop h3 {float: left;font-size: 22px;color: #444;letter-spacing: -1px;line-height: 34px;}
#tlGall .tlgtop .tlgright {float: right;}
#tlGall .tlgtop .tlgright .tlgmore {float: left;}
#tlGall .tlgtop .tlgright .tlgmore a {text-decoration: underline;text-underline-position: under;line-height: 34px;color:#444;}
#tlGall .tlgtop .tlgright .tlgbtn {float: left;margin:0 0 0 10px;}
#tlGall .tlgtop .tlgright .tlgbtn dt {float: left;}
#tlGall .tlgtop .tlgright .tlgbtn dt a {display:block;text-indent:-9999px;display: block;text-indent: -9999px;width: 34px;height: 34px;margin: 0 -1px 0 0;border-radius: 10px 0 0 10px;border: 1px solid #ddd;background: url('/img/icons.png') no-repeat;background-position: -35px -170px;position: relative;margin-top: 0;opacity: 1;top: unset;right: unset;left:unset;}
#tlGall .tlgtop .tlgright .tlgbtn dd {float: left;}
#tlGall .tlgtop .tlgright .tlgbtn dd a {display:block;text-indent:-9999px;display: block;text-indent: -9999px;width: 34px;height: 34px;border-radius: 0 10px 10px 0;border: 1px solid #ddd;background: url('/img/icons.png') no-repeat;background-position: -70px -170px;position: relative;margin-top: 0;opacity: 1;top: unset;right: unset;left:unset;}

#tlGall2 {position:relative;}
#tlGall2 .tlGall2wrap {width:100%;overflow:hidden;height: auto;}
#tlGall2 .tlGall2wrap ul {margin:0 0 0 0;}
#tlGall2 .tlGall2wrap ul li {float:left;width:255px; margin:0 0 0 0;border-radius:10px;border:1px solid rgba(0,0,0,.1);overflow:hidden;}
#tlGall2 .tlGall2wrap ul li a{display:block;}
#tlGall2 .tlg_thumbwrap {width: 255px;position: relative;padding-top: 66.6666666667%;overflow: hidden;background:#fff;}
#tlGall2 .tlg_thumbwrap .tlg_thumb {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: translate(50%, 50%);-ms-transform: translate(50%, 50%);transform: translate(50%, 50%);}
#tlGall2 .tlg_thumbwrap .tlg_thumb img {position: absolute;top: 0;left: 0;max-width: 100%;height: auto;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#tlGall2 .tlg_thumbwrap .tlg_thumb img.landscape {max-height: 100%;height: 100%;max-width: none;}
#tlGall2 .tlg_thumbwrap .tlg_thumb img.portrait {max-width: 100%;width: 100%;max-height: none;}
#tlGall2 .tlg_txtwrap {background:#fff;}
#tlGall2 .tlg_txtwrap .tlg_txt {position:relative;padding:15px;}
#tlGall2 .tlg_txtwrap .tlg_txt span {font-size: 14px;color: #888;font-weight: 400;font-style: normal;letter-spacing: -1px;}
#tlGall2 .tlg_txtwrap .tlg_txt p {font-size: 16px;color: #222;font-weight: 400;letter-spacing: -1px;line-height: 22px;margin: 2px 0 6px;width: 100%;height: 42px;overflow: hidden;}
#tlGall2 .tlg_txtwrap .tlg_txt i {font-size: 13px;color: #ff5a00;margin: 0 1px 0 0;}
#tlGall2 .tlg_txtwrap .tlg_txt em {font-size:13px;font-style: normal;color: #888;margin:0 0 0 2px;}
#tlGall2 .tlg_txtwrap .tlg_txt .tlg_price {letter-spacing: -1px;color: #888;font-size: 15px;font-weight: 400;margin: 8px 0 0;line-height: 100%;}
#tlGall2 .tlg_txtwrap .tlg_txt .tlg_price strong {color:#222;font-weight: 400;}
#tlGall2 .tlGall2wrap ul li.mg_nothing {border:none;background:#efefef;}

.ttplist_list .gm_catewrap {border-bottom:1px solid #ddd;margin:50px 0 30px;}
.ttplist_list .gm_catewrap ol li {float:left;}
.ttplist_list .gm_catewrap ol li:first-child {margin: 0 0 0 25px;}
.ttplist_list .gm_catewrap ol li a {position:relative;display:block;line-height:50px;padding:0 8px;font-size:16px;color:#444;letter-spacing:-1px;}
.ttplist_list .gm_catewrap ol li a:hover {color:#ff5a00;} 
.ttplist_list .gm_catewrap ol li a:after {content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#ff5a00;display:none;}
.ttplist_list .gm_catewrap ol li.on a:after {display:block;}
.ttplist_list .gm_catewrap ol li.on a {color:#ff5a00;} 

.tlg1 {margin:40px 0 0;}

/*item*/

.tit01 {border: 1px solid #ddd;padding: 20px 40px;background: #f3f3f3;}

.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
.bd {display:block; border:none; background:#eaeaea; height:1px;margin:35px 0px; padding:0px; font-size:0px; clear:both;}

.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mt30 {margin-top:30px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.pd0 {padding:0 !important;}
.pd30 {padding:30px !important;}
.pt0 {padding-top:0 !important;}
.pt20 {padding-top:20px !important;}
.pt40 {padding-top:40px !important;}
.pb0 {padding-bottom:0 !important;}
.pb20 {padding-bottom:20px !important;}
.pb40 {padding-bottom:40px !important;}
.pr0 {padding-right:0 !important;}
.pr40 {padding-right:40px !important;}
.pl40 {padding-left:40px !important;}
.pl20 {padding-left:20px !important;}
.pr20 {padding-right:20px !important;}

.op4 {opacity:.4;}

.pott {color:#ff5a00 !important;}
.pottR {font-weight:400 !important;}
.pottM {font-weight:500 !important;}
.pottB {font-weight:600 !important;}

.fs1 {font-size:18px;}


.tbl01 {margin:0 0 15px 0;border-bottom: none;border-top: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.tbl01 th {text-align:center;border-left: 1px solid #e0e0e0;font-weight:700;padding: 10px 5px;color: #333;border-bottom: 1px solid #e0e0e0;font-weight:normal;letter-spacing:-1px;background: #f7f7f7;}
.tbl01 td {text-align:center;border-left: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;vertical-align: middle;padding:8px 10px;font-weight: 300;word-break: break-all;}

#tpp_cnt {width:1200px; margin:0 auto;}
#tpp_cnt .cntWrap {padding: 40px 0 0;}
#tpp_cnt .coLeft {float: left;}
#tpp_cnt .coRight {float: right;}
#tpp_cnt .inner {padding:25px;}

#tpp_cnt .cntFixed {position:fixed;width:375px;right:calc( 50% - 600px );}
#tpp_cnt .cntFixed h3 {font-size: 24px;font-weight: 500;color: #222;letter-spacing: -1px;margin: 0 0 20px;}
#tpp_cnt .cntFixed .cfWrap {background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);border-radius: 10px;}
#tpp_cnt .cntFixed .cfInner {padding:25px;}
#tpp_cnt .cntFixed .cfOption1 {border-radius: 10px;border: 1px solid #ddd;margin: 0 0 10px;}
#tpp_cnt .cntFixed .cfOption1 dl.cfDate {padding: 20px 0;}
#tpp_cnt .cntFixed .cfOption1 dl.cfDate dt {float: left;padding: 0 20px 0 10px;font-size: 15px;color: #888;font-weight: 300;line-height: 100%;}
#tpp_cnt .cntFixed .cfOption1 dl.cfDate dd {font-size: 15px;color: #444;line-height: 100%;}
#tpp_cnt .cntFixed .cfOption1 dl.cfGuest {padding: 20px 0;border-top: 1px solid #ddd;}
#tpp_cnt .cntFixed .cfOption1 dl.cfGuest dt {float: left;padding: 0 20px;font-size: 15px;color: #888;font-weight: 300;line-height: 100%;}
#tpp_cnt .cntFixed .cfOption1 dl.cfGuest dd {font-size: 15px;color: #444;line-height: 100%;}
#tpp_cnt .cntFixed .cfOption2 {border: 1px solid #ddd;border-radius: 10px;padding: 10px;margin: 0 0 10px;}
#tpp_cnt .cntFixed .cfOption2 p {line-height: 30px;font-size: 15px;font-weight: 300;color: #888;margin: 0px;}
#tpp_cnt .cntFixed .cfOption2 ul {}
#tpp_cnt .cntFixed .cfOption2 ul li {font-size: 15px;color: #444;line-height: 24px;}
#tpp_cnt .cntFixed .cfOption2 ul li .coLeft {}
#tpp_cnt .cntFixed .cfOption2 ul li .coRight {}
#tpp_cnt .cntFixed .cfReservation {}
#tpp_cnt .cntFixed .cfReservation .btn-reserve {width:100%;background: #ff5a00;border-radius: 10px;text-align: center;color: #fff;line-height: 50px;font-size: 18px;font-weight: 400;letter-spacing: -1px;cursor: pointer;}
#tpp_cnt .cntFixed .cfReservation p {font-size: 14px;text-align: center;color: #888;line-height: 100%;margin: 10px 0 20px;}
#tpp_cnt .cntFixed .cfResult {}
#tpp_cnt .cntFixed .cfResult ul {}
#tpp_cnt .cntFixed .cfResult ul li {	line-height: 32px;	color: #444;}
#tpp_cnt .cntFixed .cfTotal {line-height: 100%;border-top: 1px solid #ddd;padding: 15px 0 0;margin: 15px 0 0;}
#tpp_cnt .cntFixed .cfTotal dl {}
#tpp_cnt .cntFixed .cfTotal dt {}
#tpp_cnt .cntFixed .cfTotal dd {}

#tpp_cnt .cntContent {float:left;width:780px;padding: 0;font-size: 17px;color: #222;font-weight: 300;word-break: keep-all;line-height: 180%;}
#tpp_cnt .cntContent .ccTit {font-size: 24px;font-weight: 500;color: #222;letter-spacing: -1.5px;}
#tpp_cnt .cntContent .ccTitsub {line-height: 100%;color: #888;font-size: 15px;font-weight: 400;margin: 12px 0 20px;}
#tpp_cnt .cntContent .ccTitsub i {font-size:13px;margin:0 2px 0 0;}
#tpp_cnt .cntContent .ccTitsub i.fa-star {color:#ff5a00;}

#tpp_cnt .cntContent .ccTitsub .tsLeft {float: left;}
#tpp_cnt .cntContent .ccTitsub .tsLeft span {margin: 0 10px 0 0;}
#tpp_cnt .cntContent .ccTitsub .tsLeft strong {font-weight: 400;}
#tpp_cnt .cntContent .ccTitsub .tsRight {float: right;}
#tpp_cnt .cntContent .ccTitsub .tsRight a {color: #888;margin: 0 0 0 10px;}
#tpp_cnt .cntContent .ccSlide {}

.swiper-container {width: 780px;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;border-radius:10px;}
.gallery-top {height: 520px;width: 100%;border-radius:10px;}
.gallery-thumbs {height: 87px;box-sizing: border-box;padding: 10px 0;margin-top:10px !important;}
.gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: .5;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}



#tpp_cnt .cntContent h4 {font-size: 24px;color: #222;font-weight: 500;letter-spacing: -1px;line-height: 100%;margin: 60px 0 15px;}

#ccCate {}
#ccCate .ccCate_innerwrap {}
#ccCate .ccCate_innerwrap {border-bottom:1px solid #ddd;margin: 30px 0 20px;}
#ccCate .ccCate_innerwrap ol li {float:left;}
#ccCate .ccCate_innerwrap ol li:first-child {margin: 0 0 0 0;}
#ccCate .ccCate_innerwrap ol li a {position:relative;display:block;line-height:50px;padding:0 24px;font-size:16px;color:#444;letter-spacing:-1px;font-weight:400;}
#ccCate .ccCate_innerwrap ol li a:hover {color:#ff5a00;} 
#ccCate .ccCate_innerwrap ol li a:after {content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#ff5a00;display:none;}
#ccCate .ccCate_innerwrap ol li.on a:after {display:block;}
#ccCate .ccCate_innerwrap ol li.on a {color:#ff5a00;} 

#ccRoom {}
#ccRoom dl {position:relative;}
#ccRoom dl dt {border-radius: 10px;border: 1px solid #ff5a00;min-height:440px;}
#ccRoom dl dd {}
#ccRoom a.title {display: block;position:relative;line-height: 55px;color: #ff5a00;font-size: 16px;letter-spacing: -1px;padding: 0 0 0 60px;font-weight:400;}
#ccRoom dl > dt > a > span {position:absolute;background: url('/img/icons.png') no-repeat;width:20px;height:20px;left: 25px;top: 50%;transform: translate(0, -50%);background-position: -39px -26px;}
#ccRoom dl > dd > a > span {position:absolute;background: url('/img/icons.png') no-repeat;width:22px;height:19px;left: 25px;top: 50%;transform: translate(0, -50%);background-position: -60px -26px;}
#ccRoom .slt {background: #fff;;border-radius: 10px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);z-index:1;}
#ccRoom .selectD {position: absolute;left: 0;top: 57px;width: 100%;}
#ccRoom .selectP {position: absolute;right: 0;top: 57px;width: 49%;}
#ccRoom .selectP dl.adult {line-height: 100%;}
#ccRoom .selectP dl.adult dt {font-weight: 400;margin: 20px 0 30px;width: 70%;}
#ccRoom .selectP dl.adult dd {width: 30%;text-align: center;line-height: 100%;margin: 20px 0 30px;position: relative;}
#ccRoom .selectP dl.children {line-height: 100%;border-top: 1px solid #ddd;}
#ccRoom .selectP dl.children dt {font-weight: 400;margin: 30px 0 20px;width: 70%;}
#ccRoom .selectP dl.children dd {width: 30%;text-align: center;line-height: 100%;margin: 30px 0 20px;position: relative;}
#ccRoom .selectP .slt_numbtn {}
#ccRoom .selectP .slt_plus {width: 30px;height: 30px;border-radius: 15px;border: 1px solid #ddd;background: url(/img/icons.png) no-repeat;background-position: -150px -61px;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);}
#ccRoom .selectP .minus {width: 30px;height: 30px;border-radius: 15px;border: 1px solid #ddd;background: url(/img/icons.png) no-repeat;background-position: -181px -61px;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);}

#ccRoom .datepickerbox {position:relative;padding:10px;}
#ccRoom .datepickerbox .ui-datepicker {width:100% !important;}
#ccRoom .datepickerbox .ui-state-highlight, #ccRoom .datepickerbox .ui-widget-content .ui-state-highlight, #ccRoom .datepickerbox .ui-widget-header .ui-state-highlight {border:0px;}



#ccRoom ul {}
#ccRoom ul li {line-height: 55px;border-radius: 10px;border: 1px solid #ddd;padding: 0 25px;margin: 15px 0 0;font-size: 16px;color: #444;letter-spacing: -1px;font-weight:400;}
#ccRoom ul li > div {}
#ccRoom ul li > div.crLeft {float: left;width: 44%;text-align: left;}
#ccRoom ul li > div.crRight {float: right;}

#ccRoom ul li > div.crRight .crSelect {font-size: 14px;color: #333;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 300px;border: none;border-bottom: 1px solid #ddd;position: relative;line-height: 25px;width: 85px;border: 1px solid #ddd;padding: 0 10px;background: url(/img/icons.png) no-repeat;background-position: -118px -152px;}

#ccIntro {}
#ccIntro .tmpinfo {background: #f0ede5;font-size: 16px;margin: -8px 0 0;border-top: 1px solid rgba(0,0,0,.1);}
#ccIntro .tmpinfo dl {padding: 20px 30px;}
#ccIntro .tmpinfo dt {float: left;width: 100px;font-size: 18px;font-weight: 500;letter-spacing: -1px;}
#ccIntro .tmpinfo dd {float: right;width: 600px;line-height: 160%;}
#ccIntro .tmpinfo strong {display: block;font-size: 14px;font-weight: 600;line-height: 100%;margin: 5px 0 5px;}
#ccIntro .tmpinfo em {font-style: normal;font-size: 14px;font-weight: 600;margin: 0 10px 0 0;}

#ccProgram h5 {font-size: 19px;font-weight: 500;letter-spacing: -1px;padding: 0px 0 0 12px;position: relative;line-height: 100%;margin: 35px 0 10px;}

#ccProgram h5:after{content:'';position: absolute;left: 0;top: 2px;width: 4px;height: 17px;background: #ff5a00;}

#ccProgram .cpIntro {font-weight: 400;}
#ccProgram .cpDay1 {}
#ccProgram .cpDay2 {}
#ccProgram .cpPre1 {}
#ccProgram .cpPre2 {}
#ccProgram .cpRefund {}
#ccReview {}
#ccCs {}