@charset "utf-8";
/* CSS Document */

.textInImg { overflow:visible; }

.textInImg h2 {
  position: relative;
  display: inline-block;
  margin: 0 0 -50px -10px;
  padding: 1% 5% 1%;
  color: #fff;
  background: #000;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  opacity: 0.9;
  z-index: 2;
}

.textInImg h2:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 10px solid #005276;
  border-left: 10px solid transparent;
}

.onePiece { display:flex; flex-direction: column; justify-content:space-between; width: 100%; margin-bottom: 10%;}
.onePiece li.animation { width:100%; margin-bottom: 10%;}
.onePiece li.animation:last-child { margin-bottom: 0%;}

.onePiece .imgBox { 
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 35vh;
	}
.onePiece .imgBox img { width: auto; height: 100%;}
.onePiece p { margin: 1% 0 0;}

.onePiece .imgBox_top { 
	display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    height: 35vh;
	}

.onePiece .imgBox_top img { width: auto; height: 100%;}

.twoPiece { display:flex; flex-direction: column; justify-content:space-between; flex-wrap:wrap; width: 100%;}
.twoPiece li { width:100%; margin: 2% 0 2%;}
.twoPiece li ul li { width: auto; margin:0;}
.twoPiece .imgBox { 
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 25vh;
	}	
.twoPiece .imgBox img { width: 100%; height: auto;}
.twoPiece p { margin: 2% 1% 1%; line-height: 140%;}

.listInner {overflow: visible;}

.threePiece { display:flex; flex-direction: row; justify-content:space-between; flex-wrap:wrap; width: 100%;}
.threePiece li { width:48%; margin: 1% 0 1%;}
.threePiece .imgBox { 
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 15vh;
	}

.threePiece .imgBox img { width: 100%; height: auto;}
.threePiece p { line-height: 140%;}

.fourPiece { display:flex; flex-direction: row; justify-content:space-between; flex-wrap:wrap; width: 100%;}
.fourPiece li { width:48%; margin: 1% 0 1%;}
.fourPiece .imgBox { 
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 18vh;
	}

.fourPiece .imgBox img { width: 100%; height: auto;}
.fourPiece p { margin: 2% 1% 1%; line-height: 140%;}

.sightseeing .threePiece { flex-direction: column;}
.sightseeing .threePiece li { width:100%; margin: 1% 0 1%;}
.sightseeing .threePiece .imgBox { height: 35vh;}

.whiteBox { background:#FFF; height: auto;}
.beigeBox {  background-color: rgba(248, 242, 222, 1);}
.whiteTextureBox li { background:url(../img/common/whiteBg.png);}
.beigeTextureBox li { background:url(../img/common/beigeBg.png);}
.whiteTextureBox li div.listInner { background-color: rgba(248, 242, 222, 0.1); padding: 0%; height:100%;}
.beigeTextureBox li div.listInner { background-color: rgba(248, 242, 222, 0.5); padding: 0%; height:100%;}
.whiteTextureBox li div.listInner p , .beigeTextureBox li div.listInner p , .whiteBox p , .beigeBox p  { padding: 4%;}
.simpleImg img { width: 100%;}

.separate-box { display:flex; flex-direction: column; margin-bottom: 10%; justify-content:space-between;}
.separate-box:last-child { margin: 0 auto 0;}
.separate-leftBox { width: 100%; font-size: 0; line-height: 0;}
.separate-img img { width: 100%; }
.separate-rightBox { width: 100%; display:flex; flex-direction: column; background: rgba(255, 255, 255, 0.6); padding:8%;}
.separate-text { }
.separate-text p { line-height: 25px; margin-bottom: 5%;}
.separate-btn { position:relative; width:100%; margin: 5% auto 0;}
.separate-btn img {  font-size: 0; line-height: 0; width: 100%;}
.separate-btn div {
	position: absolute;
	display:inline-block;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	background-color:rgba(0, 0, 0, 0.9);
	text-align:center;
	color:#FFF;
	}
#access .separate-box { background: rgba(255, 255, 255, 0.6);}
.whiteBox .separate-rightBox {  padding:0;}

/*table*/	
.table { font-size: 95%;}
.table li , .table-flex li { width: 100% !important; margin: 0 !important;} 
.table dl , .table-flex dl { display:flex; width: 100%; align-items: stretch;} 
.table dt , .table-flex dt { width: 20%; text-align:center; display:inline-block; vertical-align: middle; }
.table dd { width: 80%;background: linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,1) 80%,rgba(255,255,255,0.6));}
.table dd.noGradation { width: 80%; background-color:#FFF !important;}
.table dt , .table dd { margin-bottom: 1px; padding: 1.5%; }
.table-flex dt , .table-flex dd{  border-top:#999 1px solid; border-bottom:#999 1px solid; margin-top: -1px; padding: 1.5%; }
.table dt { background:linear-gradient(90deg,rgba(201,198,197,0.5),rgba(201,198,197,1) 20%,rgba(201,198,197,1));}
.table dt.noGradation { background:linear-gradient(90deg,rgba(201,198,197,1),rgba(201,198,197,1) 20%,rgba(201,198,197,1));}
.table dt.base { background:linear-gradient(90deg,rgba(244,233,197,0.6),rgba(244,233,197,1) 20%,rgba(244,233,197,1));}
.table dt.base-noGradation { background:linear-gradient(90deg,rgba(244,233,197,1),rgba(244,233,197,1) 20%,rgba(244,233,197,1));}
.table-flex dt { background:#f4e9c5;}
.table-flex dt.base  { background:#e3dfdd;}
.table-flex dd { flex:1; background-color:#fff; border-left:#c7c7c7 1px solid;}
.table-flex .th dt , .table-flex .th dd { background: #B43A4D !important; text-align:center; color:#FFF;}
.table-column dt , .table-column dd { width: 100%; padding: 2%; border:#999 1px solid;}
.table-column dt { background:#f4e9c5;}
.table-column dd { margin-top: -1px;}

.table-title { width: 100%; margin-top: 3%; padding: 1%; color:#CCC; text-align:center; background-image:url(../img/common/navBg.png); font-size:120%;}

.sightList .table dt.base { background:linear-gradient(90deg,rgba(251,232,179,0.6),rgba(251,232,179,1) 20%,rgba(251,232,179,1));}

/*dtとddの調整*/
.twoPiece .table dt , .separate-box .table dt { width: 30% !important;}
.twoPiece .table dt , .separate-box .table dd { width: 70% !important;}
.w30 { width: 30% !important;}
.w70 { width: 70% !important;}
.w15 { width: 15% !important;}
.w85 { width: 85% !important;}
.f10 { flex: 10% !important;}
.f5 { flex: 5% !important;}

/*dtとddの調整*/

.noBorder-top { border-top: none !important;}
.noBorder-bottom { border-bottom: none !important;}
.border-left-dotted { border-left:#c7c7c7 1px dotted !important;}

/*tableここまで*/	

/*スパページ*/

a.btn{
  font-size: 1rem;
  font-weight: 500;
  line-height: 0.7;
  position: relative;
  display: inline-block;
  padding: 0.5rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0em;
  color: #212529;
  border-radius: 0.5rem;
  float:right;
  text-align:left;
}

a.btn-flat {
  overflow: hidden;
  padding: 0.8rem 1.5rem 0.9rem;
  color: #fff;
  border-radius: 0;
  background: #999591;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-75%) translateY(-25px);
  transform: translateX(-75%) translateY(-25px);
  border-radius: 50%;
  background: #ddaa5c;
}

a.btn-flat:hover:before {
  width: 400px;
  height: 400px;
  -webkit-transform: translateX(-1%) translateY(-175px);
  transform: translateX(-1%) translateY(-175px);
}

/*スパページここまで*/

/*客室ページ*/
.roomDetail { margin-top: 50px;}
/*客室ここまで*/

/*施設案内ページ*/
.illumination-funsui { background-image:url(../img/facilities/bg_illumination-funsui.jpg); background-position:center;}
.illumination-laser { background-image:url(../img/facilities/bg_illumination-laser.jpg); background-position:center;}
.illuminationInner { background: rgba(0, 0, 0, 0.6); padding: 2%;}
.illuminationText { color:#FFF;}
.illuminationText p { margin: 5% 0 2%;}
.illuminationText h2 { margin: 0 0 10%;}
.illuminationText .table { margin-top: 20px; color:#000;}
.illuminationText dt { width: 30%;}

.illuminationInner .separate-img_video { width:100%;}
.illuminationInner .separate-img_video video { width:100%;}
.illuminationInner .separate-rightBox { background: rgba(255, 255, 255, 0.1);}
	
.otoiawase { 
  position: relative;
  display: inline-block;
  width: 100%;
  margin: -10% auto 10%; /*-10% auto 0; 左記より宿泊予約の帯を削除したため変更202507*/
  font-size: 180%;
  text-align:center;
}
.otoiawase:before {
  content: "";
  position: absolute;
  background: #FFF;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
}
/*施設案内ページここまで*/

/*アクセスページ*/
#google-map { width: 100%; height:70vh;}
#google-map iframe { width: 100%; height:100%;}
#access-add { margin-top: 20px;}
#access-add dt { font-size: 110%; font-weight: 600;}
.accessImg { width: 100%;}
.accessImg img { width: 100%;}
#access #busBox .separate-rightBox { padding: 2% 2%;}
#access #busBox h3 { margin: 2% 0 3%;}
#access #busBox p { margin-bottom: 2%;}
#access #busBox a { text-decoration: underline;}

/*アクセスページここまで*/

/*周辺観光ページ*/
.mainImageText { float:right; margin: 1% 5% 0 0;}

.sightList {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content:flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;

	}

.sightseeingBox { width: 100%; padding: 5% 5% 0;}
.sightseeingBox dl { }
.sightseeingBox dl dt.sightName { font-size: 110%; margin-bottom: 3%; font-weight: 700;}
.sightseeingBox dl dd.sightCont { margin-bottom: 2%;}
.positionBottom { margin-top:auto; width: 100%; padding: 8% 5% 5%;}
.positionBottom .iconLink { width: 100%; display:flex; justify-content:space-between;}
.positionBottom .iconLink li { width: 50%; margin: 0 auto 5%; background: none; text-align:center;}
.positionBottom .iconLink li img { display:block; width: 50%; margin:0 auto;}
.positionBottom .iconLink li p { margin: 2% auto;} 
.positionBottom .iconLink li img:hover { opacity:0.6; text-decoration:underline;} 
.positionBottom .table li { background: none;}
.positionBottom .table dt { width: 50%; border-top: none; border-bottom:none;}
.positionBottom .table dd { width: 50%; border-top: none; border-bottom:none; text-align:center;}

/*周辺観光ページここまで*/

/**evenページページ*/
.eventBox { background:#FFF !important;}
.eventBox .separate-rightBox { padding: 5%;}
.eventBox .separate-text { margin-bottom: 40px;}
.eventBox .positionBottom { padding: 0;}
.eventBox .positionBottom .table dt ,
.eventBox .positionBottom .table dd  { border-top: #CCC solid 1px; border-bottom: #CCC solid 1px;}
.eventBox .positionBottom .iconLink li { margin: 0 auto 0;}
.eventBox h3 { margin: 2% 0 5% ;}

/*evenページ　タブ*/
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_tab {
	margin: 1em auto;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6),
.cp_tab > input:nth-child(13):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(7) {
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 15px;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
	color: #0066cc;
}
.cp_tab > input:checked + label {
	margin-bottom: -1px;
	border-color: #cccccc;
	border-bottom: 1px solid #f8f2de;/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
}
.cp_tab .cp_tabpanel {
	padding: 0.5em 1em;
	border-top: 1px solid #cccccc;
}
/*evenページ　タブここまで*/
/*evenページ　ここまで*/

/*faqページ　ここから*/
#faq {}
#faq li { background: rgba(255,255,255,0.3); margin: 0 0 5%; padding: 2.5% 5%; border-radius: 10px;}
#faq dl { margin-bottom: 50px;}
#faq dl dt {
	background-image:url(../img/faq/q.svg);
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: left 0 top 3px;
	padding: 0 0 0 30px;
	line-height: 160%;
	font-size: 120%;
	}
#faq dl dd {
	background-image:url(../img/faq/a.svg);
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: left 0 top 10px;
	padding: 10px 0 0 30px;
	line-height: 160%;
	font-size: 110%;
	border-top: solid 1px #c7c7c7;
	margin-top: 10px;
	}
/*faqページ　ここまで*/

/*約款ページ　ここから*/
#stipulation {}
#stipulation li { margin-bottom: 5%;}
.stipulation-dt { font-size: 120%; margin-bottom: 10px;}
#saigo { margin-top: 5%; text-align:right;}
/*約款ページ　ここまで*/

/*多言語ページ　ここから*/
#language #language-section01 ul.table dt img { padding-top: 7px; width: 70%;}
#language #language-section01 ul.table dd { padding-top: 15px;}
#language h3 { margin-bottom: 3%;}
#language .amenities { display:flex; flex-wrap:wrap; justify-content:center; width: 100%; }
#language .amenities li { width:130px; text-align:center; border:1px #CCCCCC solid; margin: 10px 0 0 -1px; padding: 1%; background-color:#FFF;}
#language h4 { font-size: 120%; margin: 3% 0 1%; text-align:center;}
#language .gallery_list { display:flex; flex-wrap:wrap}
#language .gallery_list .gallery_item { flex:50%; line-height:0; font-size: 0;} 
#language .gallery_list .gallery_item img { width: 100%;} 
#language .gallery_list .gallery_item a { line-height:0; font-size: 0;}

/*----topnav----*/

#language nav#globalNavi {
	display:block;
	width:100%;
	height:auto;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)) ,url(../img/common/navBg.png);
	border-bottom: #ccc 5px solid;
	filter: drop-shadow( 2px 2px 2px  rgba(33, 33, 33, 0.6));
	position: -webkit-sticky; /* Safariに対応する */
	position: sticky; /* 要素を固定/解除する */
	top: -1px;
	z-index:100;
	}

#language nav#globalNavi ul{
	display: flex; flex-wrap:wrap; max-width:100%; margin: 10px auto 0; padding: 0 0 0 0;}
	
#language nav#globalNavi ul li{
	flex: auto; height:100%; text-align:center; padding: 20px 10px;}
	
#language nav#globalNavi ul li:hover {
	background: linear-gradient(0deg, rgba(100, 100, 100, 0.2), rgba(100, 100, 100, 0.7)) ,url(../img/common/navBg.png);}

#language nav#globalNavi a {
	color:#FFF;
	font-size: 15px;
	text-decoration:none;
	font-weight:300;
	position: relative;
	display: inline-block;
	transition: .3s;
	}
	
#language nav#globalNavi a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #C00;
  transition: .3s;
  transform: translateX(-50%);
}

#language nav#globalNavi a:hover::after{
  width: 100%;
}

#language .accessImg li { margin: 5% 0;}

/*----topnav----*/

/*多言語ページ　ここまで*/

/*情報Box*/

.infoBox { background-color:#FFF; padding: 5%; border-radius: 10px;}
.infoBox dt { margin-bottom: 3%;}
.infoBox h3 { font-size: 120%;}

/*情報Boxここまで*/

/*フォトスポット*/

.photoSpot {
  margin:  0 auto 50px;
  padding: 0;
  width: 100%;
  background-color: #fff;
  column-count: 1;
  column-gap: 0;
	border-radius: 16px;
}

.photoSpot h3 { padding: 15px 10px 0 20px;}
.photoSpot h4 { font-size: 110%; padding: 0 0 10px;}

.grid {
	padding: 10px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
  	line-height: 0;
	font-size: 0px;
}

.grid img { width: 100%; }

.gridText { line-height: 140%; font-size: 100%;}

.gridText div {
	padding: 10px;
	background-color: #eee;
	border-radius: 8px;
}

.grid > * { border-radius: 8px;}

/*フォトスポットここまで*/

/*宴会ページここから*/

.flex-2img { display:flex; width: 100%; justify-content:space-between; flex-direction:column;}
.flex-2img div {  width:100%; margin-bottom:2%;}
.flex-2img div img { width: 100%;}

/*宴会ページここまで*/

/*赤バック白文字ここから*/
.redBox {
	background-color:#C00;
	margin: 5% 0 5%;
	padding: 3%;
	color:#FFF;
	}
	
.topRedBox {
	background-color:#C00;
	margin-bottom: 1%;
	padding: 3%;
	color:#FFF;
	}
	
.redBox dt , .topRedBox dt {
	font-size: 130%;
	margin-bottom: 2%;
	padding-bottom: 2%;
	border-bottom: 1px #FFFFFF solid;
	}
/*赤バック白文字ここまで*/

.border-red { border: #F00 1px solid; color:#F00; padding: 2%;}

@media (min-width: 470px) {
	
.onePiece .imgBox img { width: 100%; height: auto;}
.onePiece .imgBox_top img { width: 100%; height: auto;}

}

@media (min-width: 768px) {

.onePiece .imgBox { height: 45vh;}
.onePiece .imgBox_top { height: 45vh;}

.twoPiece { flex-direction: row;}
.twoPiece li { width:49%; margin: 1% 0 1%;}
.twoPiece li ul li { width: auto; margin:0;}

.threePiece { justify-content:flex-start;}
.threePiece li { width:31%; margin: 1% 1% 1%;}	
.threePiece .imgBox { height: 17vh;}

.fourPiece { justify-content:flex-start;}
.fourPiece li { width:32.6%; margin: 1% 0.32% 1%;}	
.fourPiece .imgBox { height: 20vh;}

.fourPiece .imgBox img { width: 100%; height: auto;}
.fourPiece p { margin: 2% 1% 1%; line-height: 140%;}

.sightseeing .threePiece { flex-direction: row;}
.sightseeing .threePiece li { width:32.6%; margin: 1% 0.32% 1%;}
.sightseeing .threePiece .imgBox { height: 170px;}
.positionBottom .iconLink li { width: 50%; margin: 0 auto 5%; background: none; text-align:center;}

.separate-bnr-center h2 { font-size: 150%; margin: 0% 0 3% ;}
.separate-box { flex-direction: row;}
.separate-leftBox { width: 60%; font-size: 0; line-height: 0;}
.separate-img { 
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 360px;
	}
.separate-img img{ width:auto; height: 100%;}
.separate-text { margin-bottom: 0px;}

.illuminationInner .separate-img_video { width:auto;}	
.illuminationInner .separate-img_video video { width:100%;}
 
.separate-rightBox { width: 38%; flex-direction: column; background: none; padding:0;}
.separate-btn { width:100%; margin: auto 0 0;}
#separate_02 , #separate_04 {flex-direction :row-reverse;}

/*スパページ*/
a.btn{
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}

a.btn-flat {
  padding: 1rem 2rem;
}

a.btn-flat:before {
  -webkit-transform: translateX(-50%) translateY(-25px);
  transform: translateX(-50%) translateY(-25px);
}

/*スパページ*/

#access .separate-box { background: rgba(255, 255, 255, 0.6);}
#access #busBox .separate-rightBox { padding: 2% 0;}

.eventBox  { padding: 1.5% 1.5% 1% 1.5%;}
.eventBox .separate-text { margin-bottom: 20px;}
.eventBox .separate-rightBox .table dt , .eventBox .separate-rightBox .table dd{  border-top: #CCC 1px solid; border-bottom:#CCC 1px solid; margin-top: -1px; padding: 1.5%; }
.eventBox .separate-rightBox .table dt , .eventBox .separate-rightBox .table dd{ margin-top: -2px;}
.eventBox .separate-rightBox .table dd{ padding: 1.5% 1.5% 1.5% 4%; }

.youtubeList li { width:32.6%; margin: 1% 0.32% 1%;}

.w30 { width: 20% !important;}
.w70 { width: 80% !important;}
.w15 { width: 20% !important;}
.w85 { width: 80% !important;}
.f10 { flex: 10% !important;}
.f5 { flex: 5% !important;}

#language nav#globalNavi ul { flex: auto; display: flex; max-width:1000px; margin: 0px auto 0; padding: 20px 0 0 0;}
#language nav#globalNavi ul li { margin: 0px auto 0; padding-top: 20px;}
#language .gallery_list .gallery_item { flex:1; line-height:0; font-size: 0;} 

/*フォトスポット*/
.photoSpot {column-count: 2;}

/*宴会ページここから*/

.flex-2img { flex-direction:row;}
.flex-2img div { width:49%; margin-bottom:0;}

/*宴会ページここまで*/

.topRedBox {
	margin: 5% 0 1%;
	}

}

@media (min-width: 890px) {
.separate-img img{ width: 100%; height: auto;}
}


@media (min-width: 1000px) {

.twoPiece .imgBox { height: 35vh;}
.threePiece .imgBox { height: 20vh;}
.fourPiece  { justify-content:flex-start;}
.fourPiece li { width:24%; margin: 1% 0.5% 1%;}
.fourPiece .imgBox { height: 20vh;}

.fourPiece .imgBox img { width: 100%; height: auto;}
.fourPiece p { margin: 2% 1% 1%; line-height: 140%;}

.sightseeing .threePiece .imgBox { height: 220px;}


}



@media (min-width: 1150px) {

.threePiece .imgBox { height: 24vh;}


}