@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Cabin:500|Satisfy&display=swap');

#clone{  display: none;}

/*----------------------------------------------------MainVisual*/
#MainVisual{width:90%;margin:30px auto 60px;display:flex;align-items:center}
#MainVisual h2{text-align:center;width:55%}
#MainVisual .photo{flex:1;margin-left:30px}
#MainVisual img{max-width:100%;width:auto}

@media screen and (max-width:1245px){
#MainVisual{
    width: 1100px;
    margin-bottom: 50px;
}
#MainVisual h2{
    width: 580px;
    flex: inherit;
}
}
@media screen and (min-width: 1770px){
#MainVisual{
    width: 80%;
}
}

/*----------------------------------------------------Map*/
#Map{text-align:center;background-color:#dff1f5;padding:60px 0;margin-bottom:50px}
#Map h2{width:470px;margin:0 auto;margin-bottom:30px}
#Map h2 img{width:100%}
#Map .img{width:1040px;margin:0 auto;border:3px solid #bfd9de;background-color:#fff;line-height:0}
#Map .img img{display:inline-block;padding:10px;line-height:0}
#Map #LinkArea{display:flex;width:1040px;margin:0 auto;margin-top:15px;text-align:left;justify-content:space-between}
#Map #LinkArea dl{}
#Map #LinkArea dt{margin-bottom:5px}
#Map #LinkArea dt img{width:auto;height:34px}
#Map #LinkArea dd{}
#Map #LinkArea dd ul{}
#Map #LinkArea dd li{display:flex;font-weight:700}
#Map #LinkArea dd li + li{margin-top:10px}
#Map #LinkArea dd li .num{font-family:'Cabin',sans-serif;line-height:1;width:20px;height:20px;font-weight:400;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:100%;margin-right:5px}
#Map #LinkArea dd li a span{display:block}
#Map #LinkArea .harbur{}
#Map #LinkArea .central{}
#Map #LinkArea .east{}
#Map #LinkArea .kahala{}
#Map #LinkArea .harbur .num{background-color:#2CB2E5}
#Map #LinkArea .central .num{background-color:#84B43D}
#Map #LinkArea .east .num{background-color:#B1703F}
#Map #LinkArea .KahalaDis .num{background-color:#C63C84}

/*----------------------------------------------------Htl*/
#Htl{background-image:url(/kaigai/business/kanto/images/topic/hawaiiOV/bg.jpg);background-repeat:repeat-y;background-position:center top;padding-bottom:100px}
#Htl .deco{padding-bottom:50px;text-align:center}
#Htl .sec{}
#Htl .sec + .sec{margin-top:130px}
#Htl .sec#harbur{}
#Htl .sec#central{}
#Htl .sec#east{}
#Htl .sec#KahalaDis{}
#Htl .sec h2{text-align:center}
#Htl .sec h2 .main{}
#Htl .sec h2 .sub{padding-bottom:10px}
#Htl .Entry{display:flex;justify-content:space-between;padding-top:50px;width:1020px;margin:0 auto;flex-wrap:wrap}
#Htl .Entry + .Entry{margin-top:70px;border-top:3px double #ccc}
#Htl .Entry .Title{position:relative;margin-bottom:20px;width:100%}
#Htl .Entry .Title:before{content:"";width:45px;height:54px;display:block;background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;left:0;top:5px}
#Htl .Entry .Title dt{font-size:32px;font-weight:700;padding-left:55px;line-height:1.3;padding-bottom:10px}
#Htl .Entry .Title dd{font-family:'Satisfy',cursive;padding-left:55px;font-size:18px;line-height:1.4}
#Htl .Entry .box{width:420px;margin-bottom:35px}
#Htl .Entry .box .Item{background-color:#fff;box-shadow:3px 3px 0 #dedede;border:1px solid #dedede;position:relative}
#Htl .Entry .box .Item .icon{text-indent:100%;white-space:nowrap;overflow:hidden;width:90px;height:28px;background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;top:-15px;left:10px}
#Htl .Entry .box .Item .ctcms{}
#Htl .Entry .box .Item .ctcms .Entry{width:auto;display:block;padding:0}
#Htl .Entry .box .Item .ctcms .Entry .linkArea{-webkit-transition:all .3s ease-out;padding:25px 20px 20px}
#Htl .Entry .box .Item .ctcms .Entry .main{}
#Htl .Entry .box .Item .ctcms .Entry .data{display:flex;font-size:12px;margin-bottom:10px}
#Htl .Entry .box .Item .ctcms .Entry .data li{border:1px solid #9e9e9e;line-height:1;padding:4px 8px;margin-right:5px}
#Htl .Entry .box .Item .ctcms .Entry .data li + li{}
#Htl .Entry .box .Item .ctcms .Entry h4{font-family:inherit;font-size:16px;line-height:1.4;padding-bottom:10px}
#Htl .Entry .box .Item .ctcms .Entry .htl{font-weight:700;padding-bottom:10px}
#Htl .Entry .box .Item .ctcms .Entry .btm{display:flex;justify-content:space-between}
#Htl .Entry .box .Item .ctcms .Entry .btm .price{}
#Htl .Entry .box .Item .ctcms .Entry .btm .price dt{font-size:23px;padding-bottom:5px}
#Htl .Entry .box .Item .ctcms .Entry .btm .price dd{color:#000;font-size:14px;font-weight:400}
#Htl .Entry .box .Item .ctcms .Entry .btm .btn{}
#Htl .Entry .box .Item .ctcms .Entry .btm .btn a{position:relative;text-align:center;text-decoration:none;border-radius:3px;border:2px solid #ccc;font-weight:400;display:flex;height:100%;justify-content:center;align-items:center;padding:0 18px}
#Htl .Entry .box .Item .ctcms .Entry .btm .btn a:after{position:absolute;right:4px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}
#Htl .Entry .box .Item .ctcms .Entry .linkArea:hover{cursor:pointer;background-color:#f7f7f7}
#Htl .Entry .box.photo{width:560px;flex:inherit}
#Htl .Entry .box.photo .owl-controls{margin-top:20px}
#Htl .Entry .box.photo .img{height: 320px;}
#Htl .Entry .box.photo img{width:auto}
#Htl .Entry .box .info{line-height:1.8;padding-bottom:30px;font-size:15px}
#Htl .Entry .Largebtn{width:100%}
#Htl .Entry .Largebtn a{position:relative;display:block;padding:20px 15px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;font-size:20px;font-weight:700;width:80%;margin:0 auto}
#Htl .Entry .Largebtn a span{}
#Htl .Entry .Largebtn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}
#Htl .Entry .Largebtn a:hover{}

#Htl .sec#harbur .Entry .Title{ color: #2CB2E5}
#Htl .sec#central .Entry .Title { color: #84B43D}
#Htl .sec#east .Entry .Title { color: #B1703F}
#Htl .sec#KahalaDis .Entry .Title { color: #C63C84}

#Htl .sec#harbur .Entry .Largebtn a{background-color: #2cb2e5;box-shadow: 0 4px 0px #1b6784;}
#Htl .sec#central .Entry .Largebtn a{background-color: #84B43D;box-shadow: 0 4px 0px #4f6d24;}
#Htl .sec#east .Entry .Largebtn a{background-color: #B1703F;box-shadow: 0 4px 0px #63391a;}
#Htl .sec#KahalaDis .Entry .Largebtn a{background-color: #C63C84;box-shadow: 0 4px 0px #822555;}

#Htl .sec#harbur .Entry .Largebtn a:hover{background-color: #1b6784;}
#Htl .sec#central .Entry .Largebtn a:hover{background-color: #4f6d24;}
#Htl .sec#east .Entry .Largebtn a:hover{background-color: #63391a;}
#Htl .sec#KahalaDis .Entry .Largebtn a:hover{background-color: #822555;}

#Htl .sec#harbur .Entry .box .Item .icon{background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/item_icon_harbur.png")}
#Htl .sec#central .Entry .box .Item .icon{background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/item_icon_central.png")}
#Htl .sec#east .Entry .box .Item .icon{background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/item_icon_east.png")}
#Htl .sec#KahalaDis .Entry .box .Item .icon{background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/item_icon_KahalaDis.png")}

#Htl .Entry#Prince .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map01.png")}
#Htl .Entry#RitzResidence .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map02.png")}
#Htl .Entry#Halekulani .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map03.png")}
#Htl .Entry#SheratonWaikiki .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map04.png")}
#Htl .Entry#Mailani .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map05.png")}
#Htl .Entry#HyattRegency .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map06.png")}
#Htl .Entry#SheratonPrincess .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map07.png")}
#Htl .Entry#RoyalHawaiian .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map08.png")}
#Htl .Entry#MoanaSurfrider .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map08.png")}
#Htl .Entry#Kahala .Title:before{ background-image: url("/kaigai/business/kanto/images/topic/hawaiiOV/icon_map09.png")}