/* Common  */


.body_detail {margin: 0; width:100%; position: relative; z-index: 0; padding: 0;}

.bg-g { background-color: rgba(60, 83, 107, 1);　position: relative; z-index: -9999; margin-top:0;}

.bg-cover {}

.outer {margin: 0; width:100%; display: block;pointer-events: auto; box-sizing: border-box; }
.outer_n {margin: 0; width:100%; display: block;pointer-events: auto; box-sizing: border-box;}


.body_inner h1 {font-family: 'Sawarabi Mincho', sans-serif; text-align: center;}


.upper  {vertical-align: super; font-size: 0.6em; margin-right: 5px;}
.slider { width: 100%; background-color: #fff;background-position: center top;background-repeat: no-repeat;position: relative;overflow: hidden;
 -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin:0;background-attachment: fixed;}

#slider {height:100%; width:100%; }
#slider div {padding: 20px; box-sizing: border-box; background-size: contain;}

.title_back {content: '';background-color: rgba(255, 255, 255, 0.10); background-image: radial-gradient(#000000 10%, transparent 30%), radial-gradient(#000000 10%, transparent 30%);
background-position: 0 0, 2px 2px; background-size: 4px 4px;position: absolute;top: 0;left: 0;width:100%;height:100%;z-index:-1;}

.page_title_box {position:absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; display: block; }

.page_title_box h1 {font-family: 'Nanum Myeongjo', serif; font-weight:400;color:#fff; }
.page_title_box p {font-family: 'Sawarabi Mincho', serif; color:#fff; font-weight:600;}

.cabin_photo {weight: 100%; height: auto; padding: 20px 0}
.feature_word {weight: 100%; height: auto; padding: 20px 0}

.c-in-cell { display:block; width:100%;height: 100%; position:relative; background-color: red;}
.c-in-cell p { position:absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; display: block;
  font-size:20px; font-weight:bold; color:#fff;  width:100%; height:auto;text-align: center;z-index: 100;  pointer-events: none;}

.f-in-cell { display:block; width:100%;height: 100%; position:relative; line-height: 40px; color:#fff; font-family: 'Sawarabi Mincho', serif; }

.f-in-cell h1, .f-in-cell p { position:absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; display: block;
  box-sizing: border-box; height:auto; z-index: 100; }

.cell_cover {width:100%; height: 100%; margin:0; background: #000;opacity: 0.5;}
.cell_cover:hover { opacity: 0;  }
.cabin-cell img { display:block;}
.flickity-cell img { display:block;}

.flickity-page-dots .dot { width: 15px; height: 15px; opacity: 0.5; background: transparent; border: 1px solid white;background: black; }
.flickity-page-dots .dot.is-selected { background: white; }
.flickity-page-dots .dot{margin:0 4px;}

.flickity-prev-next-button { width: 60px; height: 60px; background: transparent; color:white; }
.flickity-prev-next-button:hover { background: transparent;}

.cabin_1  { background: url(image/feature/ft1.jpg); background-size:100% 100%;}
.cabin_3  { background: url(image/feature/ft3.jpg); background-size:100% 100%;}

.body_inner h1 {color: #fff;}
.lineup-box h2, .lineup-box h3 {color: #fff;}
.lineup-box2 h2, .lineup-box2 h3 {color: #fff;}

section .rental {
	font-size: 1.5rem;
	padding: 0.5rem;
	background: #fff;
}

.btnb {border: none; border-radius: 2px;  position:relative; background-color: #A18553; color:#fff; display: inline-block;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
-webkit-tap-highlight-color: transparent; transition: .3s ease-out;}
.btnb {width:35%;}
.btnb { margin-left: 0%;}
.btnb:hover,
.btnb:focus {cursor: pointer; text-decoration: none;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.12), 0 3px 20px 0 rgba(0,0,0,0.12), 0 5px 6px -2px rgba(0,0,0,0.2); }
.btnb span {line-height: 30px;text-align: center;width:100%;margin:0;padding:0;display: inline-block;}

.terms { display: block; min-width: 400px; max-width: 900px; margin: 50px auto; background-color: #fff; padding: 0 0 10px 0;
border-radius: 0px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);box-shadow: 1px 1px 2px rgba(0,0,0,0.4);}
.terms h4 { font-size: 18px; padding: 15px 0 ; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #778657; color: #778657;}
.terms h5 { font-size: 18px; padding: 0 ; margin: 24px 22px 20px 22px; }
.terms p { font-size: 14px; margin: 10px 22px;　color: #656565; line-height: 20px;}

.questionanswer h2 { font-size: 2.1em; line-height: 1.0em; font-weight: normal; font-style: italic; letter-spacing: 0.05em; color: #778657; text-align: center; margin: 10px auto 40px auto;}
.questionanswer h3 { font-size: 1.45em; }
.questionanswer p { display: block; font-size: 1.4em; line-height: 1.4em; color: #656565; margin: 25px 0; }
.questionanswer a { color: #1565ba; text-decoration: none; }
.questionanswer a:hover { text-decoration: underline; }

#qna { display: block; min-width: 400px; max-width: 900px; margin: 50px auto; background-color: rgba(255,255,255,0.8); padding: 20px 10px;
border-radius: 4px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);box-shadow: 1px 1px 2px rgba(0,0,0,0.4);}

/* question containers */
.question { display: block; max-width: 100%; margin: 0 20px 15px 20px; padding-bottom:13px; text-align: left; box-sizing: border-box; border-bottom:2px #fff solid;}

.qhead { margin-bottom: 3px; }
.qhead a:hover { text-decoration: none; color: #428ddc; border-bottom: 4px solid #c4d3ee; }

.answer { display: none; }

.cr0 {color: #a01111; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff,-1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff,  0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff; }
.cr1 {text-shadow: 1px 1px 0 #a01111, -1px -1px 0 #a01111,-1px 1px 0 #a01111, 1px -1px 0 #a01111, 0px 1px 0 #a01111,  0 -1px 0 #a01111, -1px 0 0 #a01111, 1px 0 0 #a01111; margin-left: 2px; margin-right: 2px;}

.text-move {display: inline-block;animation: move 3.5s ease both;}

.cabin_top {padding: 30px 0;}
.cabin_top p {font-family: 'Sawarabi Mincho', serif; width: 100%; text-align: center; color: #fff;}

.cabin_top .tokkyo {margin-top:-50px;}

.page-h-move span{opacity: 0;}
.page-h-move.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on { 0% {opacity:0;} 100% {opacity:1;} }

.page_house_box {position:absolute; top: 50%; left: 55%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; display: block; z-index: -2;}
.page_house_box_inner {background: url(image/logo/Tiny_House-TM.png); background-size:100% 100%; opacity: 0.5;}
@keyframes move {from {opacity: 0;transform: translate3d(0, -30px, 0);} to { opacity: 1;transform: none;}}


/* CSS For Ikamper Common */

img.pittinnlogo  { display:block; margin:0 auto 40px auto;}

.video_top   { width: 100%; text-align: center;}
video  { height : auto ; width: 100%; margin: 0 auto 30px auto;}

.lineup-box {width:100%; text-align: center;}
.lineup-box h2 {font-family: 'Sawarabi Mincho', sans-serif; font-weight: 600;}
.lineup-box h3 {font-weight: 400; }

.lineup-box2 {width:100%; }
.lineup-box2 h2 {font-family: 'Sawarabi Mincho', sans-serif; font-weight: 600;}
.lineup-box2 h3 {font-weight: 400; }
.lineup-box2 .money {font-weight: 400; }

.toilet_slider {margin-bottom: 50px;}

.typec-box {margin-top: 50px;}
.typec_slider {margin-bottom: 50px;}

.typea_image {margin: 0 0; width:100%; position: relative; display: block; background: url(image/product/a1.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.typeb_image {margin: 0 0; width:100%; position: relative; display: block; background: url(image/product/b1.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.typec_image {margin: 0 0; width:100%; position: relative; display: block; background: url(image/product/c1.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.typed_image {margin: 0 0; width:100%; position: relative; display: block; background: url(image/product/d1.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}

.feel_the_season_image {margin: 20px 0; width:100%; position: relative; display: block; background: url(image/product/IMG_91022.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.small_but_convenient_image {margin: 20px 0; width:100%; position: relative; display: block; background: url(image/feature/ft1.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.mobility_and_versatility_image {margin: 20px 0; width:100%; position: relative; display: block; background: url(image/feature/ft3.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.free_installation_location_image {margin: 20px 0; width:100%; position: relative; display: block; background: url(image/feature/IMG_9073.JPG);background-size: contain;background-size:100% 100%; z-index: 1;}
.familiar_image {margin: 20px 0; width:100%; position: relative; display: block; background: url(image/bg/index_2-min.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.advantages_of_trailer_houses_image1 {margin: 20px 0; width:100%; position: relative; display: block; background: url(image/advantages/advantages1.JPG);background-size: contain;background-size:100% 100%; z-index: 1;}
.advantages_of_trailer_houses_image2 {margin: 20px 0; width:100%; position: relative; display: block; background: url(image/advantages/advantages2.png);background-size: contain;background-size:100% 100%; z-index: 1;}
.advantages_of_trailer_houses_image3 {margin: 20px 0; width:100%; position: relative; display: block; background: url(image/advantages/advantages3.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.advantages_of_trailer_houses_image4 {margin: 20px 0; width:100%; position: relative; display: block; background: url(image/advantages/advantages4.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}

.product_diy_image_1 {width:100%; position: relative; display: block; background: url(/cabin/product/image/diy/diy1.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_diy_image_2 {width:100%; position: relative; display: block; background: url(/cabin/product/image/diy/diy2.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_diy_image_3 {width:100%; position: relative; display: block; background: url(/cabin/product/image/diy/diy3.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_diy_image_4 {width:100%; position: relative; display: block; background: url(/cabin/product/image/diy/diy4.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_skeleton_image_1 {margin: 20px 0; width:100%; position: relative; display: block; background: url(/cabin/product/image/skeleton/s1.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_skeleton_image_2 {margin: 20px 0; width:100%; position: relative; display: block; background: url(/cabin/product/image/skeleton/s2.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_skeleton_image_3 {margin: 20px 0; width:100%; position: relative; display: block; background: url(/cabin/product/image/skeleton/s3.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_skeleton_image_4 {margin: 20px 0; width:100%; position: relative; display: block; background: url(/cabin/product/image/skeleton/s4.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_apartment_image_1 {margin: 20px 0; width:100%; position: relative; display: block; background: url(/cabin/product/image/apartment/a1.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_apartment_image_2 {margin: 20px 0; width:100%; position: relative; display: block; background: url(/cabin/product/image/apartment/a2.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_apartment_image_3 {margin: 20px 0; width:100%; position: relative; display: block; background: url(/cabin/product/image/apartment/a3.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}
.product_apartment_image_4 {margin: 20px 0; width:100%; position: relative; display: block; background: url(/cabin/product/image/apartment/a4.jpg);background-size: contain;background-size:100% 100%; z-index: 1;}

.typea_image:before, 
.typeb_image:before, 
.typec_image:before, 
.typed_image:before, 
.feel_the_season_image:before, 
.small_but_convenient_image:before, 
.mobility_and_versatility_image:before, 
.free_installation_location_image:before,
.familiar_image:before,
.advantages_of_trailer_houses_image1:before, 
.advantages_of_trailer_houses_image2:before, 
.advantages_of_trailer_houses_image3:before,
.advantages_of_trailer_houses_image4:before,
.product_diy_image_1:before,
.product_diy_image_2:before,
.product_diy_image_3:before,
.product_diy_image_4:before,
.product_skeleton_image_1:before,
.product_skeleton_image_2:before,
.product_skeleton_image_3:before,
.product_skeleton_image_4:before,
.product_apartment_image_1:before,
.product_apartment_image_2:before,
.product_apartment_image_3:before,
.product_apartment_image_4:before
 {content: ""; display: block; padding-top: 60%; }

.explain_title {
	background: #fff;
	padding: 5px 0;
}
.explain_title > h3 {
	color: #000;
}

.see_more_btn{display:block;font-size:1.5rem;position:relative;width: 250px; height: 30px;text-align:left;line-height:60px;}
.see_more_btn a {
	color: #193892;
	font-weight: bold;
}
.see_more_btn a:after{content:"";background-image:url('../cabin_files/arrow_right3.png');background-repeat:no-repeat;background-size:contain;transition:-webkit-transform .23s ease-in-out;transition:transform .23s ease-in-out;transition:transform .23s ease-in-out,-webkit-transform .23s ease-in-out;width:100px;height:15px;margin-left:14px;display:inline-block}
.see_more_btn a:hover:after{-webkit-transform:translateX(12px);transform:translateX(12px)}


.cabin_image_inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

.ik_contact { margin: 40px auto;padding: 0; display: block; height:auto; color:#fff;}
.ik_contact .tp { width: 100%; margin:0 auto; background: #714e30;}
.ik_contact .bt, .ik_contact .wt { width: 100%; height:100px; margin:0 auto; background: #ee4037; font-weight: bold;}
.ik_contact .bt { background: #ee4037;}
.ik_contact .wt { background: #3b4f94;}
.ik_contact .bt a, .ik_contact .wt a { color:#fff; text-decoration: underline;}

.spec-outer { max-width: 1000px; margin:0 auto;padding: 0; display: block; height:auto;}

.spec-box .spec { background: #000; color: #fff; }
.spec-box .spec h2 {font-size:30px; margin-bottom: 25px;}
.spec-box .spec p { font-size:16px; line-height: 27px; margin-bottom: 5px; }
.spec-box .spec-left {left: 0;}
.spec-box .spec-right {right: 0;}

.detail { }

.detail-box {width:100%; padding:0; }
.detail-box .detail p { font-weight:bold; width: 100% ; border-top: solid 1px #aaa ; margin:0;padding: 8px 10px;}
.detail-box .detail p.last {border-bottom: solid 1px #aaa ;  }
.detail-box .detail p.odd  {background: #eee ; }
.detail-box .detail p.even  {background: #fff ; }

.pend {font-size: 30px; font-weight:bold; color:#fff; margin-bottom:8px;}

.service-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}

.service-item-a {
    color: #323232;
    text-decoration: none;
}
.p-service__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    font-weight: 700;
    width: 100%;
}
.p-service__label2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    font-size: 90%;
    width: 100%;
}

.service-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    width: calc(33.3333333333% - 1.35rem);
    border-bottom: 0.1rem solid gray;
	width: 320px;
}

.lightbox-overlay {
  /* 初期状態では非表示 */
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s; /* フェードイン・アウトのアニメーション */

  /* オーバーレイの基本スタイル */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); /* 半透明の背景 */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/* :target擬似クラスで表示状態を切り替える */
.lightbox-overlay:target {
  visibility: visible;
  opacity: 1;
}

.lightbox-content {
  max-width: 90%;
  max-height: 90%;
  overflow: auto; /* 画像がはみ出す場合にスクロール */
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  transform: scale(0.8); /* ポップアップ時の初期サイズ */
  transition: transform 0.3s ease-out;
}

.lightbox-overlay:target .lightbox-content {
  transform: scale(1); /* ポップアップ時に元のサイズに */
}

.lightbox-content img {
  display: block; /* 余白をなくす */
  max-width: 100%;
  height: auto;
}

.lightbox-close {
  position: absolute;
  top: 15px;
  right: 25px;
  color: #fff;
  font-size: 40px;
  text-decoration: none;
  line-height: 1;
  z-index: 1001; /* 画像より手前に表示 */
}

.lightbox-close:hover {
  color: #ccc;
}

/* オーバーレイクリックで閉じるための設定 (HTMLのa href="#_") */
.lightbox-overlay .lightbox-close-area { /* オーバーレイ全体をクリックで閉じるための要素を別途用意する場合 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

@media screen and (min-width:769px) {

.slider  {height: calc(100vh - 210px); }
.slider > video { position: relative; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}

.checkinput > p {background: #a18553;}

.cp_btn {
	width: 100px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	color: #000;
	border: 2px solid #E08833;
	background: #FBE208;
	border-radius: 3px;
	transition: .4s;
	cursor:pointer;
}

.cp_btn:hover {
	background: #FBE208;
	color: #ff0000;
}

.page_title_box {width:90%;}
.page_title_box h1 {font-size:70px;text-shadow:4px 4px 3px rgba(0,0,0,0.7);margin-top:0;}
.page_title_box p {font-size:45px; margin-top:10px; line-height: 50px;}

.page_house_box_inner { width: 500px; height: 280px; }

.cabin-carousel {max-width: 100%; margin: 0 auto; width: 100%; height: 360px; padding: 0px 0 30px 0; }
.feature-carousel {max-width: 100%; margin: 0 auto; width: 100%; height: 360px; padding: 0px 0 30px 0; }

.cabin_photo_center{display:flex; justify-content: center; }

.f-in-cell h1 { top: 10%; font-size:40px; text-align: center; width:100%; }
.f-in-cell p { top: 50%; line-height: 45px; font-size:30px; padding:0 100px ;  text-align: left; width:80%; }

.cabin-cell { width: 620px;height: 360px;  margin-right: 20px; }

.flickity-cell { width: 100%;height: 360px;  margin-right: 20px; }
.flickity-page-dots { bottom: 20px;}

.btnb {border: none; border-radius: 2px;  position:relative; background-color: #A18553; color:#fff; display: inline-block;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
-webkit-tap-highlight-color: transparent; transition: .3s ease-out;}
.btnb {width:50%;}
.btnb { margin-left: 0%;}
.btnb:hover,
.btnb:focus {cursor: pointer; text-decoration: none;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.12), 0 3px 20px 0 rgba(0,0,0,0.12), 0 5px 6px -2px rgba(0,0,0,0.2); }
.btnb span {line-height: 30px;text-align: center;width:100%;margin:0;padding:0;display: inline-block;}

.outer {padding: 40px 0;  }
.outer_n {padding: 0 0 0 0; }

img.top_logo {display:block;position:absolute;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);left:0;}

#mb_menu { display : none;}

.top_header       {height: 125px;}
.top_header_box   {max-width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.top_tel, .top_mail { display : none;}

/* Menu  */

.body_inner {margin: 0 auto; max-width:1200px; padding: 0 10px; text-align: left; box-sizing: border-box;}
.top_inner {margin: 0 auto; max-width:1200px; padding: 0; text-align: left;}

.body_inner h1 {font-size: 180px; margin: 60px auto; }

.sp20 { margin-top: 20px; }

.l_mb {display: none; }

.section_access { width: 100%; height: auto; padding:50px 0 20px 0 ; margin:0;text-align:center;}
.jp_map { width: 100%; height: 800px; position:relative;}

.cover {position:relative;background:#a18533;height: 810px;padding:0 0 10px 0;}
.map_info {position:absolute;bottom:50px;right:60px;font-weight:400;letter-spacing: 0.05em;
background-color:#fff;border-radius:10px;width: auto; height:auto;padding: 30px;text-align:center;}

.map_access  {line-height:1.5;font-size:1.2rem;margin-top:15px;text-align:left; }
.map_access a { color: #333; text-decoration:none;}
.map_access i  {line-height:1.5;font-size:1.0rem;padding:0;margin:0; }

.map_hour {line-height:1.5;font-size:1.2rem;margin-top:15px;text-align:left;}

.google_btn{margin:20px 0 0 0;display:block;background-color:#999691;font-size:1.3rem;color:#fff;border-radius:3px;position:relative;
width: 250px; height: 60px;text-align:left;line-height:60px;}
.google_btn a { color: #fff; text-decoration:none;position:absolute;top:0;right:0;width:100%;height:100%;text-align:center;}
.google_btn a:hover {background-color:#444; border-radius:3px;}

.google_btn a:hover:after{-webkit-transform:translateX(12px);transform:translateX(12px)}

.cont_wrap      {margin:0; padding:0; width:100%; overflow: hidden; background: #a18553 ; background-position: 82% 50px; }
.cont_inner     {max-width:1430px; height:300px; margin:0 auto; position: relative;}
.cont_inner div {}

.left_box     {height:300px; padding:0; position: absolute; top:0; left: 50px; text-align: left; width: 300px; }
.fTel         {height:300px; padding:0; position: absolute; top:0; left: 38%; text-align: left; width: auto; }
.btn_wrap     {height:300px; padding:0; position: absolute; top:0; right:40px; }

.c_out  {display: table;}
.c_in   {display: table-cell; vertical-align: middle;}

.left_box h3  { font-size: 70px; color: #fff; }
.left_box p   { margin: 15px 0 0 2px; font-size: 20px; line-height: 22px; color: #fff;}

.fTel a {color:#FFF; font-weight:bold;letter-spacing: 3px; font-size:42px;text-decoration: none;line-height:50px;margin: 0; display:inline-block;}
.fTel a:hover {text-decoration:none;}

.op_hours {margin-top: 1px; display:block;background:#fff;width:auto;padding:6px 8px 4px 8px;border-radius:6px;letter-spacing: 0.05em;}
.op_hours i {color:#a18553;margin-right:5px;}
.mb_address {display:none;}

.fa-inverse {color:#a18553;font-size:1.0rem;}
.fa-stack{position:relative;display:inline-block;vertical-align:middle;margin-bottom:18px;}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}

.btn_outer {width:240px;}
.btn_outer p {text-align: center;}
.btn_outer i {margin-right:10px;}

.enquiry_btn { position:relative; display: inline-block;width:240px;height:50px; line-height:50px;box-sizing: border-box;border: 1px solid #a18553;
color: #a18553;font-weight:bold; text-align: center;background: #fff; border-radius:30px; text-decoration: none; transition: .3s;}

.enquiry_btn:hover {color: #fff; background: #a18553; border: 1px solid #fff; border-radius: 30px;}
.enquiry_btn:hover { transform: scale(1.2,1.2); }

/* CSS Fro Ikamper */

img.pittinnlogo  {  width: 450px; height: auto; }


.lineup-outer {display: flex;	flex-wrap: nowrap;justify-content: space-between; padding: 0 0 0 0;}
.lineup-box {width:48.5%; }
.lineup-box h2 {font-size:25px; margin-bottom:15px;}
.lineup-box h3 {bottom:15px 0 ; font-size:20px;}
.lineup-box p {font-size:15px; line-height:20px; }

.lineup-outer2 {  position: relative;
  right: 0;
  left: 10%;
  margin: 0 auto; }
.lineup-box2 {width:80%; }
.lineup-box2 h2 {font-size:25px; margin-bottom:15px;}
.lineup-box2 h3 {bottom:15px 0 ; font-size:20px;}
.lineup-box2 p {font-size:15px; line-height:20px; }

.lineup-box2 .money1 {
	position: relative;
	bottom: 247px;
	left: calc(80% - 145px);
}

.lineup-box2 .money1_box {
	margin-top:-40px;
}

.lineup-box2 .money2_box {
	margin-top:-150px;
}

.lineup-box2 .money2 {
	position: relative;
	bottom: 247px;
	left: calc(80% - 446px);
}

.lineup-box2 .money3_box {
	margin-top:-150px;
}

.lineup-box2 .money3 {
	position: relative;
	bottom: 247px;
	left: calc(80% - 446px);
}

.lineup-box2 .money4_box {
	margin-top:-150px;
}

.lineup-box2 .money4 {
	position: relative;
	bottom: 247px;
	left: calc(80% - 429px);
}

.lineup-box2 .money5 {
	position: relative;
	bottom: 135px;
	left: calc(80% - 145px);
}

.lineup-box2 .money {
	position: relative;
	padding: 20px 30px;
	background: #fff;
	z-index: 5;
}
.lineup-box2 .money, .amount {
	cursor: pointer;
}
.lineup-box2 .money span {
	display: block;
}
.lineup-box2 .money .money_title{
	font-family: "Sawarabi Gothic", serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5rem;
	margin-bottom: 5px;
    padding: .1em .2em;
    border-left: 5px solid #2589d0;
    background-color: #fff;
    color: #333333;
}
.lineup-box2 .money .money_contents{
	font-size: 1.1rem;
	font-family: "Sawarabi Gothic", serif;
	font-weight: 100;
	font-style: normal;
}

.lineup-box2 .money .amount{
	font-size: 2rem;
	font-family: "Sawarabi Gothic", serif;
	font-weight: 700;
	font-style: normal;
	color: #193892;
}

.lineup-box2 .title {
	font-size: 60px;
	color: #000
}

.money_title_heading {
    padding: .5em .7em;
    border-left: 5px solid #3c536b;
    background-color: #f2f2f2;
    color: #333333;
}

.money_box_decoration{
  background: #fff;
  display: inline-block;
  box-shadow: 0 0 2rem 0 rgba(0,0,0,0.6);
}

.detail-box {margin-top: 1px; }
.detail-box .detail p {font-size:13px; line-height:20px; }

.ik_contact { max-width: 650px;}
.ik_contact .tp { height:100px; font-size: 23px ; line-height: 100px; padding: 0 40px; }
.ik_contact .bt, .ik_contact .wt { font-size: 30px ; line-height: 100px; padding: 0 40px; }

.spec-outer { margin-top: 130px ;}
.spec-box { margin:20px 0; position: relative; height: 500px; padding: 0 20px ; box-sizing: border-box;}
.spec-box img { height: 500px; width:680px; position:absolute; top:0; }
.spec-box img.imgr { right:0;}
.spec-box .spec { height: 400px; width:420px; padding:60px; border-radius: 2px;
position:absolute; top: 50%; transform: translateY(-50%) ;  -webkit- transform: translateY(-50%);z-index: 1; }
.spec-box .spec h2 {font-size:35px; margin-bottom: 25px;}
.spec-box .spec p { font-size:16px; line-height: 27px; margin-bottom: 5px; }
.spec-box .spec-left {left: 0;}
.spec-box .spec-right {right: 0;}

.plineup {text-align: center;background: #bea15d; padding: 50px 0 ; box-sizing: border-box;}
.plineup_inner { max-width:1000px;  display: flex; justify-content: space-between; margin: 0 auto; }
.plineup_inner img { height: auto; width:140px; }

.map_info h2 {font-size:40px;font-weight:400; letter-spacing: 1px;text-align:left;line-height:40px;
background-repeat: no-repeat; padding: 0 0 0 50px; margin:0 0 0 -5px;}

.google_btn a:after{content:"";background-image:url('../cabin_files/arrow_right.png');background-repeat:no-repeat;background-size:contain;transition:-webkit-transform .23s ease-in-out;transition:transform .23s ease-in-out;transition:transform .23s ease-in-out,-webkit-transform .23s ease-in-out;width:58px;height:15px;margin-left:14px;display:inline-block}

#cal_lbl { margin:0;list-style: none;color: #fff;line-height:24px;}
.br-sp { display:none; }

.mb { display:none; }

}

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

.body_detail  {background: #fdfec2;}
.bg-w {background: #fff;}

.slider  {height: 216px; }
.slider > video { position: relative; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}

.page_title_box {width:90%;}
.page_title_box h1 {font-size:40px;}
.page_title_box p {font-size:25px;margin-top:20px;}
.page_house_box_inner { width: 320px; height: 180px; }

.cabin_top h1 { margin-bottom : 50px ; }
.cabin_photo { margin: -50px 0 -25px 0;}

.cabin-carousel {width: 100%; margin: 0 auto; height:400px; padding: 20px 0; }
.cabin-cell { height:360px; text-align: center; width:100%; }
.flickity-cell { height:100%; text-align: center; width:100%; }
.f-in-cell p { text-align: left;}

.flickity-page-dots { bottom: 10px;}
.feature-carousel {max-width: 100%; margin: 0 auto; width: 100%; height: 360px; padding: 0px 0 30px 0; }

.btnb {border: none; border-radius: 2px;  position:relative; background-color: #A18553; color:#fff; display: inline-block;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
-webkit-tap-highlight-color: transparent; transition: .3s ease-out;}
.btnb {width:50%;}
.btnb { margin-left: 0%;}
.btnb:hover,
.btnb:focus {cursor: pointer; text-decoration: none;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.12), 0 3px 20px 0 rgba(0,0,0,0.12), 0 5px 6px -2px rgba(0,0,0,0.2); }
.btnb span {line-height: 30px;text-align: center;width:100%;margin:0;padding:0;display: inline-block;}

.outer {padding: 0; }
.outer_n {padding: 0; }

.body_inner {margin: 0; width:100%; text-align: left; padding: 0 10px; box-sizing: border-box;}
.top_inner  {margin: 0; width:100%; text-align: left; padding: 0 0 50px 0; }

.body_inner p, .top_inner p {font-size: max(2.8vw, 15px); line-height: 1.8; margin: 0 8px ;}

.section_access { width: 100%; height: auto; padding: 0 ; margin-bottom:0; text-align:center;}
.jp_map { width: 100%; height: 300px; position:relative; margin:0;}

.left_box { padding: 20px 0 0 0; }
.left_box h3  { font-size: 50px; margin-bottom: 20px; color: #fff;}
.left_box p   { margin: 0 10px 20px 10px; font-size: 15px; line-height: 17px; color: #fff;}

.cover {background:#a18553;margin:0; padding: 0 0 1px 0; height:400px;}
.map_info, .logo_box {display:none;}

.cont_wrap{background:#a18553;margin-top:-17px;}
.section_cont {width:100%;padding:0 8px 30px 8px;background:#a18553;box-sizing: border-box;}
.cont_inner {max-width:100%;text-align:center;}

.cont_inner .fTel {width:100%;height:auto;text-align:center;}
.cont_inner .fTel a {color:#FFF; font-weight:bold;font-size:2.0rem;letter-spacing:0.1em;margin-left:7px;text-decoration: none;line-height:50px;display:inline-block;}

.cont_inner .op_hours {display:block;background:#fff;width:330px;padding:6px 0 4px 0;margin:0 auto;border-radius:6px;letter-spacing: 0.05em;font-size:0.9rem;}
.cont_inner .op_hours i {color:#003360;margin-right:5px;}

.cont_inner .fDl {margin-top:18px;text-align:center;width:100%;color:#FFF;line-height:1.5;
font-weight:400;letter-spacing: 0.05em;font-size:1.2rem;}

.fa-inverse {color:#a18553;font-size:1.0rem;}
.fa-stack{position:relative;display:inline-block;vertical-align:middle;margin-bottom:18px;}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}

.cont_inner { margin-top: 20px; width: 100%; padding: 0; text-align:center;}
.btn_wrap { margin: 35px 0 0 0; width: 100%; padding: 0; text-align:center;}

.btn_wrap p {text-align:center;}
.btn_wrap i {margin-right:10px;}

.enquiry_btn { display: inline-block;width:240px;height:50px;line-height:50px;box-sizing: border-box;border: 2px solid #a18553;;
color: #a18553;; font-weight:bold; text-align: center;background: #fff; border-radius:2px; text-decoration: none; }
.enquiry_btn a { color: #a18553;; }

.l_mb { width: 30px; height: 1px; margin:0 auto 25px auto; background:#fff ;}

.mb_address    { margin-top: 30px; padding:20px 0 10px 0; color: #fff; border-top: 1px solid #fff;}
.mb_address h4 { letter-spacing: 5px; text-transform: uppercase;margin: 0; font-size: 20px; font-weight: 400; margin-bottom: 20px}
.mb_address p  { letter-spacing: 0.05em; font-size: 17px; line-height: 1.2; margin-bottom: 15px; font-weight: 400; }

/* CSS Fro Ikamper */


.spec-box {margin:0}
.spec-box img { width:100%; }
.spec-box .spec { width: 100%; padding:30px; margin-top:-3px;}

img.pittinnlogo  { width: 80%; height: auto; margin-bottom: -250px;}

.cabin_photo_center {display: block; padding:0 ; }

.lineup-outer {display: block; padding:0 ; }
.lineup-box {width:100%; margin-bottom:40px; padding-top: 30px; position:relative; }
.lineup-box h2 {position: absolute; top:0; left:0; font-size: 26px; }
.lineup-box h3 {font-size: 20px; margin:15px 0;}
.lineup-box p {font-size: max(2.8vw, 15px); line-height: 2;}


.lineup-box2 {width:99%; }
.lineup-box2 h2 {font-size:25px; margin-bottom:15px;}
.lineup-box2 h3 {bottom:15px 0 ; font-size:20px;}
.lineup-box2 p {font-size:15px; line-height:20px; }

.lineup-box2 .money {
	position: relative;
	bottom: 30px;
	left: 0;
	padding: 10px 10px 20px 10px;
	background: #fff;
	z-index: 5;
}
.lineup-box2 .money, .amount {
	cursor: pointer;
}
.lineup-box2 .money span {
	display: block;
}
.lineup-box2 .money .money_title{
	font-family: "Sawarabi Gothic", serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5rem;
	margin-bottom: 5px;
    padding: .1em .2em;
    border-left: 5px solid #2589d0;
    background-color: #fff;
    color: #333333;
}
.lineup-box2 .money .money_contents{
	font-size: 1.1rem;
	font-family: "Sawarabi Gothic", serif;
	font-weight: 100;
	font-style: normal;
}

.lineup-box2 .money .amount{
	font-size: 2rem;
	font-family: "Sawarabi Gothic", serif;
	font-weight: 700;
	font-style: normal;
	color: #193892;
}

.lineup-box2 .title {
	font-size: 20px;
	color: #000;
}

.money_title_heading {
    padding: .5em .7em;
    border-left: 5px solid #3c536b;
    background-color: #f2f2f2;
    color: #333333;
}

.plineup {text-align: center;background: #bea15d; padding: 20px 10px; box-sizing: border-box; margin-bottom: -20px; }
.plineup_inner { max-width:705px; height: auto; display: flex;  flex-wrap:wrap; justify-content: center; align-items: center;margin: 0 auto; }
.plineup_inner img { height: 62px; width:100px; margin: 10px;}

.detail-box {margin-top: 3px; }
.detail-box .detail p {font-size: max(2vw, 12px);  line-height:2.0; }

.ik_contact { width: 100%;}
.ik_contact .tp { height:auto; font-size: 3.6vw; line-height: 50px; padding: 13px 30px; }
.ik_contact .bt, .ik_contact .wt { height:auto; font-size: 4.4vw; line-height: 50px; padding: 13px 30px; }

.checkinput {width: 100%;background-position: center;background-repeat: no-repeat;position: relative;overflow: hidden;
 -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding-top:3em;}

.checkinput > p {background: #3c536b;}

.cp_btn {
	width: 100px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	color: #000;
	border: 2px solid #E08833;
	background: #FBE208;
	border-radius: 3px;
	transition: .4s;
	cursor:pointer;
}

.cp_btn:hover {
	background: #FBE208;
	color: #ff0000;

}

.pc {display: none;}
#cal_lbl { font-size:0.8rem;margin:0;list-style: none;color: #fff;line-height:24px;}
.br-sp { display:block; }
.booking_contact { display:none; }
.search_section_checkin {position: relative; top: 0px; left: -31px;}
.br {
	display: block;
	content: "";
	margin: 10px 0;
}
section .rental {
	font-size: 0.8rem;
	padding: .3rem;
	background: #fff;
}

.service-item {
    margin: 0 auto;
}

}

@media screen and (min-width: 1501px) { .cabin_top p {font-size:40px; line-height: 80px;}}
@media screen and (min-width: 769px) { h1.h1_sub {font-size: 50px; margin: 60px auto 100px auto; }}
@media screen and (min-width: 1301px) and (max-width: 1500px) { .f-in-cell h1 {top: 10%; width:100%;} .f-in-cell p {top: 55%; width:80%;} }
@media screen and (min-width: 1131px) and (max-width: 1300px) { .f-in-cell h1 {top: 10%; width:100%;} .f-in-cell p {top: 55%; width:90%;} }
@media screen and (min-width: 769px) and (max-width: 1130px)  { .f-in-cell h1 {top: 10%; width:100%;} .f-in-cell p {top: 57%; width:100%; font-size: 22px; line-height: 40px;} .feature-carousel {height: 420px;} }

@media screen and (min-width: 501px) and (max-width: 768px) {.f-in-cell h1 { top: 8%; width:96%; font-size: 28px;}
.f-in-cell p {top: 48%; width:96%; font-size: 22px; line-height: 36px;}  .feature-carousel {height: 340px;}}


@media screen and (min-width: 371px) and (max-width: 501px) { .f-in-cell h1 {top: 10%; width:100%; font-size: 20px; } .f-in-cell p {top: 55%; width:90%; font-size: 20px; } }
@media screen and (max-width: 370px)  { .f-in-cell h1 {top: 10%; width:100%;} .f-in-cell p {top: 57%; width:95%; font-size: 22px; line-height: 40px;} .feature-carousel {height: 420px;} }



@media screen and (min-width: 1101px) and (max-width: 1500px) { .cabin_top h1 {font-size:150px;} .cabin_top p {font-size:35px; line-height: 70px;} .cabin_photo { margin: -30px 0 0 0;} }
@media screen and (min-width: 881px) and (max-width: 1100px) { .cabin_top h1 {font-size:140px;} .cabin_top p {font-size:28px; line-height: 60px;} .cabin_photo { margin: -30px 0 0 0;} }
@media screen and (min-width: 769px) and (max-width: 880px) { .cabin_top h1 {font-size:120px;} .cabin_top p {font-size:24px; line-height: 50px;} .cabin_photo { margin: -20px 0 -5px 0;} }
@media screen and (min-width: 769px) and (max-width: 1100px) { h1.h1_sub {font-size: 38px;} .lineup-box h2 { font-size:20px;} .lineup-box h3 { font-size:15px;} }
@media screen and (min-width: 591px) and (max-width: 768px) {.cabin_top h1 {font-size:90px;} .cabin_top p {font-size:20px; line-height: 45px;} }
@media screen and (min-width: 531px) and (max-width: 590px) {.cabin_top h1 {font-size:70px;} .cabin_top p {font-size:16px; line-height: 34px;} }
@media screen and (max-width: 530px) {h1.h1_sub {font-size:25px; margin: 50px auto } .cabin_top h1 {font-size:30px;} .cabin_top p { font-size: 14px; line-height: 30px;} }
@media screen and (min-width: 531px) and (max-width: 768px) { h1.h1_sub {font-size: 28px; margin: 60px auto ; }}

@media screen and (max-width: 380px) {.plineup_inner img { height: 50px; width:80px; margin: 8px;}}

@media screen and (min-width: 651px) and (max-width: 718px)  {img.pittinnlogo  { margin-bottom: -220px;} .top_park_box {margin-top: -260px; }}
@media screen and (min-width: 571px) and (max-width: 650px)  {img.pittinnlogo  { margin-bottom: -220px;} .top_park_box {margin-top: -240px; }}
@media screen and (min-width: 521px) and (max-width: 570px)  {img.pittinnlogo  { margin-bottom: -200px;} .top_park_box {margin-top: -220px; }}
@media screen and (min-width: 481px) and (max-width: 520px)  {img.pittinnlogo  { margin-bottom: -180px;} .top_park_box {margin: -200px 0 20px 0; }}
@media screen and (min-width: 411px) and (max-width: 480px)  {img.pittinnlogo  { margin-bottom: -160px;} .top_park_box {margin: -180px 0 15px 0; }}
@media screen and (min-width: 399px) and (max-width: 410px)  {img.pittinnlogo  { margin-top: 20px; margin-bottom: -130px;} .top_park_box {margin: -160px 0 10px 0; }}
@media screen and (min-width: 341px) and (max-width: 398px)  {img.pittinnlogo  { margin-top: 20px; margin-bottom: -130px;} .top_park_box {margin: -130px 0 0 0; }}
@media screen and (min-width: 291px) and (max-width: 340px)  {img.pittinnlogo  { margin-top: 20px; margin-bottom: -100px;} .top_park_box {margin: -100px 0 0 0; }}
@media screen and (max-width: 530px) {.spec-box .spec h2 {font-size: 5.5vw; }}