.sp-bg01{
	width: 100%;
	background-image: url(/hawaii/kansai/img/special/special_bg01.jpg);
	background-position: center center fixed;
	background-repeat:  no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/*	サイドメニュー設定
============================== */
/*#sidewrap{
	width: 360px;
	height: 100%;
	background-color: #333;
	position: relative;
}*/
#slidx_menu {
	width: 320px;
	height: 100%;
	background-color: #f9f9f9;
	overflow-x: hidden;
	display: none;
	position: fixed;
	left:0;
	top:0;
	z-index: 5500;
}
#slidx_menu .s-navi-list a {
	width: 305px;
	margin: 0 auto;
	padding: 20px 0px 20px 15px;
	display: block;
	border-bottom: 1px solid #eee;
	transition:all 0.2s ease;
}
#slidx_menu .s-navi-list a:hover {
width: 300px;
	margin: 0 auto;
	padding: 20px 0px 20px 20px;
	display: block;
	border-bottom: 1px solid #eee;
	transition:all 0.3s ease;
}
#slidx_menu .s-navi-list img{
	margin-right: 8px;
}
#slidx_menu .s-navi-list a:hover {
	background-color: #d8ebf3;
	cursor: pointer;
}
#slidx-overlay{
	z-index:5500;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color: rgba(0,0,0,0.6);
}
#slidx_open {
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	/*margin: 0 20px 0px 0px;*/
	font-size: 20px;
	color: #FFF;
	/*border-right: 1px solid #f6f6f6;*/
	background-color: #004BB0;
	position: fixed;
	left:0;
	top:0;
	cursor: pointer;
	z-index: 5000;
	font-family: "mplus-1p-regular", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#slidx_open img{
	position: absolute;
	left: 50%;
	margin-left: -13px;
	top: 50%;
	margin-top: -15px;
}
.s-his-logo a{
	width: 100%;
	padding: 20px 0px 20px 15px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #004BB0;
	background-color: #F9F9F9;
	border-bottom: 3px solid #EEE;
	position: relative;
}
.s-his-logo a:hover{
	text-decoration: none;
	background-color: #F9F9F9;
	}
	#slidx_close{
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	/*margin: 0 20px 0px 0px;*/
	font-size: 20px;
	color: #004BB0;
	border-left: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
	background-color: #FFF;
	position: fixed;
	cursor: pointer;
	position: absolute;
	right:0;
	top:0;
	z-index: 5600;
	transition:all 0.8s ease;
}
.his-link{
	/*position: absolute;
	top: 0;
	left: 0;*/
	padding-left: 15px;
	width: 100%;
	z-index: 4500;
	font-size: 16px;
	color: #FFF;
	background-color: #004BB0;
	transition:all 0.8s ease;
	}
.his-link a{
	display: block;
	color: #FFF;
	padding: 10px 0;
	text-decoration: none;
	transition:all 0.4s ease;
}
.his-link a:hover{
	display: block;
	background-color: #333;
	padding: 10px 0 10px 2px;
	text-decoration: none;
	transition:all 0.4s ease;
}
.s-navi-ttl{
	/*position: absolute;
	top: 0;
	left: 0;*/
	padding-left: 15px;
	width: 100%;
	z-index: 4500;
	font-size: 16px;
	padding: 10px 0 10px 10px;
	color: #FFF;
	background-color: #666;
	transition:all 0.8s ease;
}
.his-link a{
	display: block;
	color: #FFF;
	padding: 10px 0;
	text-decoration: none;
	transition:all 0.4s ease;
}
.his-link a:hover{
	display: block;
	background-color: #333;
	padding: 10px 0 10px 5px;
	text-decoration: none;
	transition:all 0.4s ease;
}
.s-navi{
	border-bottom: 3px solid #EEE;
}
.s-navi-list a{
	text-decoration: none;
}
.s-navi-list a:hover{
	text-decoration: none;
}
.side-key-box{
	width: 300px;
	padding: 10px;
	margin: 0 auto;
}
.side-ttl{
	width: 100%;
	margin: 10px 0 10px;
	text-align: left;
}
.side-key-wrap{
	width: 100%;
	margin: 0;
	background-color: #d8ebf3;
	transition:all 0.2s ease;
}
.side-key-wrap:hover{
	background-color: #d8ebf3;
	transition:all 0.8s ease;
}
.side-key-minbox{
	width: 240px;
	padding: 10px;
	margin: 0 auto;
}
.side-key-minbox li{
	float: left;
	padding: 2px;
}
.side-key-minbox li a{
	padding: 2px;
	color: #666;
	text-decoration: underline;
}
.side-key-minbox li a:hover{
	padding: 2px;
	color: #666;
	text-decoration: none;
}

#slidx_menu::-webkit-scrollbar{
	overflow:hidden;
	width:3px;
	padding: 0 2px;
	background:#fafafa;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#slidx_menu::-webkit-scrollbar:horizontal{
	height:3px;
}
#slidx_menu::-webkit-scrollbar-button{
	display:none;
}
#slidx_menu::-webkit-scrollbar-piece{
	background:#eee;
}
#slidx_menu::-webkit-scrollbar-piece:start{
	background:#eee;
}
#slidx_menu::-webkit-scrollbar-thumb{
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#666;
}
#slidx_menu::-webkit-scrollbar-corner{
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#666;
}

/*.item{
	cursor: pointer;
}
.item:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}*/

.item a{text-decoration: none;}

.cate-hotel05{
	background-color: #E367AD;
	color: #FFF;
}
.cate-hotel04{
	background-color: #E367AD;
	color: #FFF;
}
.cate-hotel03{
	background-color: #77D0FF;
	color: #FFF;
}
.cate-hotel02{
	background-color: #349E59;
	color: #FFF;
}
.cate-hotel01{
	background-color: #CF78E8;
	color: #FFF;
}

/*	ページ内カラー
============================== */
/*#A3DBF2;*/
.bg00{
	background-color: #FFF;
	background-color: rgba(255,255,255,0.95);
}
.bg01{
	background: #F9F9F9;
}
.bg02{
	background-color: #B0E7F4;
}
.bg03{
	background-color: #F8F8F8;
}
.bg04{
	background-color: #FBFAD7;
}

.bg05{
	background-color: #E1E8F2;
}
.bg06{
	background-color: #F6E7E6;
}

.bg07{
	background-color: #d8ebf3;
}
.bg08{
	background-color: #E5E5EF;
}
.bg09{
	background-color: #FFFAE8;
}
.bg10{
	background-color: #004BB0;
}


.sbg01{
	background-color: #004BB0;
}

.tour-c01{
	background-color: #32AAD1;
	color: #FFF;
}
.air-c01{
	background-color: #FF5962;
	color: #FFF;
}
.fit-c01{
	background-color: #FC8D6F;
	color: #FFF;
}

.is-tour{
	background-color: #217fc4;
	color: #fff;
	line-height: 1.4;
	}
.is-tour:empty{
		visibility: hidden;
	}
/*.is-media{
		background-color: #fdf059;
		color: #a25b00;
		font-weight: bold;
		padding-top: 4px;
	}
.is-media:empty{
		visibility: hidden;
	}*/
	.is-fit{
		background-color: #CE4032;
		color: #fff;
	}
.is-tour-bd{
		border: 5px solid #004BB0;
	}
	.is-fit-bd{
		border: 5px solid #CE4032;
	}
	.is-air-bd{
		border: 5px solid #FF5962;
	}

.btn-c01{
	background-color: #666;
	color: #FFF;
}

.is-wh{
	color: #FFF;
}

.box-label{
	position: absolute;
	bottom:0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #004BB0 transparent;
	transition:all 0.8s ease;
}

/*.key-icon{
	background-repeat: no-repeat;
	background-position: right 3px center;
	background-position: right 5px\9;
}*/

.key-icon01{
	background-image: url(/hawaii/kansai/img/key/key_icon01.png);
}
.key-icon02{
	background-image: url(/hawaii/kansai/img/key/key_icon02.png);
}
.key-icon03{
	background-image: url(/hawaii/kansai/img/key/key_icon03.png);
}
.key-icon04{
	background-image: url(/hawaii/kansai/img/key/key_icon04.png);
}
.key-icon05{
	background-image: url(/hawaii/kansai/img/key/key_icon05.png);
}
.key-icon06{
	background-image: url(/hawaii/kansai/img/key/key_icon06.png);
}
.key-icon07{
	background-image: url(/hawaii/kansai/img/key/key_icon07.png);
}
.key-icon08{
	background-image: url(/hawaii/kansai/img/key/key_icon08.png);
}
.key-icon09{
	background-image: url(/hawaii/kansai/img/key/key_icon09.png);
}
.key-icon10{
	background-image: url(/hawaii/kansai/img/key/key_icon10.png);
}
.key-icon11{
	background-image: url(/hawaii/kansai/img/key/key_icon11.png);
}
.key-icon12{
	background-image: url(/hawaii/kansai/img/key/key_icon12.png);
}
.key-icon13{
	background-image: url(/hawaii/kansai/img/key/key_icon13.png);
}
.key-icon14{
	background-image: url(/hawaii/kansai/img/key/key_icon14.png);
}
.key-icon15{
	background-image: url(/hawaii/kansai/img/key/key_icon15.png);
}
.key-icon16{
	background-image: url(/hawaii/kansai/img/key/key_icon16.png);
}
.key-icon17{
	background-image: url(/hawaii/kansai/img/key/key_icon17.png);
}
.key-icon18{
	background-image: url(/hawaii/kansai/img/key/key_icon18.png);
}
.key-icon19{
	background-image: url(/hawaii/kansai/img/key/key_icon19.png);
}
.key-icon20{
	background-image: url(/hawaii/kansai/img/key/key_icon20.png);
}
.key-icon24{
	background-image: url(/hawaii/kansai/img/key/key_icon24.png);
}
.key-icon25{
	background-image: url(/hawaii/kansai/img/key/key_icon25.png);
}
.key-icon26{
	background-image: url(/hawaii/kansai/img/key/key_icon26.png);
}

.hotel-icon01{
	background-image: url(/hawaii/kansai/img/key/hotel_icon01.png);
}
.hotel-icon02{
	background-image: url(/hawaii/kansai/img/key/hotel_icon02.png);
}
.hotel-icon03{
	background-image: url(/hawaii/kansai/img/key/hotel_icon03.png);
}

/* ====================================================
	item CSS
==================================================== */
.top {vertical-align:top !important;margin-top:0;margin-bottom:auto;}
.middle {vertical-align:middle !important;margin-top:auto;margin-bottom:auto;}
.bottom {vertical-align:bottom !important;margin-top:auto;margin-bottom:0;}
.align-left {text-align:left !important;}
.align-center {text-align:center !important;}
.align-right {text-align:right !important;}
.left{float: left;}
.right{	float: right;}
.center {clear: both;text-align:center;}

/* 文字サイズ変更用 */
.txt6{font-size: 6px;}.txt8{font-size: 8px;}.txt9{font-size: 9px;}.txt10{font-size: 10px;}.txt11{font-size: 11px;}.txt12{font-size: 12px;}.txt13{font-size: 13px;}.txt14{font-size: 14px;}.txt15{font-size: 15px;}.txt16{font-size: 16px;}.txt18{font-size: 18px;}.txt20{font-size: 20px;}.txt22{font-size: 22px;}.txt24{font-size: 24px;}.txt26{font-size: 26px;}.txt28{font-size: 28px;}.txt30{font-size: 30px;}.txt32{font-size: 32px;}.txt36{font-size: 36px;}.txt48{font-size: 48px;}.txt72{font-size: 72px;}
/* 文字カラー
-------------------------------------------------*/
.black{color:#000000;}
.red{color: #FF0000;}
.red_text{color: #f80a3c;}
.yellow{color: #FFCC00;}
.blue{color:#1badd1;}
.orange{color: #FC930B;}
.darkbrown {color:#DA0B00;}
.gtxt{ color: #360;}
.winered{ color: #5C0201;}
/* フォント効果 */
.bold {	vertical-align: baseline;font-weight: bold;display:inline;}
.bolder{vertical-align: baseline;font-weight: bolder;display:inline;}
.small-font{font-size: 90%;}
.small-font08{font-size: 80%;}
/* 背景カラー
-------------------------------------------------*/
.bg_orange{display: inline-block; _display: inline;	background-color:#FFEFB0; margin:1px;}
.bg_green{display: inline-block; _display: inline; background-color:#D7FFD7; margin:1px;}
.bg_blue{display: inline-block; _display: inline; background-color:#CCFFFF; margin:1px;}
.bg_white{background-color:#FFFFFF; }
.bg-n{background:none; }

/* スペーサー
-------------------------------------------------*/
.spacer10 { clear: both; height: 10px;}.spacer20 { clear: both; height: 20px;}.spacer30 { clear: both; height: 30px;}.spacer40 { clear: both; height: 40px;}.spacer50 { clear: both; height: 50px;}.spacer60 { clear: both; height: 60px;}.spacer70 { clear: both; height: 70px;}.spacer80 { clear: both; height: 80px;}.spacer90 { clear: both; height: 90px;}.spacer100 { clear: both; height: 100px;}
/* marginによる幅調整
-------------------------------------------------*/
/* マージントップ */
.mt1{margin-top: 1px;}.mt2{margin-top: 2px;}.mt3{margin-top: 3px;}.mt4{margin-top: 4px;}.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mt50{margin-top: 50px;}.mt60{margin-top: 60px;}.mt70{margin-top: 70px;}.mt80{margin-top: 80px;}.mt90{margin-top: 90px;}.mt100{margin-top: 100px;}.mt110{margin-top: 110px;}.mt120{margin-top: 120px;}.mt130{margin-top: 130px;}.mt140{margin-top: 140px;}.mt150{margin-top: 150px;}.mt160{margin-top: 160px;}.mt170{margin-top: 170px;}.mt180{margin-top: 180px;}.mt190{margin-top: 190px;}.mt200{margin-top: 200px;}
/* マージンライト */
.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mr25{margin-right: 25px;}.mr30{margin-right: 30px;}.mr40{margin-right: 40px;}.mr50{margin-right: 50px;}.mr60{margin-right: 60px;}.mr70{margin-right: 70px;}.mr80{margin-right: 80px;}.mr90{margin-right: 90px;}.mr100{margin-right: 100px;}.mr110{margin-right: 110px;}.mr120{margin-right: 120px;}.mr130{margin-right: 130px;}.mr140{margin-right: 140px;}.mr150{margin-right: 150px;}.mr160{margin-right: 160px;}.mr170{margin-right: 170px;}.mr180{margin-right: 180px;}.mr190{margin-right: 190px;}.mr200{margin-right: 200px;}
/* マージンボトム */
.mb0{margin-bottom: 0px;}
.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb25{margin-bottom: 25px;}.mb30{margin-bottom: 30px;}.mb40{margin-bottom: 40px;}.mb50{margin-bottom: 50px;}.mb60{margin-bottom: 60px;}.mb70{margin-bottom: 70px;}.mb80{margin-bottom: 80px;}.mb90{margin-bottom: 90px;}.mb100{margin-bottom: 100px;}.mb110{margin-bottom: 110px;}.mb120{margin-bottom: 120px;}.mb130{margin-bottom: 130px;}.mb140{margin-bottom: 140px;}.mb150{margin-bottom: 150px;}.mb160{margin-bottom: 160px;}.mb170{margin-bottom: 170px;}.mb180{margin-bottom: 180px;}.mb190{margin-bottom: 190px;}.mb200{margin-bottom: 200px;}
/* マージンレフト */
.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml25{margin-left: 25px;}.ml30{margin-left: 30px;}.ml40{margin-left: 40px;}.ml50{margin-left: 50px;}.ml60{margin-left: 60px;}.ml70{margin-left: 70px;}.ml80{margin-left: 80px;}.ml90{margin-left: 90px;}.ml100{margin-left: 100px;}.ml110{margin-left: 110px;}.ml120{margin-left: 120px;}.ml130{margin-left: 130px;}.ml140{margin-left: 140px;}.ml150{margin-left: 150px;}.ml160{margin-left: 160px;}.ml170{margin-left: 170px;}.ml180{margin-left: 180px;}.ml190{margin-left: 190px;}.ml200{margin-left: 200px;}

/* paddingによる幅調整
-------------------------------------------------*/
/* パディングトップ */
.pt1{padding-top: 1px;}.pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}.pt25{padding-top: 25px;}.pt30{padding-top: 30px;}.pt40{padding-top: 40px;}.pt50{padding-top: 50px;}.pt60{padding-top: 60px;}.pt70{padding-top: 70px;}.pt80{padding-top: 80px;}.pt90{padding-top: 90px;}.pt100{padding-top: 100px;}.pt110{padding-top: 110px;}.pt120{padding-top: 120px;}.pt130{padding-top: 130px;}.pt140{padding-top: 140px;}.pt150{padding-top: 150px;}.pt160{padding-top: 160px;}.pt170{padding-top: 170px;}.pt180{padding-top: 180px;}.pt190{padding-top: 190px;}.pt200{padding-top: 200px;}
/* パディングライト */
.pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}.pr20{padding-right: 20px;}.pr25{padding-right: 25px;}.pr30{padding-right: 30px;}.pr40{padding-right: 40px;}.pr50{padding-right: 50px;}.pr60{padding-right: 60px;}.pr70{padding-right: 70px;}.pr80{padding-right: 80px;}.pr90{padding-right: 90px;}.pr100{padding-right: 100px;}.pr110{padding-right: 110px;}.pr120{padding-right: 120px;}.pr130{padding-right: 130px;}.pr140{padding-right: 140px;}.pr150{padding-right: 150px;}.pr160{padding-right: 160px;}.pr170{padding-right: 170px;}.pr180{padding-right: 180px;}.pr190{padding-right: 190px;}.pr200{padding-right: 200px;}
/* パディングボトム */
.pb1{padding-bottom: 1px;}.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb20{padding-bottom: 20px;}.pb25{padding-bottom: 25px;}.pb30{padding-bottom: 30px;}.pb40{padding-bottom: 40px;}.pb50{padding-bottom: 50px;}.pb60{padding-bottom: 60px;}.pb70{padding-bottom: 70px;}.pb80{padding-bottom: 80px;}.pb90{padding-bottom: 90px;}.pb100{padding-bottom: 100px;}.pb110{padding-bottom: 110px;}.pb120{padding-bottom: 120px;}.pb130{padding-bottom: 130px;}.pb140{padding-bottom: 140px;}.pb150{padding-bottom: 150px;}.pb160{padding-bottom: 160px;}.pb170{padding-bottom: 170px;}.pb180{padding-bottom: 180px;}.pb190{padding-bottom: 190px;}.pb200{padding-bottom: 200px;}
/* パディングレフト */
.pl5{padding-left: 10px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl20{padding-left: 20px;}.pl25{padding-left: 25px;}.pl30{padding-left: 30px;}.pl40{padding-left: 40px;}.pl50{padding-left: 50px;}.pl60{padding-left: 60px;}.pl70{padding-left: 70px;}.pl80{padding-left: 80px;}.pl90{padding-left: 90px;}.pl100{padding-left: 100px;}.pl110{padding-left: 110px;}.pl120{padding-left: 120px;}.pl130{padding-left: 130px;}.pl140{padding-left: 140px;}.pl150{padding-left: 150px;}.pl160{padding-left: 160px;}.pl170{padding-left: 170px;}.pl180{padding-left: 180px;}.pl190{padding-left: 190px;}.pl200{padding-left: 200px;}
/* 最小幅調整
-------------------------------------------------*/
.min-w30{ min-width: 30px;}.min-w40{ min-width: 40px;}.min-w50{ min-width: 50px;}.min-w60{ min-width: 60px;}.min-w80{ min-width: 70px;}.min-w80{ min-width: 80px;}.min-w90{ min-width: 90px;}.min-w100{ min-width: 100px;}.min-w110{ min-width: 110px;}.min-w115{ min-width: 115px;}.min-w120{ min-width: 120px;}.min-w130{ min-width: 130px;}.min-w140{ min-width: 140px;}.min-w150{ min-width: 150px;}.min-w160{ min-width: 160px;}.min-w170{ min-width: 170px;}.min-w180{ min-width: 180px;}.min-w190{ min-width: 190px;}.min-w200{ min-width: 200px;}

.max-w30{ max-width: 30px;}.max-w40{ max-width: 40px;}.max-w50{ max-width: 50px;}.max-w60{ max-width: 60px;}.max-w80{ max-width: 70px;}.max-w80{ max-width: 80px;}.max-w90{ max-width: 90px;}.max-w100{ max-width: 100px;}.max-w110{ max-width: 110px;}.max-w115{ max-width: 115px;}.max-w120{ max-width: 120px;}.max-w130{ max-width: 130px;}.max-w140{ max-width: 140px;}.max-w150{ max-width: 150px;}.max-w160{ max-width: 160px;}.max-w170{ max-width: 170px;}.max-w180{ max-width: 180px;}.max-w190{ max-width: 190px;}.max-w200{ max-width: 200px;}

.gbg01{
	background: -moz-linear-gradient(left,
	#FEFDFE,
	#F9F9F9 30%,
	#F7F7F7 50%,
	#F4F4F4 70%,
	#D8D7D8); /* mozilla */
	background: -webkit-gradient(linear,top, bottom, 
		from(#FEFDFE), 
		color-stop(0.3, #F9F9F9),
		color-stop(0.5, #F7F7F7),
		color-stop(0.7, #F4F4F4),
		to(#D8D7D8)); /* Webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#FEFDFE', 
		endColorstr='#D8D7D8'); /* IE5.5以上 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFDFE', endColorstr='#D8D7D8', GradientType=1)";/* InternetExplorer 8,9*/ 
	background: -ms-linear-gradient(left, #FEFDFE, #D8D7D8);/* IE10 */
}

.modal-btn {
    font-size: 14px;
}

#footer{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.sp-none{
	display: none!important;
	}
}
@media screen and (min-width:1024px) {
	.pc-none{
	display: none!important;
	}
}

@media screen and (max-width: 1285px) {
	#gnavi07{
		display:none;
	}
}