@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2013.06.17
* @author HeChengHao
*/

/* -- Reset -- */
ul,li,dl,dt,dd{ list-style:none;}
#widewrapper{ width:100% !important;}
#contentsArea {font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;background:#fff;word-wrap:break-word; position:relative;}
#contentsArea a:visited:hover,#contentsArea a:link:hover,#contentsArea a:visited:active,#contentsArea a:link:active{text-decoration:none;}
#contentsArea #contents{width:100%; margin:40px auto 0;padding:0;background:none; color:#333; position:relative;}
#mainContents{ width:100%; overflow:hidden;}
#contentsArea .sp{display:none;}
#contents .pagetop{ display:none;}
#contents .pagetop a{color:#000;}
#contents .pagetop a:hover{color:#000;opacity:0.7;filter:alpha(opacity=70);text-decoration:none;}
*[class*="btn"]{text-align:center; line-height:0;}
*[class*="btn"] a:hover,*[class*="btn"] a:active{opacity:0.7;filter:alpha(opacity=70); text-decoration:none !important;}

.gotop{position:fixed;right:10px;bottom:10px; z-index:999;}
.gotop a:hover{opacity:0.7;filter:alpha(opacity=70);}
.endFix{position:absolute;}
.fixed{ display:block;left: 0;position: fixed;top: 0;width: 100%;z-index: 999;}

/* -- *contentsArea* -- */
.grp,.photo{ text-align:center; line-height:0;}
.grp img,.photo img{ width:100%;}
.bnr01{clear:both;overflow:hidden;text-align:center;margin:15px auto 10px;}
.bnr01 img{padding-bottom:8px;}
.btn{ margin:30px auto 10px;overflow:hidden; clear:both;}
.btn1{ clear:both; overflow:hidden; margin:0 auto; padding:35px 0;}

/* top */
#keyVisual{width:100%;overflow:hidden;clear:both;margin-bottom:0; line-height:0;}
#keyVisual h1{ text-indent:0;}
#keyVisual h1 img{ width:100%; min-width:950px;}

nav{ clear:both; overflow:hidden; margin-top:40px;}
nav ul{ overflow:hidden; clear:both; text-align:center;}
nav ul li{ display:inline-block; position:relative; padding:0 20px;}
nav ul li:before{ content:""; display:block; border-left:1px solid #000; height:30px; width:100%; position: absolute; left:0; top:50%; margin-top:-15px;}
nav ul li:last-child:before{ content:""; display:block; border-right:1px solid #000; height:30px; width:100%; position: absolute; right:0; top:50%; margin-top:-15px;}


/* -- Contents -- */
.widebox{ width:100%; clear:both; overflow:hidden;}
.sbox{ width:950px; clear:both; overflow:hidden; margin:0 auto;}
.tpr{ margin:0 0 20px; font-size:16px; line-height:1.5; text-align:center;}
.tpr small{ font-size:12px;}
.tpr b{ color:#00a0e9; font-size:16px;}
.atn{margin:0 0 40px; font-size:12px; line-height:1.5; /*text-shadow:1px 1px #000;*/ color:#fff;}
.ttl{ background:#000; line-height:0; text-align:center; height:80px; text-indent:-9999px;}
.ttl2{ text-align:center; line-height:0;}


#PART1 .ttl{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/desk/images/ttl1.gif) center center no-repeat #000;}
#PART1 .service{ width:790px; overflow:hidden; margin:40px auto 0;}
#PART1 .service li{ width:210px; float:left; margin:0 80px 30px 0; font-size:13px; text-align:center; line-height:1.5;}
#PART1 .service li:nth-child(3n){ margin-right:0;}
#PART1 .service li span{ display:block; padding:10px 20px 0;}
#PART1 .tokuten{ background:#FFFAE8; clear:both; overflow:hidden;}
#PART1 .tokuten .ttl2{ margin-top:40px;}
#PART1 .tokuten .tpr{ width:790px; margin:30px auto 0; text-align:left;}
#PART1 .tokuten .photo{ width:790px; margin:30px auto 0;}
#PART1 .tokuten .shop{ width:790px; margin:30px auto; overflow:hidden; padding:20px; box-sizing:border-box; background:#fff;}
#PART1 .tokuten .shop dt{ padding-bottom:20px;}
#PART1 .tokuten .shop dd{ text-align:center;}

#PART2 .ttl{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/desk/images/ttl2.gif) center center no-repeat #000;}
#PART2 .tpr{ margin:20px 0 0;text-align:left;}
#PART2 .mapbox{ margin-top:20px;}
#PART2 .mapbox .map2{ margin:30px 0 0 0; float:left; width:577px;}
#PART2 .mapbox .map2 iframe{ width:100%; height:320px;}
#PART2 .mapbox .map3{ float:right; margin:30px 0 0 0; width:344px;}
#PART2 .mapbox .wn{ clear:both; overflow:hidden; line-height:1; font-size:13px; padding-top:5px; display:block; text-align:left;}
#PART2 .rsp{ border:10px solid #000; margin-top:40px; padding:30px;}
#PART2 .rsp dt{ text-align:center; font-size:24px; font-weight:bold; background:#fff; margin:-50px auto 30px; width:300px;}
#PART2 .rsp dd{ float:left; width:550px; font-size:16px; line-height:1.5;}
#PART2 .rsp dd b{ display:block; font-size:18px; margin-bottom:20px;}
#PART2 .rsp .photo{ float:right; width:253px; line-height:0;}

#PART2 .viber{ clear:both; overflow:hidden; margin:40px 0 0; background:#DDF5FF; padding:30px;}
#PART2 .viber .tpr{ margin:0 30px 20px;}
#PART2 .viber .photo{ width:730px;margin:0 auto;}
#PART2 .viber .photo a:hover{ opacity:.7;}

#PART3{ margin-top:40px;}
#PART3 .ttl{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/desk/images/ttl3.gif) center center no-repeat #000;}
#PART3 .sptbox{ width:790px; margin:40px auto 0;}
#PART3 .sptbox .spt3{ width:240px; border:1px solid #000; padding:1px; box-sizing:border-box; float:left; padding-bottom:20px; margin:0 35px 30px 0;}
#PART3 .sptbox .spt3:nth-child(3n){ margin-right:0;}
#PART3 .sptbox .spt3 .area{ padding:5px 8px; color:#fff; background:#4ACC00; font-size:15px;}
#PART3 .sptbox .spt3 h3{ padding:5px; font-size:15px;}
#PART3 .sptbox .spt3 .photo{ margin:0 8px 8px;}
#PART3 .sptbox .spt3 .explain{ font-size:13px; margin:0 8px 8px; text-align: left;}
#PART3 .sptbox .spt3 .icon{ float:right; display:table; border-radius:5px; padding:5px; margin:0 8px; font-size:12px; color:#fff; background:#B20000;}
#PART3 .viber dl {width: 790px; padding: 10px; box-sizing: border-box; margin: 10px; text-align:left; }

#PART4 .ttl{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/desk/images/ttl4.gif) center center no-repeat #000;}
#contentsArea .hotels{ width:790px; margin:40px auto 0; color:#000;}
#contentsArea .htlBox{border:1px solid #000; padding:1px; box-sizing:border-box;}
#contentsArea .htlBox .area{ padding:5px 8px; background:#000; color:#fff; font-size:14px;}
#contentsArea .htlBox h3{ font-size:15px;margin:0 8px 8px;}
#contentsArea .htlBox .explain{ font-size:13px; line-height:1.2; margin:0 8px 8px;}
#contentsArea .htlBox .photo{margin:0 8px; padding:0; line-height:0;}
#contentsArea .htlBox .photo li:hover{ opacity:.7; cursor:pointer;}
#contentsArea .htlBox .rank{  border-radius:5px; border:1px solid #999; padding:5px 15px; display:table; margin:10px auto; position:inherit;}
#contentsArea .htlBox .rank span{ vertical-align: 2px;}
#contentsArea .htlBox .plan li a{ padding:0; border-radius:0;border:none; background:#F1FBEB;}
#contentsArea .htlBox .plan li a .pttl{ background:#4ACC00; color:#fff; text-align:center; padding:5px 0; font-size:14px;}
#contentsArea .htlBox .plan li a .chara li{ background:none; color:#000; border:1px solid #000; margin:3px 0 0 3px; padding:3px; font-size:12px;}
#contentsArea .htlBox .plan li a .planName{ text-decoration:underline; font-size:14px; margin:5px;}
#contentsArea .htlBox .plan li a .price{ text-align:center; font-size:12px; padding:0 0 10px; font-weight:normal;}
#contentsArea .htlBox .plan li a .price span{ color:#e92a25; padding-left:10px;}
#contentsArea .htlBox .btn{ margin:0;}
#contentsArea .htlBox .btn a{ display:block; padding:12px 0; margin:0 10px 10px; border-radius:50px; background:#000; font-size:18px; font-weight:bold;line-height:1;color:#fff !important;}
#contentsArea .htlBox .btn a:hover{ text-decoration:none !important;}
#contentsArea .htlBox3{ width:240px; margin:0 35px 30px 0;}
#contentsArea .htlBox3:nth-child(3n){ margin-right:0;}

#PART5 .ttl{ background:url(../images/ttl06.gif) center center no-repeat #000;}
#PART5 .hbnr{  margin:40px auto 0; overflow:hidden;}
#PART5 .hbnr li{ float:left; width:220px; font-size:13px; text-align:center; margin-right:23px;}
#PART5 .hbnr li:last-child{ margin-right:0;}
#PART5 .hbnr li img{ padding-bottom:5px;}
#PART5 .hbtn{ margin:40px auto 0; overflow:hidden;}
#PART5 .hbtn li{ float:left; width:465px; margin-right:20px;}
#PART5 .hbtn li:last-child{ margin-right:0;}
#PART5 a:hover{ opacity:.7;}

#PART6{ margin-top:40px;}
#PART6 .ttl{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/desk/images/ttl6.gif) center center no-repeat; width:790px; height:51px; margin:30px auto 0;}
#PART6 .photo img{ width:313px; padding-right:5px;}
#PART6 .photo img:last-child{ padding-right:0;}
#PART6 .graybox{ border:10px solid #D5D5D5; box-sizing:border-box; padding:20px; margin-top:30px;}
#PART6 .graybox .ttl2{ padding-bottom:20px; border-bottom:1px solid #D5D5D5;}
#PART6 .graybox ul{ overflow:hidden;}
#PART6 .graybox ul li{ width:170px; float:left;margin:30px 0 0 42px; font-size:13px; text-align:center;}
#PART6 .graybox ul li small{ display:block; font-size:12px;}
#PART6 .graybox ul li img{ padding-bottom:3px;}
#PART6 .graybox .wn{ font-size:12px; margin:20px 0 0 42px;}
#PART6 .graybox dl{ width:870px; background:url(https://img.travel.rakuten.co.jp/kaigai/special/hawaii/desk/images/img5_3.gif) 20px 20px no-repeat #e5f8fd; padding:20px 20px 0 60px; box-sizing:border-box; margin:40px 0 0;}
#PART6 .graybox dl dt{ font-size:20px; font-weight:bold; padding-bottom:10px;}
#PART6 .graybox dl dd{ font-size:14px; line-height:1.5; padding-bottom:30px;}
#PART6 .graybox dl dd a{ color:#0dbbe8 !important; text-decoration:underline !important;}
#PART6 .graybox dl dd a:hover{ text-decoration:none !important;}

/* -- search -- */
#contentsArea #search-box{width:950px; margin:30px auto 0; padding:0; border:none; background:none;}
#contentsArea #search-box h1{ margin:0;font-size: 20px; color:#fff;}
#search-box-body{background:#fff; margin:20px; padding:0 20px 20px;border:1px solid #bbbbbb;}
#contentsArea #search-box .searchCategory{width:auto;}

#BNR ul{ overflow:hidden; clear:both; padding-left:5px;}
#BNR ul li{ float:left; margin:0 0 20px 10px;}


/*0901天本追加*/

.atn {
    margin: 0 0 40px;
    font-size: 12px;
    line-height: 1.5;
    color: #000;
}
/*add*/

#PART0 { width:950px; clear:both; overflow:hidden; margin:0 auto;}
#PART0 	.tpr{ text-align:center; margin:0 0 20px; font-size:16px; line-height:1.5;}
#PART0 small{ font-size:12px; line-height:1.5;}

#PART5 .lounge {width: 950px; overflow: hidden; margin: 20px auto;}
#PART5 .lounge dt{width:100%; text-align: center; font-size: 18px; padding:0 0 20px;}
#PART5 .lounge dd{width:100%; font-size: 14px; padding:0 0 20px;}
#PART5 .lounge dd ul {  display: flex; justify-content: center;}
#PART5 .lounge dd ul li { margin: 0 10px;}
#PART5 .lounge dd ul li img { width: 100%;}
#PART5 .lounge dd .loungeinfo p { overflow: hidden; margin-top: 20px; padding: 20px 20px 0; border-top: 1px solid #666;}
#PART5 .lounge dd .loungeinfo p span { display:block; width: 30%; float: left; font-weight: bold;}
#PART5 .lounge dd .loungeinfo p span.info { width: 60%; font-weight: normal;}