@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2016.05.20
* @author   zhaoly
*/

/* ------------------------------------------

------------------------------------------ */
#widewrapper { width:100%;}
#keyVisual{ width:100%; height: auto; margin-bottom:0;}
#keyVisual.newKV h1 { width:100%; height: auto;}
#keyVisual.newKV{ width:100%; height: auto;}
#keyVisual h1 img.pc { display:block; width:100%; min-width:1340px;}

.top_tittle { position:absolute; top:27%; left:50%; margin-left:-290px; z-index:999999; width:580px;}
.top_tittle img { width:100%;}

nav { width:600px; margin:auto; position:absolute; left:45%; z-index:9999990; margin-left:-200px;}

.page_nav li.main_nav { float:left; height:45px; line-height:1.7; font-size:120%; background: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg.png) repeat; }
.main_nav0 { float:left; height:45px; line-height:1.7; font-size:120%; position:relative; background: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg.png) repeat; }
#contentsArea .page_nav li.main_nav a { color:#fff; display:block; }
#contentsArea .page_nav li.main_nav a:hover { color:#FE4958;}
.page_nav li.main_nav em { font-style:normal; font-size:130%;}
.nav01, .nav02, .nav03 { border-right:1px solid #fff;}
.nav01 p.main_top { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg1.png) no-repeat left center; color:#fff; padding:0 30px 0 45px; font-size:120%; line-height:1.95;}
.nav01 p.main_top:hover { color:#FE4958; background: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg1_o.png) no-repeat #fff;}
.page_nav li.main_nav:hover { background:#fff; border-color:#FE4958; }
.nav01 p.main_top big { font-size:135%;}
.nav02 a, .nav03 a, .nav04 a { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/icon+_2.png) no-repeat right 10px center;}

.nav02 a:hover, .nav03 a:hover, .nav04 a:hover { background: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/icon_on.png) no-repeat right 10px center;}

.nav02 a span { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg2.png) no-repeat left center; padding:0 55px 0 60px; display:block;}
.nav03 a span { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg3.png) no-repeat left center; padding:0 55px 0 60px; display:block;}
.nav04 a span { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg4.png) no-repeat left center; padding:0 55px 0 60px; display:block;}
#contentsArea .nav02 a:hover span { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg2_o.png) no-repeat; text-decoration:none;}
#contentsArea .nav03 a:hover span { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg3_o.png) no-repeat; text-decoration:none;}
#contentsArea .nav04 a:hover span { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg4_o.png) no-repeat; text-decoration:none;}
.nav01 .cp__trigger::after {
    background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/icon+_2.png) !important;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    position: absolute;
	display: inline-block;
    content: " ";
    top: 50%;
    background-repeat: no-repeat;
}
.nav01:hover .cp__trigger::after {
    background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/icon_on.png) !important;
}
.nav01 .cp__trigger.active-submenu { background:#fff url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_bg1_o.png) no-repeat; color:#FE4958;}
.nav01 .cp__trigger.active-submenu::after {
    background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/icon-_2.png) !important;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    right: 6px;
}
.cp__trigger {
    position: relative;
    cursor: pointer;
}

.pulldown { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/nav_dn_bg.png) repeat; padding:15px 12px; position:absolute; top:45px; width:950px;}
.nav_dn { margin-bottom:15px;}
.nav_dn li { float:left; margin-right:1%; background:#fff; padding:1%; border-radius:5px; width:17% }
.nav_dn li a { width:100%; display:block; border-radius:5px;}
.nav_dn li a .nav_img { width:100%;}
.nav_dn li a .nav_img img { width:100%;}
.nav_text { font-size:78%; line-height:1.4;}
.nav_text big { font-size:135%;}

.pulldown_btn { text-align:right; width:100%;}
.pulldown_btn a { width:290px; height:42px; background: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/top_bnr.png) no-repeat; display:block; margin-left:650px;}
.pulldown_btn a:hover { background: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/top_bnr_o.png) no-repeat; }

#contentsArea .dn01 a.sub_nav { color:#772d86; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow01.jpg) no-repeat right bottom 15px;}
#contentsArea .dn02 a.sub_nav { color:#f8c65b; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow02.jpg) no-repeat right bottom 15px;}
#contentsArea .dn03 a.sub_nav { color:#ec589f; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow03.jpg) no-repeat right bottom 15px;}
#contentsArea .dn04 a.sub_nav { color:#a3cf6b; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow04.jpg) no-repeat right bottom 15px;}
#contentsArea .dn05 a.sub_nav { color:#33bcdf; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow05.jpg) no-repeat right bottom 15px;}

#contentsArea .dn01 a.sub_nav:hover { color:#772d86; opacity:0.8; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow01_o.jpg) no-repeat right bottom 15px;}
#contentsArea .dn02 a.sub_nav:hover { color:#f8c65b; opacity:0.8; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow02_o.jpg) no-repeat right bottom 15px;}
#contentsArea .dn03 a.sub_nav:hover { color:#ec589f; opacity:0.8; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow03_o.jpg) no-repeat right bottom 15px;}
#contentsArea .dn04 a.sub_nav:hover { color:#a3cf6b; opacity:0.8; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow04_o.jpg) no-repeat right bottom 15px;}
#contentsArea .dn05 a.sub_nav:hover { color:#33bcdf; opacity:0.8; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/narrow05_o.jpg) no-repeat right bottom 15px;}

#contents.column1 { width:100%; padding:0; background:#fff;}

.sp { display:none;}


/* ----- search -----*/

#search-box .switch { display:none;}
.search_switch { width:155px; height:133px; background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/search_icon.png) ; position:fixed; top:20%; right:20px; z-index:2;    }
#search-box { top:20%; left:50%; margin-left:-459px; position:fixed; z-index:15;   }
.search_switch:hover { background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/search_icon_o.png) ;}
.search_switch .cp__trigger::after {
    background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/search_icon.png) !important;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    position: absolute;
	display: inline-block;
    content: " ";
    top: 50%;
    background-repeat: no-repeat;
}
.search_switch.cp__trigger.active-submenu { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/search_icon_s.png) no-repeat; display:none;}
.search_switch.cp__trigger.active-submenu::after { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/search_icon_s.png) no-repeat}

#search-box { border:2px solid #fe4958; display:none;}
#search-box h1 { margin:0; background:#fe4958; color:#fff; text-align:center; padding:8px 0;}
#search-box-body,#search-box h1{z-index:15;position: relative;}
.ui-datepicker{z-index:20 !important;}
.column1 #search-box p.searchSubmit a {
    background: url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/search_btn.jpg) no-repeat;
    width: 186px;
    height: 42px;
}
.column1 #search-box p.searchSubmit a:hover { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/search_btn_o.jpg) no-repeat;}

#searchCategoryForeign2 { display:none;}



/* ----- Part1 -----*/
#Part1 { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/page_line1.jpg) repeat-x bottom; padding-bottom:20px;}
#Part1 .p1contents { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/page_bg.gif) repeat; padding-bottom:20px;}
.page_h2 { text-align:center;}
.page_map { width:1080px; margin:auto; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/map_bg.jpg) no-repeat; height:459px;}
.google_map { width:638px; border: 6px solid #ffd768; height:410px; margin:15px auto auto; background:#fff;}
.map_btn { width:950px; margin:auto; text-align:right;}
.map_btn a { display:block; width:339px; height:42px; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/map_btn.jpg) no-repeat; margin-left:610px;}
.map_btn a:hover { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/map_btn_o.jpg) no-repeat;}

/*googlemap*/
#mapBox{height:410px;overflow: hidden;margin-bottom:20px; background:#FFF;}
#mapBox .mapfuki{ font-size:12px;font-style:normal;width:290px;overflow:hidden;}
#mapBox .mapfuki img{ width:90px; float:left;margin-right:10px;}
#mapBox .mapfuki span{display:block;margin-bottom:6px;float:left; width:180px;}
#mapBox .mapfuki span em{ font-style:normal;}
#mapBox .mapfuki span em.fukittl{ font-weight:bold; font-size:13px;}
#mapBox .mapfuki a{color:#2e66f9; display:block; text-align:right;}

/* ----- Part2 -----*/
#Part2 { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/page_line2.jpg) repeat-x bottom; padding-bottom:20px;}
.hotel_part { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/page_bg2.gif) repeat; padding-top:10px; padding-bottom:25px;}
.htlBox { border:0; background:#fff; padding-bottom:10px; position:relative;}


.box_icon { position:absolute; top:10px; left:-8px; z-index:1;}
.column1 .hotels { margin:auto; width:950px; margin-top:10px;}
.column1 .htlBox2 { width:448px; margin:0 10px 10px 15px;}
.htlBox .photo { padding:0;}
.htlBox .photo img { display:block;}
.column1 .hotels .area { text-align:center;}
#contentsArea .column1 .hotels .area a  {display: block;color: #fff;}

.column1 .hotels .area em {display: none;}
/*.htlBox h1 { margin-bottom:10px;}*/
.htlBox .rate, .htlBox .rank { border-color:#CBC2A0; margin:0 auto;width: 200px;}
#contentsArea .plan li a { margin-bottom:12px; background-color: rgba(255, 186, 7, 0.1);border-radius: 0;border: none;border-top: 1px solid #ffb907;position: relative;}

#contentsArea .plan li a:after{
	display: block;
	position: absolute;
	top: 50%;
	right: 7px;
	width: 10px;
	height: 10px;
	margin-top: -3px;
	border-top: 2px solid #894a96;
	border-right: 2px solid #894a96;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
#contentsArea .plan li a .planName { color:#00F;padding: 0 10px;line-height: 1.6;}
.column1 .htlBox2 .btn li { width:207px; margin-right:12px;}
.column1 .htlBox2 .btn li a:hover { opacity:0.8;}
.htlBox .plan li a .price span {
  color: #999;font-size: 12px;
}
.htlBox .plan li a .price em { font-size:200%;color: #cc0000;font-style: normal; font-weight: bold;}
.htlBox .plan li a .price { text-align:center;padding-top: 8px;font-size: 14px;padding-bottom: 8px;}
.htlBox .rank em.ranking40 { background-position: 3px -1545px;}
.htlBox .photo .thumPhotos { margin-top:4px; margin-bottom:4px;}
.htlBox .photo {position: relative;}
.htlBox .photo  p.area {position: absolute;bottom: 19px;left: 0;width:calc(100% - 10px) ;margin-bottom: 0; z-index:3;}
.htlBox .btn li a { background: #772D86; padding:8px 0 12px; border-radius: 3px;position: relative;}
.htlBox .btn li a em {display: none;}


.htlBox .btn li a:after{
	display: block;
	position: absolute;
	top: 50%;
	right: 7px;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.htlBox .btn li a:before {position: absolute;width: 100%;height: 5px;bottom: 0px;border-radius: 0 0 3px 3px;background:rgba(0,0,0,0.2);left: 0;content: '';}
.htlBox .btn a em { display:none;}

.box_link { width:890px; margin:10px auto 0 auto; text-align:right; font-size:82%;}
#contentsArea .box_link a { color:#4d8ffc;}

.column1 .htlBox3 { margin-left:10px; width:290px;}
.htlBox .photo .thumPhotos li { width:49%;}

.h2exp { width:880px; margin: 0px auto 20px auto; text-align:center; font-size:88%; line-height: 1.36em; color: #666;}
.htlBox .location {position: absolute;background:  url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/location.png) 0 0 no-repeat;top: 2px;left: 2px;height: 25px;width: 16px;color: #772d86;z-index:4;font-size: 14px;text-align: center;}

/* ----- style1 -----*/
.style1 .area { background: rgb(119, 45, 134);}
.style1 .plan li a { border-color:#772d86;}


/* ----- style2 -----*/
.style2 .area { background:rgb(245, 177, 68);}
.style2 .plan li a { border-color:#f6b145;}
.style2.htlBox:after { border-left:20px solid #F5B144;border-top:20px solid #F5B144;}
.style2 .location {color: #F5B144;}
#contentsArea .style2 .plan li a::after {border-right: 2px solid #F5B144;border-top: 2px solid #F5B144;}
.style2.htlBox .btn li a { background-color: #F5B144;}
/* ----- style3 -----*/
.style3 .area  { background:rgba(235,88,159,0.8);}
.style3 .plan li a { border-color:#ec589f;}
.style3.htlBox:after { border-left:20px solid #EB589F;border-top:20px solid #EB589F;}
.style3 .location {color: #EB589F;}
#contentsArea .style3 .plan li a::after {border-right: 2px solid #EB589F;border-top: 2px solid #EB589F;}
.style3.htlBox .btn li a { background-color: #EB589F;}
/* ----- style4 -----*/
.style4 .area { background:rgba(153,198,95,0.8);}
.style4 .plan li a { border-color:#99c75f;}
.style4.htlBox:after { border-left:20px solid #99C65F;border-top:20px solid #99C65F;}
.style4 .location {color: #99C65F;}
#contentsArea .style4 .plan li a::after {border-right: 2px solid #99C65F;border-top: 2px solid #99C65F;}
.style4.htlBox .btn li a { background-color: #99C65F;}
/* ----- style5 -----*/
.style5 .area { background:rgba(51,188,222,0.8);}
.style5 .plan li a { border-color:#33bcdf;}
.style5.htlBox:after { border: none;}
.style5 .location {color: #33BCDE;}
#contentsArea .style5 .plan li a::after {border-right: 2px solid #33BCDE;border-top: 2px solid #33BCDE;}
.style5.htlBox .btn li a { background-color: #33BCDE;}


#Hotel01,
#Hotel02,
#Hotel03,
#Hotel04,
#Hotel05 {
  overflow: hidden;
}
#Hotel01 .hotels>li,
#Hotel02 .hotels>li {
  box-sizing: border-box;
  float: left;
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}

#Hotel03 .hotels>li,
#Hotel04 .hotels>li,
#Hotel05 .hotels>li {
  box-sizing: border-box;
  float: left;
  width: 32%;
  margin-left: 0.6666666%;
  margin-right: 0.6666666%;
}


/* ----- Part3 -----*/
#Part3 { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/page_line1.jpg) repeat-x bottom; padding-bottom:20px;}
.p3box { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/page_bg.gif) repeat; padding-top:20px; padding-bottom:35px;}
.bnrbox { background:#fff; width:950px; padding:15px 12px; margin:15px auto 0 auto;}
.bnrbox li { float:left; margin:0 12px; width:166px; font-size:85%; line-height:1.2;}
.bnrbox li img { margin-bottom:8px;}
#contentsArea .bnrbox li a { color:#000;}
#contentsArea .bnrbox li a:hover { color:#f7af02;}
.bnr_btn { width:950px; margin:25px auto 0 auto;}
.bnr_btn a { display:block; width:264px; height:42px; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/bnrbox_btn.jpg) no-repeat; margin-left:698px;}
.bnr_btn a:hover { background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/bnrbox_btn_o.jpg) no-repeat;}

/* -----  -----*/
.htlBox .rate .hide, .htlBox .rank .hide {
margin-top: -3px;
}
.htlBox .rate .hide:after, .htlBox .rank .hide:after {
content: ' ';
display: block;
height: 2px;
}
.serach_bg{
	z-index:10;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
}
.column1 #search-box #domestic-search-box, .column1 #search-box #overseas-search-box { background:#fff;}
.close_s { position:relative;z-index:20;}
.close_btn { width:25px; height:25px; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/condo/images/close.jpg) no-repeat; position:absolute; right:6px; bottom:0; }

/*高橋追加分*/

.htlBox h1 {
    font-size:83%;
    word-wrap: break-word;
    padding: 5px;padding-top: 0;
    text-align: center;
}
.htlBox .plan {
    margin: 10px 10px;
}
section.htlBox.htlBox2.style1{border: 1px solid #8070af;}
section.htlBox.htlBox2.style2{border: 1px solid #f39800;}
section.htlBox.htlBox3.style3{border: 1px solid #e73a8e;}
section.htlBox.htlBox3.style4{border: 1px solid #0cab4a;}
section.htlBox.htlBox3.style5{border: 1px solid #33BCDE;}

.htlBox .rank em.ranking50 {
    background-position: 3px -1495px;
}
.htlBox .rank em.ranking30 {
    background-position: 3px -1596px;
}
.htlBox .rank em.ranking20 {
    background-position: 3px -1646px;
}
#contents .pagetop {
    clear: both;
    text-align: right;
    font-size: 82%;
    padding: 5px 0;
    width: 100%;
}
.utility2 ul.atn {
    padding: 0 5px 10px 0;
}
.cf {
    clear: both;
    width: 890px;
    margin: 10px auto 0 auto;
}
.utility2 ul.atn li {
    font-size: 78%;
    list-style-type: none;
    line-height: 18px;
}
#search-box {
    margin-bottom: 15px;
    border: 1px solid #CBC2A0;
    background-color: #FFF;
}


.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 22px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../images/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

/*高橋追加*/

li.imgnew{
	overflow: hidden;
    width: 100%;
    height: 266px;
    position: relative;
}

.htlBox .chara li {
    float: left;
    margin: 0 5px 5px 0;
    padding: 3px 5px;
    background-color: #fe4958 !important;
    border-radius: 3px;
    color: #FFF;
    font-size: 82%;
    line-height: 1.1;
    list-style-type: none;
    white-space: normal;
    word-break: normal;
    word-wrap: normal;
}



/* 0613 */

.htlBox a {
  display: block;
}

.htlBox .areaNm {
  color: #fff;
  font-size: 13px;
  padding: 5px 0;
  text-align: center;
}

.htlBox .htlNm {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 15px 0;
}

.htlBox .photo {
  margin: 10px 15px 0;
  width: auto;
}

.htlBox .mcenter {
  display: flex;
  justify-content: center;
}

.htlBox .mcenter span {
  width: 60px;
  margin: 5px 3px 0;
}

.htlBox .mcenter span img {
  width: 100%;
}

.htlBox .htlImg img {
  width: 100%;
}

.htlBox .sub {
  font-size: 13px;
  color: #aaa;
  margin: 5px 15px 0;
}

.htlBox .price {
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 14px;
  margin: 2px 0 5px 0;
}

.htlBox .price .present {
  color: #d00505;
  font-size: 25px;
  font-weight: 700;
}

.htlBox .price b.aboutP {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
}

.htlBox .price em.red {
  font-size: 16px;
  font-style: normal;
  color: #ca0b1a;
}

.htlBox .btnbox {
  overflow: hidden;
  clear: both;
  margin: 10px 30px;
}

.htlBox .btnbox li:nth-child(1) a {
  color: #fff !important;
  font-size: 16px;
  text-align: center;
  background: #772D86;
  padding: 8px 0 12px;
  border-radius: 3px;
  position: relative;
}

.htlBox .btnbox li:nth-child(1) a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.htlBox .btnbox li:nth-child(2) {
  font-size: 16px;
  margin: 3px 0 0;
  text-align: center;
}

.htlBox .btnbox li:nth-child(2) a {
  text-decoration: underline !important;
}

.htlBox .btnbox li:nth-child(2) a:hover {
  text-decoration: none !important;
}

#Hotel01 .htlBox {
  border: 1px solid #8070af;
}

#Hotel02 .htlBox {
  border: 1px solid #f39800;
}

#Hotel03 .htlBox {
  border: 1px solid #e73a8e;
}

#Hotel04 .htlBox {
  border: 1px solid #0cab4a;
}

#Hotel05 .htlBox {
  border: 1px solid #33BCDE;
}

#Hotel01 .areaNm,
#Hotel01 .btnbox li:nth-child(1) a {
  background: #772D86;
}

#Hotel02 .areaNm,
#Hotel02 .btnbox li:nth-child(1) a {
  background: #f5b144;
}

#Hotel03 .areaNm,
#Hotel03 .btnbox li:nth-child(1) a {
  background: #eb589f;
}

#Hotel04 .areaNm,
#Hotel04 .btnbox li:nth-child(1) a {
  background: #99c65f;
}

#Hotel05 .areaNm,
#Hotel05 .btnbox li:nth-child(1) a {
  background: #33bcde;
}

#Hotel01 .htlNm {
  color: #8070af;
}

#Hotel02 .htlNm {
  color: #f39800;
}

#Hotel03 .htlNm {
  color: #e73a8e;
}

#Hotel04 .htlNm {
  color: #0cab4a;
}

#Hotel05 .htlNm {
  color: #33BCDE;
}