@charset "UTF-8";

/*============================
#slideNav
============================*/
html,body {
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
.sp {
	display: none;
}
.clearF:after {
	content: "";
	display: block;
	clear: both;
}


.slideNav_inner {
	width: 100%;
	overflow-y: scroll;
}

.pushy-open-right .slideNav_inner {
	height: 100%;
}

.slideNav-trigger {
/*
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 950px;
*/
	height: 42px;
	z-index: 11;
}
/*
.menu-btn {
	left: auto;
	margin-left: 804px;
	margin-top: 0;
	width: 146px;
	float: none;
	padding: 10px 55px 10px 20px;
	background-color: #043265;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
	z-index: 11;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.menu-btn p {
	color: #fff;
}

.menu-btn p:after {
	display: block;
	position: absolute;
	top: 12px;
	right: 20px;
	content: "";
	width: 20px;
	height: 15px;
	background: url("/inttour/hawaii/hotellist/image/170706/icon_menu.png") no-repeat;
}

.menu-btn.is-fixed {
	position: fixed;
	top: 20px;
	margin-left: 960px;
}
*/
#naviMenu {
	position: relative;
	z-index: 11;
	display:none;
}
.menu-btn {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-shadow: -2px 2px 4px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:: -2px 2px 4px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: -2px 2px 4px 2px rgba(0,0,0,0.1);
	padding: 16px 12px 48px;
	position: fixed;
	top: 20px;
	height:164px;
	width: 74px;
	right:auto;
	left:50%;
	margin-left:485px;
	background-color: #4baad2;
	border-radius: 8px;
	cursor:pointer;
}
.menu-btn p::after {
	background: rgba(0, 0, 0, 0) url("/inttour/hawaii/hotellist/image/170706/icon_menu_02.png") no-repeat scroll 0 0;
	bottom: 10px;
	content: "";
	display: block;
	height: 130px;
	position: absolute;
	right: 24px;
	width: 20px;
}
.pushy-open-right .menu-btn {
	display: none;
}


/* タブメニュー */
.slideTtl {
	margin: 5px 15px;
	font-size: 24px;
	font-weight: bold;
	color: #1275ca;
}

.tab-menu {
	list-style: none;
	letter-spacing: -0.4em;
	border-bottom: 2px solid #1275ca;
}

.tab-menu li {
	display: inline-block;
	padding: 10px 8px;
	margin-right: 1.3%;
	width: 32%;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #1275ca;
	background: #f5f5f5;
	letter-spacing: normal;
	border-radius: 10px 10px 0 0;
	cursor: pointer;
}

.tab-menu li:last-child {
	margin-right: 0;
}

.tab-menu li span {
	font-size: 16px;
	font-weight: bold;
}


.tab-menu li.active {
	background: #1275ca;
	color: #fff;
}
.tab-box {
	color: #fff;
}
.tab-box div {
	display: none;
}
.tab-box div.active {
	display: block;
}

.slide-hotelList li:hover {
	background: #1275ca;
}

.slide-hotelList li {
	border-bottom: 1px solid #e5e5e9;
}

.slide-hotelList li a {
	position: relative;
}


.slide-hotelList li a:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border-top: 5px solid rgba(255,255,255,0);
	border-right: 6px solid rgba(255,255,255,0);
	border-bottom: 5px solid rgba(255,255,255,0);
	border-left: 6px solid #1275ca;
}

.slide-hotelList li a:hover:before {
	border-left: 6px solid #fff;
}

.slide-hotelClass dt{
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #e5e5e9;
	background-color: #99c7eb;
}

.closeBtn {
	margin: 0 auto;
	width: 300px;
	cursor: pointer;
}
.pushy-link.closeBtn a {
	padding: 10px 20px;
	background-color: #043265;
	border-radius: 8px;
	margin: 30px auto;
	color: #fff;
	text-align: center;
}

.pushy-link.closeBtn a:hover {
	opacity: 0.8;
}


.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
	background: rgba(255,255,255,0);
}


.fixed {
/*	position: fixed; */
	width: calc(100vw - 17px);
	height: 100%;
}

/* 出発日から探す */
#hotellistModuleArea {
	margin:50px 10px 30px;
}
#hotellistModuleArea h2 {
	background: rgba(0, 0, 0, 0);
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 30px;
	padding: 0;
	text-align: center;
	width: 100%;
}

/* TOPへ */
#btnTop {
	position: fixed;
	bottom:1%;
	right:auto;
	left:50%;
	margin-left:485px;
	z-index:10;
}
#btnTop a:focus{
	outline:none;
}

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

	1025px～

==================================================== */
@media screen and (min-width: 1025px) {

/* ----------------------------------
	パンくず
---------------------------------- */
#breadcrumb {
	width: 950px;
	margin: 0 auto;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
em {
	font-style: normal;
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clearFix */
.clearFix { display: block; }
.clearFix:after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

.clear { clear: both; }

/*============================
#contentsArea
============================*/
#contentsArea { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/*============================
#mainTitleArea
============================*/
#mainTitleArea {}
#mainTitleArea .image {}
#mainTitleArea .image img {}
#mainTitleArea .subCopy {  }
#mainTitleArea .subCopy ul { margin-top: 20px; }
#mainTitleArea .subCopy ul li { padding-left: 400px; line-height: 1.5; text-indent: -1.5em; }
#mainTitleArea .subCopy ul li span { display: inline-block; text-indent: 0; width: 1.5em; }

/*============================
#naviArea
============================*/
#naviArea { margin-top: 20px; }
#naviArea ul { width: 949px; height: 90px; background: url(/inttour/hawaii/hotellist/image/170706/bg_navi950.png) no-repeat left bottom; }
#naviArea ul li { float: left; margin-left: 14px; }
#naviArea ul li.SSClass { margin-left: 0; }
#naviArea ul li:first-child { margin-left: 0; }
#naviArea ul li a { display: block; width: 307px; height: 90px; background: url(/inttour/hawaii/hotellist/image/180208/navi950.png) no-repeat left top; text-indent: -9999px; }
#naviArea ul li.SSClass a { background-position: 0 top; }
#naviArea ul li.SClass a { background-position: -322px top; }
#naviArea ul li.otherClass a { background-position: -643px top; }

#naviArea ul li.activeSS a { background-position: 0 bottom; }
#naviArea ul li.activeS a { background-position: -322px bottom; }
#naviArea ul li.activeOther a { background-position: -643px bottom; }

#naviArea ul li.active a:hover { opacity: 1; }

/*============================
#hotelArea
============================*/
#hotelArea { width: 930px; padding-bottom: 40px; margin: 0 auto; }
#hotelArea .hotelBlock { border: solid 1px #ccc; padding: 20px; border-radius: 10px; margin-top: 20px; box-shadow: 0 0 10px #aaa; }
#hotelArea .hotelBlock .pad { width: 870px; }

#hotelArea .hotelBlock .pad .mainTitle { border-top: solid 3px #99c7eb; border-bottom: solid 3px #99c7eb; font-size: 22px; font-weight: bold; color: #0073cd; padding-top: 15px; padding-bottom: 15px; line-height: 1.5; text-indent: 0; }
#hotelArea .hotelBlock .pad .logo_disney { background: url(/inttour/hawaii/hotellist/image/180510/logo_disney.png) 97% center no-repeat; }
#hotelArea .hotelBlock .pad .mainTitle span { display: block; text-indent: -9999px; width: 100px; height: 34px; margin-right: 10px; float: left; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_ss { background: url(/inttour/hawaii/hotellist/image/160523/icon_ss.png) left center no-repeat; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_l { background: url(/inttour/hawaii/hotellist/image/180208/icon_l.png) left center no-repeat; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_s { background: url(/inttour/hawaii/hotellist/image/160523/icon_s.png) left center no-repeat; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_a { background: url(/inttour/hawaii/hotellist/image/160523/icon_a.png) left center no-repeat; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_b { background: url(/inttour/hawaii/hotellist/image/160523/icon_b.png) left center no-repeat; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_c { background: url(/inttour/hawaii/hotellist/image/160523/icon_c.png) left center no-repeat; }
#hotelArea .hotelBlock .pad .mainTitle span.logo_disney { /* width: 52px; height: 60px; background: url(/inttour/hawaii/hotellist/image/180510/logo_disney.png) right center no-repeat; */}

.pc{display:block;}
.pc-inline{display:inline;}
.sp{display:none;}

#hotelArea .hotelBlock .pad .slide { background: #000; margin-top: 20px; padding: 30px; width: 870px; height: 670px; box-sizing: border-box; overflow: hidden; }
#hotelArea .hotelBlock .pad .slide ul li { position: relative; }
#hotelArea .hotelBlock .pad .slide .main { width: 810px; overflow: hidden; } 
#hotelArea .hotelBlock .pad .slide .main .flexslider { margin: 0; background: inherit; border: none; }
#hotelArea .hotelBlock .pad .slide .sub { width: 810px; overflow-x:scroll\9;
scrollbar-base-color: #555;
scrollbar-face-color: #333;
scrollbar-track-color: #555;
scrollbar-arrow-color: #222; }
#hotelArea .hotelBlock .pad .slide .sub .flexslider { margin: 0; background: inherit; border: none; position: relative; }
#hotelArea .hotelBlock .pad .slide .sub .flexslider .slides { width: 3200px\9 !important; }

#hotelArea #TRI.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #HKU.hotelBlock .pad .slide .sub .flexslider .slides { width: 1640px\9 !important; }
#hotelArea #MOA.hotelBlock .pad .slide .sub .flexslider .slides { width: 2460px\9 !important; }
#hotelArea #RHH.hotelBlock .pad .slide .sub .flexslider .slides { width: 2140px\9 !important; }
#hotelArea #RZK.hotelBlock .pad .slide .sub .flexslider .slides { width: 1640px\9 !important; }
#hotelArea #ADKO.hotelBlock .pad .slide .sub .flexslider .slides { width: 3120px\9 !important; }
#hotelArea #KHL.hotelBlock .pad .slide .sub .flexslider .slides { width: 2790px\9 !important; }

#hotelArea #SHW.hotelBlock .pad .slide .sub .flexslider .slides { width: 2140px\9 !important; }
#hotelArea #HYT.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #HHV.hotelBlock .pad .slide .sub .flexslider .slides { width: 2790px\9 !important; }
#hotelArea #ESW.hotelBlock .pad .slide .sub .flexslider .slides { width: 1640px\9 !important; }
#hotelArea #WBMR.hotelBlock .pad .slide .sub .flexslider .slides { width: 2140px\9 !important; }
#hotelArea #ORW.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #HPR.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #TMH.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #AWBT.hotelBlock .pad .slide .sub .flexslider .slides { width: 1640px\9 !important; }

#hotelArea #SHPK.hotelBlock .pad .slide .sub .flexslider .slides { width: 1150px\9 !important; }
#hotelArea #PCB.hotelBlock .pad .slide .sub .flexslider .slides { width: 1150px\9 !important; }
#hotelArea #PSW.hotelBlock .pad .slide .sub .flexslider .slides { width: 1480px\9 !important; }
#hotelArea #AWBH.hotelBlock .pad .slide .sub .flexslider .slides { width: 820px\9 !important; }
#hotelArea #WPH.hotelBlock .pad .slide .sub .flexslider .slides { width: 820px\9 !important; }
#hotelArea #HPL.hotelBlock .pad .slide .sub .flexslider .slides { width: 990px\9 !important; }
#hotelArea #ILK.hotelBlock .pad .slide .sub .flexslider .slides { width: 1320px\9 !important; }
#hotelArea #SHL.hotelBlock .pad .slide .sub .flexslider .slides { width: 990px\9 !important; }
#hotelArea #OWM.hotelBlock .pad .slide .sub .flexslider .slides { width: 1150px\9 !important; }
#hotelArea #AAWB.hotelBlock .pad .slide .sub .flexslider .slides { width: 990px\9 !important; }
#hotelArea #AWS.hotelBlock .pad .slide .sub .flexslider .slides { width: 990px\9 !important; }
#hotelArea #WSV.hotelBlock .pad .slide .sub .flexslider .slides { width: 1320px\9 !important; }

#hotelArea .hotelBlock .pad .slide .sub .flexslider img { width: 150px\9; height: 117px\9; }
#hotelArea .hotelBlock .pad .slide .sub .flexslider .flex-active-slide img { width: 140px\9; height: 107px\9; border: solid 5px #fff; box-sizing: border-box; }

#hotelArea .hotelBlock .pad .slide .sub .flexslider .flex-active-slide:before { position: absolute; content: ""; display: inline-block; width: 0; height: 0; border: 15px solid transparent; border-bottom: 15px solid #fff; left: 50%; top: -26px; margin-left: -15px; }
#hotelArea .hotelBlock .pad .slide .sub .flexslider .flex-viewport { padding-top: 20px; }

#hotelArea .flexslider .flex-direction-nav { display: none\9; }
#hotelArea .flexslider .flex-direction-nav a { display: block; width: 30px; height: 30px; }
#hotelArea .flexslider .flex-direction-nav .flex-prev { left: -30px; top: -60px; text-align: left; opacity: 1; text-indent: -9999px; background: url(/inttour/hawaii/hotellist/image/160523/arrow_left.png) center bottom no-repeat; }
#hotelArea .flexslider .flex-direction-nav .flex-next { right: -30px; top: -60px; text-align: left; opacity: 1; text-indent: -9999px; background: url(/inttour/hawaii/hotellist/image/160523/arrow_right.png) center bottom no-repeat; }

/*#hotelArea .flexslider .flex-direction-nav .flex-disabled {
  opacity: 1!important\9;
  filter: alpha(opacity=100)\9;
  cursor: pointer\9;
  z-index: 9999\9;
}*/


#hotelArea .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: -30px; top: -60px; z-index: 9999; }
#hotelArea .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; left: -30px; top: -60px; z-index: 9999; }
#hotelArea .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: -30px; top: -60px; z-index: 9999; }
#hotelArea .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; right: -30px; top: -60px; z-index: 9999; }
#hotelArea .hotelBlock .pad .slide .caption { color: #777; margin-top: 10px; line-height: 1.5; text-align: right; }
#hotelArea .hotelBlock .pad .slide .credit { color: #777; margin-top: 10px; text-align: right; }

#hotelArea .hotelBlock .pad .slide .copy {}
#hotelArea .hotelBlock .pad .infoCopy { margin-top: 20px; line-height: 1.5; }
#hotelArea .hotelBlock .pad .image { margin-top: 20px; }
#hotelArea .hotelBlock .pad .image img {}

#hotelArea .hotelBlock .pad .info { margin-top: 20px; }
#hotelArea .hotelBlock .pad .info .sample {}
#hotelArea .hotelBlock .pad .info .sample .title { font-weight: bold; float: left; width:150px;}
#hotelArea .hotelBlock .pad .info .sample .title_02 { float: left; width:660px; font-size:12px; line-height:18px; margin-bottom: 12px;}
#hotelArea .hotelBlock .pad .info .sample table { width: 100%; border: solid 2px #0073cd; margin-top: 10px; }
#hotelArea .hotelBlock .pad .info .sample table tr { border: solid 1px #bebec8; text-align: center; }
#hotelArea .hotelBlock .pad .info .sample table tr th { background: #0073cd; color: #fff; text-align: center; padding: 5px; white-space: nowrap; }
#hotelArea .hotelBlock .pad .info .sample table tr th.type {}
#hotelArea .hotelBlock .pad .info .sample table tr th.wid { width: 160px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.checkin { width: 120px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.checkout { width: 120px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.sub { background: #f5f5f5; color: #555; }
#hotelArea .hotelBlock .pad .info .sample table tr td { border-left: solid 1px #0073cd; padding: 5px; vertical-align: middle; text-align: left; }
#hotelArea .hotelBlock .pad .info .sample table tr td.type {}
#hotelArea .hotelBlock .pad .info .sample table tr td.wid { width: 160px;  }
#hotelArea .hotelBlock .pad .info .sample table tr td.checkin { width: 120px; text-align: center; }
#hotelArea .hotelBlock .pad .info .sample table tr td.checkout { width: 120px; text-align: center; }


#hotelArea .hotelBlock .pad .info .sample table tr td div { line-height: 1.25; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBlue { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_blue.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBlue2 { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_blue2.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorOrange { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_orange.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorPink{  padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_pink.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorGreen{ padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_green.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorPurple { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_purple.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBrown { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_brown.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorGold { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_gold.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .noColor{ padding-left: 20px; }
#hotelArea .hotelBlock .pad .info .sample table tr td span { font-size: 12px; }
#hotelArea .hotelBlock .pad .info .sample table tr td span.ninzu { display: inline-block; color: #e47920; border: solid 1px #e47920; padding: 2px 3px 0 3px; border-radius: 4px; font-size: 12px; margin-left: 15px; margin-right: 5px; font-weight: bold; }

#hotelArea .hotelBlock .pad .info .subCopy { margin-top: 10px; font-size: 0.875em; line-height: 1.25; }

.pad .link { width:507px;margin:0 auto 0 auto; }
#hotelArea .hotelBlock .pad .link .button { text-align: center; margin-top: 20px; }
#hotelArea .hotelBlock .pad .link .button a {}
#hotelArea .hotelBlock .pad .link .button a img {}
#hotelArea .hotelBlock .pad .link .copy { margin-top: 10px; font-size: 0.875em; line-height: 1.25; text-align: center; }


.bx-pager a img {  
opacity: 0.5;  
filter: alpha(opacity=50);  
}  
.bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=100);  
}






}

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

	0px～1150px(TOPへボタンの調整)

==================================================== */
@media screen and (max-width: 1190px) {
.menu-btn {
	right:2%;
	left:auto;
	margin-left:0;
}
#btnTop {
	right:2%;
	left:auto;
	margin-left:0;
}

}

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

	0px～1024px

==================================================== */
@media screen and (max-width: 1024px) {


.rcrumbs {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.pconly {
	display:none;
}

#btnTop {
    background-color: #49a9d6;
    bottom: 0;
    height: 80px;
    left: auto;
    margin-left: 0;
    right: 0;
    width: 15% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width: 160px;
	cursor: pointer;
}

.menu-btn {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    margin-left: 0;
    margin-right: 160px;
    padding: 0;
    top: inherit;
    right: 0;
    left: 0;
    bottom: 0;
    height: 80px;
    width : 85%; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 160px) ;
    width : calc(100% - 160px) ;
	z-index:10;
}

.menu-btn p::after {
    background: rgba(0, 0, 0, 0) url("/inttour/hawaii/hotellist/image/170706/icon_menu_02_sp.png") no-repeat scroll 0 0;
    height: auto;
    left: 33%;
    margin: auto;
    top: 28px;
    width: 100%;
	background-size:33% auto;
}

#btnTop::after {
    background: rgba(0, 0, 0, 0) url("/inttour/hawaii/hotellist/image/170706/ico_arrow_top_02_sp.png") no-repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: auto;
    left: 66px;
    margin: auto;
    position: absolute;
    top: 9px;
    width: 100%;
	background-size:20% auto;
}

}

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

	641px～1024px

==================================================== */
@media screen and (min-width: 641px) and (max-width: 1024px) {

#mainTitleArea {
	margin: 0 10px;
}



/* clearFix */
.clearFix { display: block; }
.clearFix:after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

.clear { clear: both; }

/*============================
#contentsArea
============================*/
#contentsArea {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 auto;
	padding: 0;
	width: 95%;
}

/*============================
#mainTitleArea
============================*/
#mainTitleArea {}
#mainTitleArea .image {}
#mainTitleArea .image img { width: 100%; height: auto; }
#mainTitleArea .subCopy {}
#mainTitleArea .subCopy ul { margin-top: 20px; }
#mainTitleArea .subCopy ul li { padding-left: 42.1%; line-height: 1.367; text-indent: -1.367vw; font-size: 1.367vw; }
#mainTitleArea .subCopy ul li span { display: inline-block; text-indent: 0; width: 1.367vw; }

/*============================
#naviArea
============================*/
#naviArea { margin-top: 20px; }
#naviArea ul { border-bottom: solid 5px #0073cd; }
#naviArea ul li { float: left; margin-left: 2%; width: 32%; padding: 0; text-indent: 0; }
#naviArea ul li:first-child { margin-left: 0; }
#naviArea ul li a {
	display: block;
	border: solid 1px #ddd;
	border-bottom: none;
	padding: 15px 0;
	color: #0073cd;
	font-weight: bold;
	text-align: center;
	border-radius: 10px 10px 0 0;
	text-decoration: none;
	font-size: 2.539vw;
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 80%, #d6d6d6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#f0f0f0 80%,#d6d6d6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f0f0f0 0%,#f0f0f0 80%,#d6d6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}
#naviArea ul li a span {font-size: 1.953vw; font-weight:bold;}
#naviArea ul li.active a { background: #0073cd; color: #fff; border-color: #0073cd; }

#naviArea ul li.active a:hover { opacity: 1; }

/*============================
#hotelArea
============================*/
#hotelArea { /*width: 628px; */ padding-bottom: 40px; }
#hotelArea .hotelBlock { border: solid 1px #ccc; padding: 20px; border-radius: 10px; margin-top: 20px; box-shadow: 0 0 10px #aaa; }
#hotelArea .hotelBlock .pad { /*width: 580px; */ }

#hotelArea .hotelBlock .pad .mainTitle { border-top: solid 3px #99c7eb ; border-bottom: solid 3px #99c7eb ; vertical-align: middle; font-size: 2.148vw; font-weight: bold; color: #0073cd; padding-top: 10px; padding-bottom: 10px; line-height: 1.25; }
#hotelArea .hotelBlock .pad .logo_disney { background: url(/inttour/hawaii/hotellist/image/180510/logo_disney.png) 95% 74% no-repeat; background-size: 4% auto; }
#hotelArea .hotelBlock .pad .mainTitle span { display: block; text-indent: -9999px; width: 58px; height: 20px; margin-right: 6px; margin-bottom: 10px;float:left;}
#hotelArea .hotelBlock .pad .mainTitle span.icon_ss { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_ss.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_l { background: url(/sp/inttour/hawaii/hotellist/image/180208/icon_l.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_s { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_s.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_a { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_a.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_b { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_b.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_c { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_c.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle .disneyTitle { width: 85%; vertical-align: middle; font-size: 16px; font-weight: bold; color: #0073cd; padding-top: 10px; padding-bottom: 10px; line-height: 1.25; }

.pc{display:block;}
.pc-inline{display:inline;}
.sp{display:none;}

/*============================
#flexslider pad
============================*/
#hotelArea .hotelBlock .pad .slide { background: #000; margin-top: 20px; padding: 30px; width: 100%; height: auto; box-sizing: border-box; overflow: hidden; }
#hotelArea .hotelBlock .pad .slide ul li { position: relative; }
#hotelArea .hotelBlock .pad .slide .main { width: 100%; overflow: hidden; } 
#hotelArea .hotelBlock .pad .slide .main .flexslider { margin: 0; background: inherit; border: none; }
#hotelArea .hotelBlock .pad .slide .sub { width: 100%; overflow-x:scroll\9;
scrollbar-base-color: #555;
scrollbar-face-color: #333;
scrollbar-track-color: #555;
scrollbar-arrow-color: #222; }
#hotelArea .hotelBlock .pad .slide .sub .flexslider { margin: 0; background: inherit; border: none; position: relative; }
#hotelArea .hotelBlock .pad .slide .sub .flexslider .slides { width: 3200px\9 !important; }

#hotelArea #TRI.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #HKU.hotelBlock .pad .slide .sub .flexslider .slides { width: 1640px\9 !important; }
#hotelArea #MOA.hotelBlock .pad .slide .sub .flexslider .slides { width: 2460px\9 !important; }
#hotelArea #RHH.hotelBlock .pad .slide .sub .flexslider .slides { width: 2140px\9 !important; }
#hotelArea #RZK.hotelBlock .pad .slide .sub .flexslider .slides { width: 1640px\9 !important; }
#hotelArea #ADKO.hotelBlock .pad .slide .sub .flexslider .slides { width: 3120px\9 !important; }
#hotelArea #KHL.hotelBlock .pad .slide .sub .flexslider .slides { width: 2790px\9 !important; }

#hotelArea #SHW.hotelBlock .pad .slide .sub .flexslider .slides { width: 2140px\9 !important; }
#hotelArea #HYT.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #HHV.hotelBlock .pad .slide .sub .flexslider .slides { width: 2790px\9 !important; }
#hotelArea #ESW.hotelBlock .pad .slide .sub .flexslider .slides { width: 1640px\9 !important; }
#hotelArea #WBMR.hotelBlock .pad .slide .sub .flexslider .slides { width: 2140px\9 !important; }
#hotelArea #ORW.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #HPR.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #TMH.hotelBlock .pad .slide .sub .flexslider .slides { width: 1810px\9 !important; }
#hotelArea #AWBT.hotelBlock .pad .slide .sub .flexslider .slides { width: 1640px\9 !important; }

#hotelArea #SHPK.hotelBlock .pad .slide .sub .flexslider .slides { width: 1150px\9 !important; }
#hotelArea #PCB.hotelBlock .pad .slide .sub .flexslider .slides { width: 1150px\9 !important; }
#hotelArea #PSW.hotelBlock .pad .slide .sub .flexslider .slides { width: 1480px\9 !important; }
#hotelArea #AWBH.hotelBlock .pad .slide .sub .flexslider .slides { width: 820px\9 !important; }
#hotelArea #WPH.hotelBlock .pad .slide .sub .flexslider .slides { width: 820px\9 !important; }
#hotelArea #HPL.hotelBlock .pad .slide .sub .flexslider .slides { width: 990px\9 !important; }
#hotelArea #ILK.hotelBlock .pad .slide .sub .flexslider .slides { width: 1320px\9 !important; }
#hotelArea #SHL.hotelBlock .pad .slide .sub .flexslider .slides { width: 990px\9 !important; }
#hotelArea #OWM.hotelBlock .pad .slide .sub .flexslider .slides { width: 1150px\9 !important; }
#hotelArea #AAWB.hotelBlock .pad .slide .sub .flexslider .slides { width: 990px\9 !important; }
#hotelArea #AWS.hotelBlock .pad .slide .sub .flexslider .slides { width: 990px\9 !important; }
#hotelArea #WSV.hotelBlock .pad .slide .sub .flexslider .slides { width: 1320px\9 !important; }

#hotelArea .hotelBlock .pad .slide .sub .flexslider img { width: 150px\9; height: 117px\9; }
#hotelArea .hotelBlock .pad .slide .sub .flexslider .flex-active-slide img { width: 140px\9; height: 107px\9; border: solid 5px #fff; box-sizing: border-box; }

#hotelArea .hotelBlock .pad .slide .sub .flexslider .flex-active-slide:before { position: absolute; content: ""; display: inline-block; width: 0; height: 0; border: 15px solid transparent; border-bottom: 15px solid #fff; left: 50%; top: -26px; margin-left: -15px; }
#hotelArea .hotelBlock .pad .slide .sub .flexslider .flex-viewport { padding-top: 20px; }

#hotelArea .flexslider .flex-direction-nav { display: none\9; }
#hotelArea .flexslider .flex-direction-nav a { display: block; width: 30px; height: 30px; }
#hotelArea .flexslider .flex-direction-nav .flex-prev { left: -30px; top: 0px; margin-top:-10%; text-align: left; opacity: 1; text-indent: -9999px; background: url(/inttour/hawaii/hotellist/image/160523/arrow_left.png) center bottom no-repeat; }
#hotelArea .flexslider .flex-direction-nav .flex-next { right: -30px; top: 0px; margin-top:-10%; text-align: left; opacity: 1; text-indent: -9999px; background: url(/inttour/hawaii/hotellist/image/160523/arrow_right.png) center bottom no-repeat; }

/*#hotelArea .flexslider .flex-direction-nav .flex-disabled {
  opacity: 1!important\9;
  filter: alpha(opacity=100)\9;
  cursor: pointer\9;
  z-index: 9999\9;
}*/


#hotelArea .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: -30px; top: 0px; margin-top:-10%; z-index: 9999; }
#hotelArea .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; left: -30px; top: 0px; margin-top:-10%; z-index: 9999; }
#hotelArea .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: -30px; top: 0px; margin-top:-10%; z-index: 9999; }
#hotelArea .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; right: -30px; top: 0px; margin-top:-10%; z-index: 9999; }
#hotelArea .hotelBlock .pad .slide .caption { color: #777; margin-top: 10px; line-height: 1.5; text-align: right; }
#hotelArea .hotelBlock .pad .slide .credit { color: #777; margin-top: 10px; text-align: right; }

#hotelArea .hotelBlock .pad .slide .copy {}
#hotelArea .hotelBlock .pad .infoCopy { margin-top: 20px; line-height: 1.5; font-size:1.5625vw}
#hotelArea .hotelBlock .pad .image { margin-top: 20px; }
#hotelArea .hotelBlock .pad .image img {}

#hotelArea .hotelBlock .pad .info { margin-top: 20px; }
#hotelArea .hotelBlock .pad .info .sample {}
#hotelArea .hotelBlock .pad .info .sample .title { font-weight: bold; float: left; width:150px; font-size:1.5625vw}
#hotelArea .hotelBlock .pad .info .sample .title_02 { float: left; width:inherit; font-size:1.171vw; line-height:18px; margin-bottom: 12px;}
#hotelArea .hotelBlock .pad .info .sample table { width: 100%; border: solid 2px #0073cd; margin-top: 10px; }
#hotelArea .hotelBlock .pad .info .sample table tr { border: solid 1px #bebec8; text-align: center; }
#hotelArea .hotelBlock .pad .info .sample table tr th { background: #0073cd; color: #fff; text-align: center; padding: 5px; white-space: nowrap; font-size:1.5625vw}
#hotelArea .hotelBlock .pad .info .sample table tr th.type {}
#hotelArea .hotelBlock .pad .info .sample table tr th.wid { width: 160px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.checkin { width: 120px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.checkout { width: 120px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.sub { background: #f5f5f5; color: #555; }
#hotelArea .hotelBlock .pad .info .sample table tr td { border-left: solid 1px #0073cd; padding: 5px; vertical-align: middle; text-align: left; font-size:1.5625vw}
#hotelArea .hotelBlock .pad .info .sample table tr td.type {}
#hotelArea .hotelBlock .pad .info .sample table tr td.wid { width: 160px;  }
#hotelArea .hotelBlock .pad .info .sample table tr td.checkin { width: 120px; text-align: center; }
#hotelArea .hotelBlock .pad .info .sample table tr td.checkout { width: 120px; text-align: center; }


#hotelArea .hotelBlock .pad .info .sample table tr td div { line-height: 1.25; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBlue { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_blue.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBlue2 { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_blue2.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorOrange { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_orange.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorPink{  padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_pink.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorGreen{ padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_green.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorPurple { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_purple.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBrown { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_brown.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorGold { padding-left: 20px; background: url(/inttour/hawaii/hotellist/image/160523/icon_gold.png) left 4px no-repeat; }
#hotelArea .hotelBlock .pad .info .sample table tr td .noColor{ padding-left: 20px; }
#hotelArea .hotelBlock .pad .info .sample table tr td span { font-size: 12px; }
#hotelArea .hotelBlock .pad .info .sample table tr td span.ninzu { display: inline-block; color: #e47920; border: solid 1px #e47920; padding: 2px 3px 0 3px; border-radius: 4px; font-size: 12px; margin-left: 15px; margin-right: 5px; font-weight: bold; }

#hotelArea .hotelBlock .pad .info .subCopy { margin-top: 10px; font-size: 0.875em; line-height: 1.25; }

#hotelArea .hotelBlock .pad .link {}
#hotelArea .hotelBlock .pad .link .button { text-align: center; margin-top: 20px; }
#hotelArea .hotelBlock .pad .link .button a {}
#hotelArea .hotelBlock .pad .link .button a img {}
#hotelArea .hotelBlock .pad .link .copy { margin-top: 10px; font-size: 0.875em; line-height: 1.25; text-align: center; }


.bx-pager a img {  
opacity: 0.5;  
filter: alpha(opacity=50);  
}  
.bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=100);  
}


/*============================
#slideNav
============================*/
/*
.slideNav-trigger {
	width: 100%;
}
.menu-btn {
	margin-left: 77.5vw;
	padding: 0.9765625vw 5.37109375vw 0.9765625vw 1.953125vw;
	width: 15.257813vw !important;
}
.menu-btn p {
	font-size: 1.3671875vw;
}
.menu-btn p:after {
	top: 1.171875vw;
	right: 1.953125vw;
	width: 1.953125vw;
	background-size: 100%;
}

.menu-btn.is-fixed {
	margin-left: 77.5vw;
}
*/


.slideTtl {
	font-size: 2.34375vw;
}
.tab-menu li {
	padding: 0.9765625vw 0.78125vw;
	font-size: 1.171875vw;
}
.tab-menu li span {
	font-size: 1.5625vw;
}
.slide-hotelList li a:before {
	left: 2.441406vw;
}
.slide-hotelClass dt {
	padding: 0.48828125vw;
	font-size: 1.3671875vw;
}


.pushy a {
	padding: 1.46484375vw 2.9296875vw 1.46484375vw 3.90625vw !important;
	font-size: 1.3671875vw;
}

.closeBtn {
	width: 80%;
}

.pushy-link.closeBtn a {
	margin: 2.9296875vw auto;
	padding: 10px 1.953125vw !important;
}



}

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

	0px～640px

==================================================== */
@media screen and (max-width: 640px) {

#wrap-contents {
	overflow: hidden;
}

#wrap-container {
	width: 100%;
	margin: inherit;
	height: inherit;
	padding-bottom: 0;
}

/* clearFix */
.clearFix { display: block; }
.clearFix:after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

.clear { clear: both; }

/*============================
#contentsArea
============================*/
#contentsArea {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 auto;
	padding: 0;
	width: 95%;
}

/*============================
#mainTitleArea
============================*/
#mainTitleArea {}
#mainTitleArea .image {}
#mainTitleArea .image img { width: 100%; height: auto; }
#mainTitleArea .subCopy {}
#mainTitleArea .subCopy ul { margin-top: 20px; }
#mainTitleArea .subCopy ul li {
	line-height: 1.25;
	padding-left: 1.5em;
	text-indent: -1.5em;
	font-size: 12px;
}
#mainTitleArea .subCopy ul li span { display: inline-block; text-indent: 0; width: 1.5em; }

/*============================
#naviArea
============================*/
#naviArea { margin-top: 20px; }
#naviArea ul { border-bottom: solid 5px #0073cd; }
#naviArea ul li { float: left; margin-left: 2%; width: 32%; padding: 0; text-indent: 0; }
#naviArea ul li:first-child { margin-left: 0; }
#naviArea ul li a { display: block; background: #f5f5f5; border: solid 1px #ddd; border-bottom: none; padding: 15px 0; color: #0073cd; font-weight: bold; text-align: center; border-radius: 10px 10px 0 0; text-decoration: none; font-size: 12px; }
#naviArea ul li.active a { background: #0073cd; color: #fff; border-color: #0073cd; }

#naviArea ul li.active a:hover { opacity: 1; }

/*============================
#hotelArea
============================*/
#hotelArea { /*width: 628px; */ padding-bottom: 40px; }
#hotelArea .hotelBlock { border: solid 1px #ccc; padding: 20px; border-radius: 10px; margin-top: 20px; box-shadow: 0 0 10px #aaa; }
#hotelArea .hotelBlock .pad { /*width: 580px; */ }

#hotelArea .hotelBlock .pad .mainTitle { border-top: solid 3px #99c7eb ; border-bottom: solid 3px #99c7eb ; vertical-align: middle; font-size: 16px; font-weight: bold; color: #0073cd; padding-top: 10px; padding-bottom: 10px; line-height: 1.25; }
#hotelArea .hotelBlock .pad .logo_disney { background: url(/inttour/hawaii/hotellist/image/180510/logo_disney.png) 99% 74% no-repeat; background-size: 11% auto; padding-right:54px;}
#hotelArea .hotelBlock .pad .mainTitle span { display: block; text-indent: -9999px; width: 58px; height: 20px; margin-right: 0; margin-bottom: 10px; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_ss { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_ss.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_l { background: url(/sp/inttour/hawaii/hotellist/image/180208/icon_l.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_s { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_s.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_a { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_a.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_b { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_b.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle span.icon_c { background: url(/sp/inttour/hawaii/hotellist/image/160523/icon_c.png) left center no-repeat; background-size: 58px auto; }
#hotelArea .hotelBlock .pad .mainTitle .disneyTitle { width: 85%; vertical-align: middle; font-size: 16px; font-weight: bold; color: #0073cd; padding-top: 10px; padding-bottom: 10px; line-height: 1.25; }

.pc{display:none;}
.pc-inline{display:none;}
.sp{display:block;}


#hotelArea .hotelBlock .pad .slide { margin-top: 20px; }
#hotelArea .hotelBlock .pad .slide ul li { position: relative; padding-left: 0; text-indent: 0; }
#hotelArea .hotelBlock .pad .slide .main .flexslider { margin: 0; background: inherit; border: none; }

#hotelArea .flex-control-nav { bottom: -55px; line-height: 1; }
#hotelArea .flex-control-paging li { margin: 0 8px; padding-left: 0; text-indent: 0; }
#hotelArea .flex-control-paging li a { background: #ccc; width: 14px; height: 14px; }
#hotelArea .flex-control-paging li a.flex-active { background: #0073cd; }
#hotelArea .flex-direction-nav { position: absolute; top: 50%; width: 100%; margin-top: -30px;}
#hotelArea .flex-direction-nav a { margin: 0; width: 30px; height: 30px; }
#hotelArea .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: ''; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
#hotelArea .flex-direction-nav a.flex-next:before { content: ''; }
#hotelArea .flex-direction-nav .flex-prev { left: 10px; text-align: left; opacity: 1; text-indent: -9999px; background: url(/sp/inttour/hawaii/hotellist/image/160523/arrow_left.png) center no-repeat; background-size: auto 30px; }
#hotelArea .flex-direction-nav .flex-next { right: 10px; text-align: left; opacity: 1; text-indent: -9999px; background: url(/sp/inttour/hawaii/hotellist/image/160523/arrow_right.png) center no-repeat; background-size: auto 30px; }
#hotelArea .flexslider:hover .flex-direction-nav {}
#hotelArea .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
#hotelArea .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; left: 10px; }
#hotelArea .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
#hotelArea .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; right: 10px; }

#hotelArea .hotelBlock .pad .slide .caption { color: #777; margin-top: 10px; line-height: 1.5; text-align: right; font-size: 9px; }
#hotelArea .hotelBlock .pad .slide .credit { color: #777; padding-top: 55px; text-align: right; margin-bottom: -30px; font-size: 10px; }

#hotelArea .hotelBlock .pad .slide .copy {}
#hotelArea .hotelBlock .pad .infoCopy { margin-top: 60px; line-height: 1.5; font-size: 14px; }
#hotelArea .hotelBlock .pad .image { margin-top: 10px; }
#hotelArea .hotelBlock .pad .image img {}

#hotelArea .hotelBlock .pad .info { margin-top: 10px; }
#hotelArea .hotelBlock .pad .info .sample {}


#hotelArea .hotelBlock .pad .info .sample .title { font-weight: bold; float: left; width:150px;}
#hotelArea .hotelBlock .pad .info .sample .title_02 { float: left; width:430px; font-size:12px; line-height:18px; margin-bottom: 12px;}

@media (min-width: 0px) and (max-width: 800px) {
#hotelArea .hotelBlock .pad .info .sample .title { font-weight: bold; float: left; font-size:90%; width:20%}
#hotelArea .hotelBlock .pad .info .sample .title_02 {float: left; font-size:70%; line-height:160%; margin-bottom:12px;width:58%;}
}

@media (min-width: 0px) and (max-width: 450px) {
#hotelArea .hotelBlock .pad .info .sample .title { font-weight: bold; float: left; font-size:60%; width:34%}
#hotelArea .hotelBlock .pad .info .sample .title_02 {float: left; font-size:55%; line-height:130%; margin-bottom:12px;width:61%;}
}

#hotelArea .hotelBlock .pad .info .sample table { width: 100%; border: solid 2px #0073cd; margin-top: 10px;}
#hotelArea .hotelBlock .pad .info .sample table tr { border: solid 1px #bebec8; text-align: center; }
#hotelArea .hotelBlock .pad .info .sample table tr th { background: #0073cd; color: #fff; text-align: center; padding: 5px; white-space: nowrap; }
#hotelArea .hotelBlock .pad .info .sample table tr th.type { font-size: 10px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.wid { font-size: 10px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.checkin {  font-size: 8px; font-weight: bold; letter-spacing: -2px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.checkout { font-size: 8px; font-weight: bold; letter-spacing: -2px; }
#hotelArea .hotelBlock .pad .info .sample table tr th.sub { background: #f5f5f5; color: #555; font-size: 10px; }
#hotelArea .hotelBlock .pad .info .sample table tr td { border-left: solid 1px #0073cd; padding: 5px; vertical-align: middle; text-align: left; font-size: 11px; line-height: 1.25; }
#hotelArea .hotelBlock .pad .info .sample table tr td div { line-height: 1.25; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBlue{ text-indent: -1em; margin-left: 1em; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBlue:before {
    content: '';
    display: inline-block;
    width: .5em;
    height: .5em;   margin-left: .25em; 
   margin-right: .25em;
    background: #02AEDC;
    transform: rotate(45deg);
    vertical-align: 2px;	
	text-align: left; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBlue2 { text-indent: -1em; margin-left: 1em; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBlue2:before {
    content: '';
    display: inline-block;
    width: .5em;
    height: .5em;   margin-left: .25em; 
   margin-right: .25em;
    background: #3E97B3;
    transform: rotate(45deg);
    vertical-align: 2px;	
	text-align: left; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorOrange { text-indent: -1em; padding-left: 1em; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorOrange:before {
	content: '';
    display: inline-block;
    width: .5em;
    height: .5em;   margin-left: .25em; 
   margin-right: .25em;
    background: #F9B24F;
    transform: rotate(45deg);
    vertical-align: 2px;
	text-align: left; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorPink{ text-indent: -1em; padding-left: 1em; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorPink:before  {
	content: '';
    display: inline-block;
    width: .5em;
    height: .5em;   margin-left: .25em; 
   margin-right: .25em;
    transform: rotate(45deg);
    vertical-align: 2px;
	background: #EB5B97; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorGreen{ text-indent: -1em; padding-left: 1em; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorGreen:before  { 
	content: '';
    display: inline-block;
    width: .5em;
    height: .5em;   margin-left: .25em; 
   margin-right: .25em;
    transform: rotate(45deg);
    vertical-align: 2px;
text-align: left; background: #72B770; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorPurple { text-indent: -1em; padding-left: 1em; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorPurple:before  {
 	content: '';
    display: inline-block;
    width: .5em;
    height: .5em;   margin-left: .25em; 
   margin-right: .25em;
    transform: rotate(45deg);
    vertical-align: 2px;
 text-align: left; background: #8780B2; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBrown { text-indent: -1em; padding-left: 1em; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorBrown:before  {
	content: '';
    display: inline-block;
    width: .5em;
    height: .5em;   margin-left: .25em; 
   margin-right: .25em;
    transform: rotate(45deg);
    vertical-align: 2px;
	text-align: left; background: #EC6E52; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorGold { text-indent: -1em; padding-left: 1em; }
#hotelArea .hotelBlock .pad .info .sample table tr td .colorGold:before  {
	content: '';
    display: inline-block;
    width: .5em;
    height: .5em;   margin-left: .25em; 
   margin-right: .25em;
    transform: rotate(45deg);
    vertical-align: 2px;
	text-align: left; background: #A28950; }
#hotelArea .hotelBlock .pad .info .sample table tr td .noColor{ text-indent: -1em; padding-left: 1em; }
#hotelArea .hotelBlock .pad .info .sample table tr td .noColor:before  {
	content: '';
    display: inline-block;
    width: .5em;
    height: .5em;   margin-left: .25em; 
   margin-right: .25em;
    transform: rotate(45deg);
    vertical-align: 2px;
	text-align: left; }
#hotelArea .hotelBlock .pad .info .sample table tr td span { font-size: 9px; }
#hotelArea .hotelBlock .pad .info .sample table tr td span.ninzu { display: inline-block; color: #e47920; border: solid 1px #e47920; padding: 2px 3px 0 3px; border-radius: 4px; font-size: 9px; margin-left: 5px; margin-right: 5px; font-weight: bold; }
#hotelArea .hotelBlock .pad .info .sample table tr td.checkin { text-align: center; }
#hotelArea .hotelBlock .pad .info .sample table tr td.checkout { text-align: center; }

#hotelArea .hotelBlock .pad .info .subCopy { margin-top: 10px; font-size: 12px; line-height: 1.5; }

#hotelArea .hotelBlock .pad .link {}
#hotelArea .hotelBlock .pad .link .button { text-align: center; margin-top: 20px; }
#hotelArea .hotelBlock .pad .link .button a {}
#hotelArea .hotelBlock .pad .link .button a img { width: 100%; height: auto; }
#hotelArea .hotelBlock .pad .link .copy { margin-top: 10px; font-size: 12px; line-height: 1.25; text-align: center; }


.bx-pager a img {  
opacity: 0.5;  
filter: alpha(opacity=50);  
}  
.bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=100);  
}


/*============================
#slideNav
============================*/
.sp {
	display: block;
}
/*
.slideNav-trigger {
	width: 100%;
}
.menu-btn {
	margin-left: 0;
	padding: 10px 35px 10px 10px;
	width: 120px;
	right: 8px;
	position: absolute;
}
.menu-btn p {
	font-size: 14px;
}
.menu-btn p:after {
	width: 16px;
	height: 15px;
	background-size: 100%;
	top: 14px;
	right: 12px;
}


.menu-btn.is-fixed {
	margin-left: 0;
}
*/
#btnTop {
	width: 110px;
	height: 54px;
}
#btnTop::after {
	left: 46px;
}
.menu-btn {
	height: 54px;
	width: calc(100% - 110px);
}
.menu-btn p::after {
    left: 48%;
    margin: auto auto auto -73px;
    top: 18px;
	background-size:146px auto;
}

.slideTtl {
	margin: 3.90625vw;
	font-size: 7.5vw;
}
.tab-menu li {
	padding: 0.9765625vw 0.78125vw;
	font-size: 3.75vw;
}
.tab-menu li span {
	display: inline-block;
	margin-bottom: -5px;
	font-size: 5vw;
	vertical-align: bottom;
}
.slide-hotelList li:hover {
	background: inherit;
}
.pushy a:hover {
	color: #000 !important;
}
.slide-hotelList li a:before {
	border-top: 1.28125vw solid rgba(255,255,255,0);
	border-right: 1.9375vw solid rgba(255,255,255,0);
	border-bottom: 1.28125vw solid rgba(255,255,255,0);
	border-left: 1.9375vw solid #1275ca;
}

.slide-hotelList li a:hover:before {
	border-left: 1.9375vw solid #1275ca;
}

.slide-hotelClass dt {
	padding: 1.5625vw;
	font-size: 4.375vw;
}

.pushy {
	width: 90% !important;
}


.pushy a {
	padding: 10px 30px 10px 40px !important;
	font-size: 5vw;
	line-height: 1.3;
}

.closeBtn {
	width: 80%;
}

.pushy-link.closeBtn a {
	margin: 4.6875vw auto;
	padding: 10px 3.125vw !important;
}


.pushy-link.closeBtn a:hover {
	color: #fff !important;
	opacity: 1;
}
.pushy.pushy-right {
	right: 0;
}

.fixed {
	position: fixed; 
	width: calc(100vw - 17px);
}
/* 出発日から探す */
#hotellistModuleArea h2 {
	font-size: 23px;
}
/*============================
TOPへ
============================*/
/*
#btnTop {width:15vw;}
*/
}

#hotelArea .hotelBlock .pad .link {
	margin-right:auto;
	margin-left:auto;
	overflow: hidden;
}
#hotelArea .hotelBlock .pad .link .button.button-mt {
	margin-top: 8px;
}
#hotelArea .hotelBlock .pad .link .button.button-mr {
	margin-right: 10px;
}
#hotelArea .hotelBlock .pad .link .button.clear {
	padding-top: 20px;
}
#hotelArea .search-ttl {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	padding: 30px 0 2px 15px;
	font-weight: bold;
	color: #093568;
	text-align: left;
	overflow: hidden;
	clear: both;
}

@media screen and (min-width: 1025px) {
	#hotelArea .hotelBlock .pad .link .button {
		text-align: center;
	}
	#hotelArea .hotelBlock .pad .link .button.button-mt {
		margin-top: 8px;
	}
}
@media screen and (max-width: 640px) {
	#hotelArea .hotelBlock .pad .link .button.button-mt {
		margin-top: 8px;
	}
	#hotelArea .hotelBlock .pad .link .button.fleft {
		width: 50%;
	}
	#hotelArea .hotelBlock .pad .link .button.button-mr {
		margin-right: 0;
	}
}
@media screen and (min-width: 601px) {
	#hotelArea .hotelBlock .pad .link {
		width: 520px;
	}
}
@media (min-width: 571px) and (max-width: 600px) {
	#hotelArea .hotelBlock .pad .link {
		width: 500px;
		max-width: 100%;
	}
	#hotelArea .hotelBlock .pad .link .button.button-mr {
		margin-right: 0;
	}
}
@media (min-width: 0px) and (max-width: 570px) {
	#hotelArea .hotelBlock .pad .link {
		width: 100%;
	}
	#hotelArea .hotelBlock .pad .link .button.fleft,
	#hotelArea .hotelBlock .pad .link .button.fright {
		float: none;
		width: 100%;
	}
	#hotelArea .hotelBlock .pad .link .button.clear {
		padding-top: 0;
	}
	#hotelArea .hotelBlock .pad .link .button.button-mr {
		margin-right: 0;
	}
}


#hotellistModuleArea {
	margin-right: 0;
	margin-left: 0;
}
#hotellistModuleArea .title-box .ttl-type-02-01 {
	border-top: 3px solid #093568;
	padding: 16px 12px 0 12px;
}
#hotellistModuleArea .title-box .ttl-type-02-01 h2.ttl-text {
	border-left: 5px solid #093568;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	padding: 4px 0 2px 12px;
	font-weight: bold;
	color: #093568;
	text-align: left;
}
#hotellistModuleArea .res-contents {
	margin-top: 25px;
}
#hotellistModuleArea .res-contents {
	padding-left: 10px;
	padding-right: 10px;
}
@media (min-width: 0px) and (max-width: 570px) {
	#hotellistModuleArea .res-contents {
		padding-top: 0;
		padding-left: 7px;
		padding-right: 7px;
		margin-top: 15px;
		margin-left: 7px;
		margin-right: 7px;
	}
}

.main-title {
  
}

.sp-home-link {
  display: none;
}
.main-title .pc-none {
  display: none;
}

@media screen and (max-width:640px) {
  .main-title .pc-none {
    display: block;
  }
  .main-title .sp-none {
    display: none;
  }
}
.main-title .tab {
  
}
.main-title .tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 6px solid #0068b7;
}
.main-title .tab li {
  width: 28%;
  background: #00a0e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.main-title .tab li + li {
  margin-left: 1px;
}

.main-title .tab li .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  font-size: 17px;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 100%;
}
.main-title .tab li .text.active {
  background: #0068b7;
}

.main-title .tab li .text .strong {
  color: #fff100;
  font-weight: bold;
}
.main-title .tab li .text .small {
  font-size: 14px;
  font-weight: bold;
}
.main-title .tab li.home {
  width: 16%;
}
.main-title .tab li.home .text {
  font-size: 14px;
}

.main-title .tab li.home .text .text-inner img {
  display: block;
  margin-bottom: 5px;
}
.main-title .title {
  background: url(/inttour/hawaii/hotellist/image/180510/main_bg.jpg) top center no-repeat;
  background-size: cover;
}
.main-title .title-inner {
  padding: 50px 200px 40px;
  text-align: center;
}

.main-title .title h1 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.main-title .title h1 span {
  color: #fff100;
  font-weight: bold;
}

.main-title .title p {
  margin-top: 20px;
  color: #fff;
  font-size: 16px;
  line-height: 1.7;
}

.sub-title {
  padding: 50px 0 10px;
  text-align: center;
  overflow: hidden;
}
.sub-title h2 {
  min-height: 60px;
  margin-bottom: 20px;
}
.sub-title h2 span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -22px;
  background: url(/inttour/hawaii/hotellist/image/180510/icon_search.png) no-repeat;
	background-size: 100%;
  width: 40px;
  height: 40px;
}

.sub-title h2 span {
  color: #0068b7;
  font-size: 30px;
  font-weight: normal;
  padding-left: 50px;
  position: relative;
  display: inline-block;
  text-align: center;
}
.sub-title p {
  margin-top: 20px;
  color: #0068b7;
  font-size: 14px;
}
.sub-title .caution {
	font-size: 13px;
  text-align: center;
}
.sub-title .caution li {
  margin-bottom: 0.5em;
}


@media screen and (max-width:1024px) {
  .main-title .title-inner {
    padding: 50px 100px 40px;
  }
}
@media screen and (max-width:640px) {
  .sp-home-link {
    text-align: right;
    margin-bottom: 7px;
    display: block;
  }
  .sp-home-link a {
    text-decoration: none;
    font-size: 14px;
    position: relative;
    padding-left: 14px;
  }
  .sp-home-link a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    background: url(/inttour/hawaii/hotellist/image/180510/icon_arr_l.png) no-repeat;
    background-size: 60%;
    width: 10px;
    height: 16px;
  }

  .main-title .tab li {
    width: 33.33333%;
  }

  .main-title .tab li.home {
    display: none;
  }
  .main-title .tab li.home + li {
    margin-left: 0;
  }
  .main-title .tab li .text {
    padding: 10px 5px;
    font-size: 13px;
    line-height: 1.5;
  }
  .main-title .tab li .text .small {
    font-size: 12px;
    display: block;
  }
  .main-title .title-inner {
    padding: 50px 20px 30px;
  }
  .main-title .title h1 {
    font-size: 22px;
  }
	.main-title .title p {
	  font-size: 14px;
	}
  .sub-title {
    padding: 20px 0 10px;
  }
  .sub-title h2 span {
    font-size: 24px;
  }
  .sub-title .caution {
		text-align: left;
  }
	.sub-title .caution li {
		text-indent: -1em;
		padding-left: 1em;
	}
  .main-title .title {
    background: url(/inttour/hawaii/hotellist/image/180510/main_bg_sp.jpg) top center no-repeat;
    background-size: cover;
  }
}