@charset "utf-8";
/* CSS Document */

body {
font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

#JS_navList .JS_nav .JS_navBody{ display: none;}
.content-box{
height: 920px;
}
.nav-list > li > span:after,.nav-list > li > a > span:after{
content: "";
background: url(/inter/recommend/72hours/common/img/sprite.png) no-repeat;
}
.hover-item:hover{
-ms-filter: "alpha(opacity=80)";
opacity: 0.8;
display: block;
}
/* header */
header{
position: fixed;
z-index: 10;
top: 0;
left: 0;
}
.header-wrapT,
.header-wrapU{
width: 100%;
background: rgba(0, 0, 0, .7);
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
.header-wrapT .header-inr,
.header-wrapU .header-inr{
width: 950px;
margin: 0 auto;
display: table;
position: relative;
min-height: 80px;
}
.header-wrapT .logo,
.header-wrapU .logo{
display: table-cell;
vertical-align: middle;
}
.header-wrapU .header-navU{
text-align: right;
width: 670px;
display: table-cell;
padding-left: 235px;
}
.header-wrapU .header-navU{
text-align: right;
width: 670px;
display: table-cell;
padding-left: 185px;
}
.nav-list{
display: table;
width: 322px;
}
.header-wrapU .header-navT{
text-align: right;
width: 170px;
display: table-cell;
padding-left: 345px;
}
.header-navT .nav-list{
display: table;
width: 160px;
}
.header-navU .nav-list{
display: table;
width: 322px;
}
.ctry{
position: fixed;
top: 120px;
right: 40px;
z-index: 100;
}
.nav-list > li{
display: table-cell;
text-align: left;
width: 160px;
height: 80px;
border-left:1px solid rgba(255, 255, 255, .2);
vertical-align: bottom;
position: relative;
box-sizing: border-box;
}
.nav-list > li.JS_nav{
padding: 0 0 6px 10px;
}
.nav-list > li.JS_nav:hover{
background: rgba(0, 0, 0, 1);
}
.nav-list > li span{
position: relative;
height: 18px;
display: inline-block;
}
.nav-list > li > span:after,
.nav-list > li > a > span:after{
content: "";
display: inline-block;
width: 8px;
height: 12px;
background-position: -62px 0px;
position: absolute;
top: 2px;
right: -16px;
}
.nav-list .nav-list-flight-skd span:after{
width: 12px;
height: 8px;
background-position: -39px 0px;
top: 3px;
}
.nav-list > li img{
vertical-align: baseline;
}
.nav-list .cp_link{
padding: 0;
}
.nav-list a{
padding: 55px 0 10px 10px;
}
.nav-list a {
display: inline-block;
width: 160px;
height: 80px;
box-sizing: border-box;
}
.nav-list .cp_link a{
display: inline-block;
width: 160px;
height: 80px;
padding: 55px 0 10px 10px;
box-sizing: border-box;
background: rgba(177, 0, 0, .8);
}
.nav-list .cp_link a:hover{
background: rgba(177, 0, 0, 1);
}
.nav-list a:hover{
background: rgba(0, 0, 0, 1);
}
.nav-stroy{
position: absolute;
right: 0;
top: 80px;
}
.ticket-nav{
position: fixed;
top: 50%;
right: 0;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
z-index: 100;
}
.ticket-nav a{
display: block;
}

.ticket-nav a:hover{
opacity: 0.8;
}

.pager{
position: fixed;
top: 50%;
right: 70px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
z-index: 100;
min-height: 170px;
}
.pager li{
font-size: 0;
line-height: 0;
margin-top: 10px;
}
.pager li a{
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(255, 255, 255, .7);
position: relative;
}
.pager li:first-of-type{
margin-top: 0;
}
.pager li.current a{
background: rgba(255, 255, 255, 1);
}
.pager li.current a:before{
content: "";
display: block;
width: 14px;
height: 14px;
border:1px solid rgba(255, 255, 255, .7);
border-radius: 50%;
position: absolute;
top: -4px;
left: -4px;
}
/* mv */
.content-box.mv{
background: url(/inter/recommend/72hours/common/img/index_top_bg.png) no-repeat center center /cover;
}
.mv-top{
padding-top: 9.6094vw;
text-align: center;
}
.mv-top h2{
margin-bottom: 25px;
}
.direction-list{
font-size: 0;
margin-bottom: 40px;
text-align: center;
}
.direction-list li{
font-size: 14px;
display: inline-block;
margin-left: 25px;
position: relative;
}
.direction-list li .icon-new{
position: absolute;
top: 0;
left: 0;
}
.direction-list li:first-of-type{
margin-left: 0;
}
.direction-list li a{

}
.direction-list li a:hover{
opacity: .8;
}
.sin .direction-list li:first-of-type{
}
.tpe .direction-list li:nth-of-type(2){
}
.bkk .direction-list li:nth-of-type(3){
}
.hkg .direction-list li:nth-of-type(4){
}

.mv-btm{
margin: 30px 0 40px;
}
.flight-list dt .time-skd{
background: none;
}
.flight-list dt:first-of-type .time-skd{
background: #eee;
}
.flight-list .period{
padding: 0 0 0 24px;
margin: 0 0 5px 0;
font-size: 14px;
font-weight: bold;
}
.flight-list dd{
margin-top: 20px;
}
.flight-list dd:first-of-type{
margin-top: 0;
}
.nav-list > .time-skd li span:after{
content: none;
}
.nav-list.JS_nav > span:hover{
background: rgba(0, 0, 0, 1);
}
.flight-skd{
position: absolute;
left: 0;
top: 80px;
z-index: 100;
}
.flight-skd{
width: 360px;
padding: 24px 42px;
background: rgba(255, 255, 255, 0.9);
}
.flight-skd {
width: 444px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 0;
}
.flight-skd .time-skd{
font-size: 0;
}
.flight-skd .time-skd {
width: 100%;
}
.flight-skd .time-skd li{
font-size: 16px;
margin-top: 10px;
}
.flight-list dt{
border-bottom: 1px solid #ccc;
padding-bottom: 9px;
text-align: center;
margin: 40px 0 15px;
}
.flight-list dt {
margin: 40px 24px 15px;
}
.flight-list dt:first-of-type{
margin-top: 0;
}
.flight-skd .time-skd{
margin-top: 5px;
}
.flight-skd .time-skd{
display: table;
}
.flight-skd .time-skd li{
display: table-cell;
font-size: 16px;
width: 50%;
font-weight: bold;
box-sizing: border-box;
text-align: right;
padding-left: 44px;
}
.flight-skd .time-skd li {
padding: 0 24px 0 0;
font-size: 14px;
}
.flight-skd .time-skd li:first-of-type{
text-align: left;
padding-left: 0;
}
.flight-skd .time-skd li:nth-child(odd){
text-align: left;
padding-left: 0;
}
.flight-skd .time-skd li:nth-child(odd) {
padding: 0 0 0 24px;
}
.flight-skd .time-skd li span{
display: block;
font-weight: normal;
}
.flight-skd .time-skd li p{
display: inline-block;
position: relative;
text-align: left;
width: 50px;
line-height: 1.3;
}
.flight-skd .time-skd li p:first-child{
width: 80px;
}
.flight-skd .time-skd li p:before{
content: "";
width: 13px;
height: 15px;
display: inline-block;
background: url(/inter/recommend/72hours/common/img/sprite.png) no-repeat;
background-position: -28px -9px;
position: absolute;
bottom: 4px;
left: -27px;
}
.flight-skd .time-skd li p:first-of-type:before{
content: none;
}

.flight-skd .time-skd li p.aircraft {
width: 64px;
}
.flight-skd .time-skd li p.depTime {
width: 47px;
}
.flight-skd .time-skd li p.arrTime {
width: 72px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 23px;
}
.flight-skd .time-skd li p.aircraft > span, .flight-skd .time-skd li p.depTime > span, .flight-skd .time-skd li p.arrTime > span {
font-size: 11px;
}
.flight-skd .time-skd li p.depTime:before {
content: none;
}
.flight-skd .time-skd li p.arrTime:before {
left: 0;
}
.flight-skd .time-skd:nth-of-type(even) {
background-color: rgba(238,238,238,0.90);
padding: 4px 0;
}
.story-list{
position: absolute;
top: 80px;
left: 0;
}
.story-list li{
display: block;
border: none;
font-size: 0;
}
/* content-box */
.content-wrap{
position: relative;
}
.content-box{
width: 100%;
}
.content-box .content-inr{
width: 950px;
margin: 0 auto;
}
.cmt-panel{
width: 380px;
box-sizing: border-box;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
background: rgba(0, 0, 0, .8);
color: #fff;
padding: 30px;
position: absolute;
top: 137px;
}
.cmt-panel.right{
margin-left: 570px;
}
.panel-ttl .ttl{
font-size: 24px;
font-size: 2.4rem;
margin: 0 0 20px 0;
line-height: 1.5;
}
.cmt-panel .txt{
font-size: 14px;
font-size: 1.6rem;
margin: 30px 0 0 0;
line-height: 1.7;
}
.cmt-panel .txt + .noteList{
margin: 30px 0 0 0;
}
.cmt-panel .txt.note{
font-size: 1.4rem;
}
.cmt-panel .txt:first-of-type{
margin: 0;
}
.cmt-panel .txtLink{
color: #fff;
}
.content-box{
position: relative;
height: 100%;
}
.content-box.scene-01{background: url(/inter/recommend/72hours/sin/common/img/bg_img_01.jpg) no-repeat center center /cover;}
.content-box.scene-02{background: url(/inter/recommend/72hours/sin/common/img/bg_img_02.jpg) no-repeat center center /cover;}
.content-box.scene-03{background: url(/inter/recommend/72hours/sin/common/img/bg_img_03.jpg) no-repeat center center /cover;}
.content-box.scene-04{background: url(/inter/recommend/72hours/sin/common/img/bg_img_04.jpg) no-repeat center center /cover;}
.content-box.scene-05{background: url(/inter/recommend/72hours/sin/common/img/bg_img_05.jpg) no-repeat center center /cover;}
.content-box.scene-06{background: url(/inter/recommend/72hours/sin/common/img/bg_img_06.jpg) no-repeat center center /cover;}
.content-box.scene-07{background: url(/inter/recommend/72hours/sin/common/img/bg_img_07.jpg) no-repeat center center /cover;}
.content-box.scene-08{background: url(/inter/recommend/72hours/sin/common/img/bg_img_08.jpg) no-repeat center center /cover;}
.content-box.scene-09{background: url(/inter/recommend/72hours/sin/common/img/bg_img_09.jpg) no-repeat center center /cover;}
.content-box.scene-10{background: url(/inter/recommend/72hours/sin/common/img/bg_img_10.jpg) no-repeat center center /cover;}


.sin .content-box.scene-04{background: none;}

.movei-area{
position: absolute;
width: 100%;
height: 100%;
background: url(/inter/recommend/72hours/common/img/bg_main_overlay.png);
}
.movei-area video{
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: auto auto;
background-size: cover;
}
/* .scrl-box */
.scrl-box{
width: 100px;
height: 120px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
background: rgba(0, 0, 0, .8);
position: fixed;
bottom: 38px;
left: 50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
}
.scrl-inr{
background: url(/inter/recommend/72hours/common/img/clock_img_01.png) no-repeat;
position: relative;
width: 62px;
height: 62px;
margin: 21px auto 0;
}
.l-hand{
position: absolute;
top: 0;
left: 0;
}
.s-hand{
position: absolute;
top: 0;
left: 0;
}
.scrl-inr .txt{
position: absolute;
bottom: -35px;
left: 50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
}

/* modal */
.modalWrap{
z-index: 3000;
}
.i-close-modal{
position: absolute;
top: 10px;
right: 0;
background: url(/inter/campaign/72hours/common/img/icon_modal_close.png) no-repeat;
background-position: center center;
width: 24px;
height: 24px;
font-size: 0;
}
.interBooking950 .mdl_lead{
display: none;
}
/* global-footer */
.global-footer{
position: fixed;
bottom: 0;
width: 100%;
}
.global-footer.common-index{
position: static;
}