@charset "UTF-8";

/*========================================

  ※warning※
  ------------------
  他のページでも使用中のCSSです
  変更すると他のページにも影響が出ますので
  影響範囲がわからない場合は触らないでください

=============================================== */

/* ================================
  @ Reset
================================== */
:where(:not(iframe,canvas,img,svg,video):not(svg*)){all:unset;display:revert}*,::after,::before{box-sizing:border-box}ol,ul{list-style:none;margin:0;padding:0;}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* ================================
  @ Common
================================== */

html{color:#333;font-weight:400;font-size:16px;font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;word-break:break-word};
a{text-decoration: none;}
body{padding-right:0 !important;}
select ,input[type=text]{
  -webkit-appearance: none;
  appearance: none;
}
header{background: #fff;}

/* font */
.fs--sml{font-size: .8rem;}

.tc{text-align:center;}
.pr{position: relative;}.pa{position: absolute;}

/* Colors */
.b--cc{background: #418fcf;}
.b--fff{background:#fff;}
.t--fff{color:#fff;}
.t--333{color:#333;}

.bg-fff{background:#fff;}


/* float */
.ofh{overflow:hidden;}
.fr{float:right;}

/* flex */
.df{display:flex;}
.df--fw{flex-wrap:wrap;}
.df--jcsb{justify-content:space-between;}
.df--jcsa{justify-content:space-around;}
.df--jcc{justify-content:center;}
.df--aifs{align-items: flex-start;}
.df--aic{align-items: center;}
.df--aibl{align-items: baseline;}

.fr{float:right;}

/* Padding */
.ptb--20{padding: 20px 0;}
/* Margin */
.mtb--15{margin:15px 0;}

/* width */
.w--m1200{width:100%;max-width: 1200px;margin: 0 auto;}
.w--m1000{width:100%;max-width: 1000px;margin: 0 auto;}

/* color */
.t-fff{color:#fff;}
.t-mdd{font-size:110%;}
.t-tac{text-align:center;}

.err_box{
    display: none;
    background: #ffdfdf;
    padding: 10px;
    border-radius: 6px;
    line-height: 1.8;
    font-weight: bold;
}

/* ================================
  @ Header
================================== */

.dp_head--logo{width:200px;}
.dp_head__ttl{width:calc(100% - 220px);font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.dp_head__ttl--htl{display:block;line-height:1.5;}
.dp_head__ttl--pt{font-size:200%;line-height:1;}

/* ================================
  @ SearchBox
================================== */

.madoguchiBtn{display:none !important;}
.dp_sb{position:relative;}
.dp_sb--pc{
    width: 100%;
    /*height: 100%;*/
	height: 600px;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.dp_sb--wrap {
	position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%, -50%);
}

/* tab */
.dp_sb__tab--btn{
	background: #fff;
	color: #0068b7;
	margin:0 10px;
	text-align:center;
  padding: 10px;
  border-radius: 10px;
  font-size: 120%;
  border: 2px solid #fff;
  width: 250px;
  cursor:pointer;
}
.lp__tab--btn{
	background: #fff;
	color: #0068b7;
	text-align:center;
  padding: 10px;
  border-radius: 10px;
  font-size: 120%;
  border: 2px solid #fff;
  width: 250px;
  cursor:pointer;
}
.dp_sb__tab--btn.act,.lp__tab--btn.act{
	color: #fff;
    background: #0068b7;
}
.dp_sb__tab--btn.act > i{color: #a5d2f4;}
.dp_sb__tab--btn>i{color: #0068b7;}
.dp_sb__tab--txt{font-size:90%;display:block;}

.dp_sb--cnt{
	background: #00000070;
    width: 750px;
    margin: 20px auto;
    padding: 20px;
    border-radius: 20px;
}

/* formParts */
.dp_sb--inp,#pax p{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-weight: bold;
	padding: 28px 30px 5px 10px;
}
#pax p{padding: 30px 30px 6px 10px;}
#pax{
    margin-right: auto;
/*     margin-left: 15px; */
    width: calc(100% / 1.5 - 5px);
}
.tower11 #pax{margin-right:0;}
.yanbaru #pax{
  margin-left: 15px;
}
#pax.no{
    margin-right: inherit;
    /*margin-left: inherit;*/
    width: calc(100% / 3 - 10px);
    font-size:inherit;
}
.dp_sb--sel {
    font-weight: bold;
    background: #fff;
    width: 100%;
    border: none;
    border-radius: 5px;
    padding: 26px 30px 10px 7px;
}

.dp_sb--lb{position: relative;width:calc(100% / 3 - 10px);}
.dp_sb--lb:before {
    display: block;
    content: "";
    color: #666;
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.dp_sb--lb[for=dephomen]:before {content:"出発地";}
.dp_sb--lb[for=tbpndepf]:before {content:"出発空港（帰り）";}
.dp_sb--lb[for=tbpnarrf]:before {content:"到着空港（帰り）";}
.dp_sb--lb[for=tbpndep]:before {content:"出発空港（行き）";}
.dp_sb--lb[for=departure]:before{content:"到着空港";}
.dp_sb--lb[for=tbpnarr]:before {content:"到着空港（行き）";}
.dp_sb--lb[for=idd]:before,.dp_sb--lb[for=date]:before {content:"出発日";}
.dp_sb--lb[for=ird]:before {content:"帰着日";}
.dp_sb--lb[for=pax]:before {content:"参加人数";}
.dp_sb--lb[for=room]:before {content:"部屋数";}
.dp_sb--lb[for=haku2]:before {content:"日数";}
.dp_sb--lb[for=kodawari]:before {content:"プレー数";}
.pinkMarlin .dp_sb--lb[for=kodawari]:before,.eminaMarine .dp_sb--lb[for=kodawari]:before,.smile .dp_sb--lb[for=kodawari]:before,.neji .dp_sb--lb[for=kodawari]:before {content:"目的";}
.dp_sb--lb[for=area]:before {content:"エリア";}
.dp_sb--lb[for=mddArea]:before {
    content: "エリア";
}
.dp_sb--lb[for=InHotelCode]:before {content:"宿泊ホテル";}


/*.dp_sb--lb[for=kodawari]{
    margin-right: auto;
    margin-left: 15px;
    width: 225px;
}
*/
.dp_sb--btn {
	cursor:pointer;
    color: #fff;
    width: 250px;
    text-align: center;
    padding: 10px 0;
    border-radius: 50px;
    margin: 20px auto 0;
    background: #a56429;
    background: -webkit-linear-gradient(to bottom, #feb47b, #ff7e5f);
    background: linear-gradient(to right, #ea984f, #a56429);
    display:block;
    border:none;
}
.dp_sb--btn:hover{opacity:.8;}

.tower11 .dp_sb__tab--btn.act{
  background:#fff;
      color: #0068b7;
}

/* ================================
  @ PointBox
================================== */
.tower11 .dp_pBox{   
  padding: 40px 0;
}
.dp_pBox__li{
	position:relative;
	width:calc(100% / 4 - 20px);
	border: 1px solid #a56429;
	background:#fff9f3;
	padding:20px;
}
.dp_pBox__li > img{width: 80px !important;margin: 20px auto;}
.dp_pBox__li:nth-of-type(1) > img,.dp_pBox__li:nth-of-type(2) > img,.dp_pBox__li:nth-of-type(4) > img{width: 80%;margin: 20px auto;}
.dp_pBox--ttl{
	font-size: 140%;
    font-weight: bold;
    border-left: 8px solid #825847;
    padding-left: 10px;
    margin: 20px 0;
}
.dp_pBox__li--txt{font-size:90%;}
.dp_pBox__li--str{
    color: #825847;
    text-align: center;
    font-size: 110%;
    display:block;
    margin:10px 0;
}

/* ================================
  @ Footer
================================== */

.dp_foot {
    font-size: 90%;
    margin-top: 40px;
    padding: 20px;
    color: #fff;
    background: #0068b7;
    background: -webkit-linear-gradient(to right, #753a88, #cc2b5e);
    background: linear-gradient(to top, #0068b7, #146fb3);
}

/* ================================
  @ Pax Modal
================================== */

.paxTable{padding:15px;}
.pax_sel {
  width: 750px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  border: 2px solid #3977bc;
  background: #fff;
  z-index: 10000;
}
.dsClose {
  cursor: pointer;
  background: #3977bc;
  padding: 10px;
  text-align: right;
  color: #fff;
  font-size: 20px;
}
.dsClose>span{
  background: #333;
  padding: 10px;
  border-radius: 4px;
  margin-right: -6px;
}
.paxTable dl{margin:10px 0;}
.paxTable dt>span{
  font-size: 80%;
  font-weight: normal;
  color: #666;
}
.paxTable [class*=_minus]{
  background: #e9da93;
  padding: 6px 10px;
  display: inline-block;
  border-radius: 4px;
  font-weight: bold;
  color: #fff;
  margin-right: 10px;
}
.paxTable [class*=_plus]{
  background: #93bbe9;
  padding: 6px 10px;
  display: inline-block;
  border-radius: 4px;
  font-weight: bold;
  color: #fff;
  margin-left: 10px;
}
.paxTable input{
  text-align: center;
  border: none;
  font-weight: bold;
}
#pax_btn{
  background: #333;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  width: 240px;
  margin: 15px auto;
}
.paxTable .att{
  font-size: 90%;
  background: #eee;
  border-radius: 10px;
  padding: 10px;
  color: #555;
}
.paxTable .ttl {
  padding: 5px 0;
  font-size: 120%;
  overflow:hidden;
  border-bottom: 1px solid #ccc;
}
.paxTable .ttl >span{float:right;transition-duration: 0.6s;}
.room_acd{display:none !important;transition-duration: 0.6s;}
.room_acd.on{display:block !important;}
.paxTable .ttl >span.on{
  transform: rotate(180deg);
}
.on{display:block;}

.departure_sel {
  z-index:1;
  width: 750px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  border: 2px solid #3977bc;
  height: 550px;
  overflow: hidden;
}
.leftList{
  background: #eee;
  width: 20%;
}
.rightList{width:80%;}
.leftList li {
  cursor:pointer;
  padding: 6px 0 6px 12px;
  border-bottom: dotted 1px #ccc;
}
.rightList .sel{display:flex !important;}
.rightList p{
    cursor:pointer;
  padding: 6px 0 6px 12px;
  border-bottom: dotted 1px #ccc;
  width:calc(100% / 3);
}
.addon{
  color: #fff;
  display: block;
  margin: 15px auto 0;
  width: 200px;
}

/* ================================
  @ SmartPhone
================================== */

@media (max-width: 599px){
	/* Padding */
    .sp_ptb--5{padding: 5px 0;}
    .sp_mtb--10{margin:10px 0;}

	.sp_db{display:block;}
	.dp_head--logo{margin:0 auto;}
	.dp_head__ttl{width:100%;display:none;}

	/* tab */

	.dp_sb__tab{
		border-bottom:2px solid #825847;
		justify-content: space-between;
	}
	.dp_sb__tab--btn>i{color:#9d9592;}
	.dp_sb__tab--btn.act>i{color:#ebe3e3;}
	.dp_sb__tab--btn.act{color:#fff;background: #825847;}
	.dp_sb__tab--btn{
		color: #825847;margin: 0;width:48%;font-size:85%;border:none;border-radius:0;
	}

	/* searchBox */
	.dp_sb--pc{height:120px;}
	.yanbaru .dp_sb--pc{height:300px;}
	.dp_sb--wrap{
		width:100%;
		top: inherit;
		left:inherit;
		position:inherit;
		transform:inherit;
	}
	.dp_sb--lb{width:100%;box-shadow: 0px 0px 3px 0px #d6d6d6;border-radius: 5px;}
	.dp_sb--lb[for=tbpndep],.dp_sb--lb[for=tbpnarr],.dp_sb--lb[for=pax],.dp_sb--lb[for=tbpndepf],.dp_sb--lb[for=tbpnarrf],.dp_sb--lb[for=dephomen],.dp_sb--lb[for=departure]{margin-top:10px;width: calc(100% / 2 - 5px);}

	.dp_sb--cnt {
		background:none;
	    width: 100%;
	    padding: 20px;
	    margin: 0;
	    border-radius:0;
	    background-image: linear-gradient(16deg, rgba(116, 116, 116,0.02) 0%, rgba(116, 116, 116,0.02) 25%,transparent 25%, transparent 96%,rgba(177, 177, 177,0.02) 96%, rgba(177, 177, 177,0.02) 100%),linear-gradient(236deg, rgba(148, 148, 148,0.02) 0%, rgba(148, 148, 148,0.02) 53%,transparent 53%, transparent 59%,rgba(56, 56, 56,0.02) 59%, rgba(56, 56, 56,0.02) 100%),linear-gradient(284deg, rgba(16, 16, 16,0.02) 0%, rgba(16, 16, 16,0.02) 46%,transparent 46%, transparent 71%,rgba(181, 181, 181,0.02) 71%, rgba(181, 181, 181,0.02) 100%),linear-gradient(316deg, rgba(197, 197, 197,0.02) 0%, rgba(197, 197, 197,0.02) 26%,transparent 26%, transparent 49%,rgba(58, 58, 58,0.02) 49%, rgba(58, 58, 58,0.02) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
	}
	.dp_sb--inp.pax{width:100%;}
	.dp_sb--lb[for=date],.dp_sb--lb[for=haku2]{width: calc(100% / 2 - 5px);margin: 0;}

	/* ================================
	  @ PointBox
	================================== */
	.dp_pBox--ttl{font-size:120%;}
	.dp_pBox{padding:0 20px;}
	.dp_pBox__li{width:calc(100% / 2 - 10px);}
	
	.paxTable input{width:2rem;}
	.paxTable dt{width:55%;}
  .paxTable dd{width:45%;display: flex;justify-content: right;}
  .pax_sel{
    display: block;
    width: 100%;
    top: 0;
    transform: inherit;
    left: 0;
    height: 100%;
    overflow-y: scroll;
  }
	#pax{width: 100%;margin: 10px 0 0;}
	.yanbaru #pax{
	  margin-left: 0;
	}
	#pax.no{
	  width: 100%;
	}
	.departure_sel{
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    transform: inherit;
    height: 100%;
    z-index: 2;
  }
  .departure_sel > div{height:100%;}
  .leftList {
    background: #eee;
    width: 25%;
    font-size: 90%;
  }
  .rightList {
    width: 75%;
    font-size: 90%;
  }
  .rightList p{width:calc(100% / 2);}
  .dp_pBox__li {
    width: 100%;
    margin-bottom: 20px;
  }
  .addon{color:#333;}
}

/* 海遊びネジ　追記 */
section.dp_sb .mvImg{
  margin: 0 auto;
}
/* TWIN-LINE HOTEL YANBARU OKINAWA JAPAN　追記 */
.pcOnry{
  display: block;
}
.spOnry{
  display: none;
}
.inner1000{
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
ul.point__list li{
  background: linear-gradient(to left, #D5CDC6 50%, #FFF 50%);
}
ul.point__list li:nth-child(2n){
  background: linear-gradient(to left, #FFF 50%, #D5CDC6 50%);
}
ul.point__list li:nth-child(2n) .photo{
  order: 2;
}
ul.point__list li:nth-child(2n) .text{
  order: 1;
}
ul.point__list .inner1000{
  margin-bottom: 30px;
}
ul.point__list li .text{
  padding: 30px;
}
ul.point__list li .text strong{
  text-align: center;
  background: #FFF;
  border-radius: 20px;
  padding: 5px 15px 2px;
  font-size: 120%;
  margin-bottom: 20px;
}
.listingWrap .ttl01:before,.listingWrap .ttl01:after{
  display: none;
}
.section-py-medium{
  padding: 60px 0;
}

.listingFacility,.listingFacilityList-type-02 .item > *,.listingAccess,.listingInfoList .item .tour{
  background: #FFF;
}
.listingInfo,.listingFacility-type-02{
  background: #f0ebe7;
}
.listingFacilityList01 .item > *{
      background: #eee1db;
}
.listingAccessList dd{
  background: #dfd3cf;
}
.listingAccessList dt{
  background: #825847;
}
.listingSearch{
  background: #f0ebe7;
}
.listingInfoList .item > *:before{
  background: #825847;
}
.listingAccessList dl + dl{
  border-top: 1px dashed #FFF;
}
@media (max-width: 1100px){
  .inner1000{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 1023px){
  ul.point__list li{
    background: none;
  }
  ul.point__list li:nth-child(2n){
    background: none;
  }
  ul.point__list li .photo{
      height: 200px;
      overflow: hidden;
  }
  ul.point__list li .photo img{
    width: 100%;
  }
  ul.point__list li .text{
    background-color: #d5cdc6;
  }
  ul.point__list li:nth-child(2n) .photo{
    order: 1;
  }
  ul.point__list li:nth-child(2n) .text{
    order: 2;
  }
}
@media (max-width: 599px){
  .pcOnry{
    display: none;
  }
  .spOnry{
    display: block;
  }
  ul.point__list .inner1000{
    margin-bottom: 15px;
  }
  ul.point__list li .text{
    padding: 15px;
    font-size: 13px;
  }
  ul.point__list li .text strong{
    margin-bottom: 15px;
    font-size: 16px;
    margin-top: 0;
  }
  .section-py-medium{
    padding: 40px 0;
  }
}

/* changeBox 
=================*/ 
#changeBox .changeBox { 
  padding: 10px 20px; 
  background: #444; 
  margin-top: -42px; 
} 
#changeBox .changeBox dt { 
  width: 100%; 
  max-width: 190px; 
  margin-right: 15px; 
  color: #fff; 
  font-size: 17px; 
  line-height: 1.2; 
} 
#changeBox .changeBox dd { 
  width: 100%; 
  max-width: 300px; 
} 
#changeBox .changeBox select { 
  width: 100%; 
  padding: 10px; 
  border-radius: 6px; 
  font-size: 15px; 
} 
@media (max-width: 1024px) { 
  #changeBox .changeBox dl { 
     max-width: 320px; 
     margin: 0 auto; 
  } 
  #changeBox .changeBox dt { 
     width: calc(100% - 120px); 
     margin-right: 5px; 
     font-size: 15px; 
  } 
  #changeBox .changeBox dd { 
     width: 120px; 
  } 
} 
#changeBox .up-ai-c { 
  -webkit-box-align: center; 
  -webkit-align-items: center; 
  -ms-flex-align: center; 
  align-items: center; 
} 
#changeBox .up-d-flex { 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
} 
#changeBox .inner1100 { 
  max-width: 1100px; 
  margin: 0 auto; 
} 
@media (max-width: 1024px) { 
  #changeBox .inner1100{ 
      width: 94%; 
  } 
}

.bgBox {
    background: #eee;
    color: #333;
    padding: 20px 0;
    margin: 80px 0;
}
.tower11 .dp_pBox__li{width: calc(100% / 3 - 10px);}
.tower11 .dp_sb--pc{height:845px;}
.tower11 .dp_pBox--ttl {
    font-size: 35px;
    line-height: 1.5;
    margin: 30px 0;
}
.tower11 .dp_pBox--ttl span {
    display: block;
    font-size: 18px;
}
.tower11 .dp_pBox__li--txt span{
    display: block;
    font-size: 12px;
    margin-top: 10px;
    color: #666;
}
.tower11 .bgBox .dp_pBox--ttl {
    color: #333;
    border-color: #64a139;
}
.bgBox dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
.bgBox dt{
    width: 300px;
}
.bgBox dl:nth-of-type(2) dt {
      border: 5px solid #fff;
    display: flex;
    width: 600px;
    flex-wrap: wrap;
    order:2;
}
.bgBox dl:nth-of-type(2) dt img {
    width: calc(100% / 2);
    object-fit: cover;
    border: none;
}
.bgBox dt img{
    border: 5px solid #fff;
}
.bgBox dd{
  width: calc(100% - 350px);
}
.bgBox dl:nth-of-type(2) dd{
  width: calc(100% - 650px);
  order:1;
}
.bgBox dd h3{
    color: #333;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
}

.dp_rBox__li {
    position: relative;
    width: calc(100% / 5 - 10px);
}
.dp_rBox__li b {
    display: flex;
    align-items: center;
    margin:-bottom 15px;
    border-left: 5px solid #333;
    height: 4rem;
    width: 100%;
    padding-left: 10px;
    font-size: 16px;
}
.dp_rBox__li img {
    height: 150px;
    object-fit: cover;
}
.dp_rBox__li .dp_pBox__li--txt {
    color: #444;
    font-size: 13px;
    margin-top: 15px;
}
.bgBox .dp_eBox dt {
    width: 600px;
}
.bgBox .dp_eBox dd {
    width: calc(100% - 620px);
}
.bgBox .dp_eBox dl:nth-of-type(2) dt img{
  width: 100%;
}
.roomPoint{
    background: #eee;
    margin: 20px 0;
    padding: 20px;
}
.roomPoint b{
    display: block;
    font-size: 110%;
}
.dp_sBox dl{
  display: block;
  width: calc(100% / 2 - 10px);
}
.dp_sBox dt, .dp_sBox dl:nth-of-type(2) dt {
    width: 100%;
    order: 1;
    height: 300px;
    overflow: hidden;
    border: 5px solid #fff;
}
.dp_sBox dt img{border:none;}
.dp_sBox dd,.dp_sBox dl:nth-of-type(2) dd{
    width:100%;
    order:2;
}
.dp_sBox dl:nth-of-type(2) dt img{width:100%;}
.dp_sBox dd h3 {
  font-size: 24px;
    margin: 20px 0;
    line-height: 1.6;
    font-weight: bold;
}
.dp_sBox dd h3 span {
    font-size: 60%;
    display: block;
}
.dp_sBox dd a{
    display: block;
    width: 100%;
    background: #333;
    text-align: center;
    padding: 20px 0;
    border-radius: 10px;
    color: #fff;
    margin: 20px 0;
    font-size: 110%;
}
.dp_sBox .col_3 dl {
    width: calc(100% / 3 - 10px);
}
.dp_sBox .col_3 dt {
    height: 250px !important;
}
.dp_sBox .col_3 dt img {
    object-fit: cover;
    height: 100%;
}
.dp_sBox .col_3 dd h3 {
    font-size: 20px;
    height: 4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.dp_sBox .col_3 dd p {
    font-size: 15px;
    height: 200px;
}
.dp_lpBox dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
}
.dp_lpBox dl:nth-of-type(2) dt{order:2;}
.dp_lpBox dt{width: 480px;}
.dp_lpBox dd{
    width: calc(100% - 510px);
}
.dp_lpBox dd h3 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
}
.dp_lpBox dd b{
    display: block;
    padding: 20px 0;
    font-size: 110%;
}
.dp_lpBox dd a{
    display: block;
    color: #333;
    border: 1px solid #333;
    padding: 15px 0;
    text-align: center;
    margin-top: 20px;
    border-radius: 8px;
}
.lp__Tab {
    justify-content: space-between;
    font-size: 80%;
}
.lp__tab--btn {
    width: calc( 100% / 3 - 10px);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
}
.lpBox #pax {
/*     width: calc(100% / 3 - 10px);
margin-left: 15px; */
}
.chooseHotel{
    color: #fff;
    line-height: 1.8;
}
.chooseHotel label{
  display: block;
}
.chooseHotel .ttl{
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 10px;
    border-bottom: 1px solid #fff;
}
.htlTtl{
text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 0 0 7px #333;
    border-bottom: 1px solid;
}

.tower11 .dp_sb__tab--btn.act>i {
    color: #0068b7;
}
.dp_head--logo-lero{width:320px;}
.relo .dp_head__ttl{
  font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
    width: 100%;
}
.relo__ttl {
    background: url(/upload/tenant_1/relo_logo.webp) no-repeat left center;
    text-align: center;
    background-size: 320px;
}

.gransea__ttl {
    background: url(/upload/tenant_1/gransea-n_1.webp) no-repeat left center;
    text-align: center;
    background-size: 320px;
}





@media (max-width: 599px){
  .dp_eBox{
    padding:0 20px;
  }
  .tower11 .dp_sb--pc {
    height: 140px;
    object-position: 50% 75%;
  }
  .tower11 .dp_head--logo {
    width: 150px !important;
    height: auto !important;
  }
  .tower11 .dp_sb__tab {
    justify-content: center;
  }  
  .tower11 .dp_pBox--ttl{font-size:20px;}
  .tower11 .dp_pBox--ttl span {
      font-size: 14px;
  } 
  .tower11 .dp_pBox__li {
      width: 100%;
  }
  .bgBox dl{margin-bottom:25px;}
  .bgBox dt {
      width: 100%;
  }  
  .bgBox dt img{
    height: 250px;
    width: 100%;
    object-fit: cover;
  }
  .bgBox dd {
      width: 100%;
  }    
  .bgBox dd p{font-size: 13px;}
  .bgBox dd h3 {
      color: #333;
      font-size: 18px;
      text-align: center;
      margin: 35px 0;
  }
  .bgBox dl:nth-of-type(2) dd {
      width: 100%;
      order: 2;
  }
  .dp_rBox{padding:0 20px;}
  .dp_rBox__li {
      position: relative;
      width: calc(100% / 2 - 10px);
      margin-bottom: 20px;
  }
  .bgBox .dp_eBox dd {
      width: 100%;
  }  
  .bgBox dl:nth-of-type(2) dt{margin-bottom:20px;}
  .tower11n .dp_foot{margin-top:-80px;}
  .tower11 .dp_pBox{padding:20px;}
  .roomPoint {
      font-size: 80%;
  }
  .roomPoint b {
      margin: 10px 0;
  }  
  .bgBox{margin:40px 0;    padding: 0;}
  .dp_sBox dl {
      width: 100%;
  }
  .dp_sBox{padding:20px;}
  .dp_sBox dt, .dp_sBox dl:nth-of-type(2) dt{height:auto;}
  .dp_sBox .col_3 dl {
    width: 100%;
  }
.dp_sBox .col_3 dd h3 {
    height: inherit;
    margin: 20px 0;
}
.dp_lpBox{padding:0 20px;}
.dp_lpBox dl{margin-bottom:40px;}
.dp_lpBox dd,.dp_lpBox dt{width: 100%;}
.dp_lpBox dd{order:2;}
.dp_lpBox dd p{font-size:80%;}
.dp_lpBox dd h3{margin-top:20px;}
.lpBox #pax {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
}
.chooseHotel {
    color: #333;
    line-height: 2;
}
.chooseHotel label {
    display: block;
    font-size: 15px;
}
.chooseHotel .ttl {
    margin: 0 0 10px;
    border-bottom: 1px solid #ac692d;
}
.htlTtl{
    color: #333;
    text-shadow: none;
    border: none;
}
.tower11 .dp_sb__tab--btn.act{
  background:#fff;
      color: #825847;
}
.tower11 .dp_sb__tab--btn.act>i {
    color: #9d9592;
}
.dp_head--logo-lero{height:50px;width: auto;}
  
.relo__ttl {
    background: url(/upload/tenant_1/relo_logo.webp) no-repeat center center;
    text-align: center;
    background-size: 220px;
    height: 80px;
}

.gransea__ttl {
    background: url(/upload/tenant_1/gransea-n_1.webp) no-repeat center center;
    text-align: center;
    background-size: 220px;
    height: 80px;
}

  
}

.relo .dp_head__ttl {
  margin: 15px 0 0 15px;
}


.flightSche .subttl {
  width: 50%;
  display: flex;
}

.flightSche .subttl {
    font-weight: bold;
    font-size: 1.2rem;
}

.flightSche .schedule {
    display: flex;
}

.flightSche .schedule table {
  margin: 0 auto;
}

.flightSche .schedule .left,
.flightSche .schedule .right {
  width: 49%;
  margin: 3px;
}

.flightSche table th,
.flightSche table td{
    border: 3px solid #ccc;
    padding: 5px;
}


@media (max-width: 599px){
  .flightSche .subttl {
    font-size: .9em;
}
  .flightSche .schedule {
    display: block;
}
.flightSche .schedule .left,
.flightSche .schedule .right {
  width: 100%;
}
}

.airportBtn {
  display: flex;
}

.airportBtn .dep,
.airportBtn .arr {
  color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px 20px;
    width: 48%;
    background-color: #0068b7;
    border-radius: 5px;
    margin: 5px;
}

@media (max-width: 599px){
  .airportBtn {
    display: block;
  }
  .airportBtn .dep,
  .airportBtn .arr {
    width: 100%;
  }
}