@charset "utf-8";
/* CSS Document */
.topArea .contentInr{
padding: 0;
}
.inofBox{
width: 100%;
background: #f1ece5;
position: absolute;
bottom: 0;
}
.contentArea .inofBox > .contentInr{
width: 950px;
margin: 0 auto;
padding: 0;
}
.infoList{
font-size: 0;
display: flex;
}

.infoList dt{
display: flex;
width: 96px;
background: #a00505;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 9px 0px;
box-sizing: border-box;
justify-content: center;
align-items: center;
}
.infoList dd{
font-size: 16px;
display: inline-block;
width: 854px;
padding: 9px 10px;
box-sizing: border-box;
}

.pagerList{
width: 200px;
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 35px;
z-index: 100;
color: #fff;
}
.pagerList li{
margin: 15px 0 0 0;
}
.pagerList li:first-of-type{
margin: 0;
}
.pagerList li a{
color: #fff;
font-size: 16px;
font-weight: bold;
display: block;
text-align: right;
padding: 0 15px 0 0;
position: relative;
text-shadow: 0px 0px 10px #000000;
}
.pagerList li a:hover{
text-decoration: none;
opacity: .8;
}
.pagerList li a:before{
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
top: 50%;
right: -11px;
margin-top: -4px;
background: #fff;
}
.pagerList li.active a:before{
background: #a00505;
z-index: 1;
}
.pagerList li.active a:after{
content: "";
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
position: absolute;
top: 50%;
right: -24px;
margin-top: -17px;
background: rgba(255, 255, 255, .5);
}

.contentArea.topArea{background: url(../img/bg_top.01.jpg) no-repeat center center / cover;}
.contentArea.serviceArea{background: url(../img/bg_service_01.jpg) no-repeat center center / cover;}
.contentArea.loungeArea{background: url(../img/bg_lounge_01.jpg) no-repeat center center / cover;}
.contentArea.red_suiteArea{background: url(../img/bg_red_suite_01.jpg) no-repeat center center / cover;}
.contentArea.diningArea{background: url(../img/bg_dining_01.jpg) no-repeat center center / cover;}
.contentArea.mealArea{background: url(../img/bg_meal_01.jpg) no-repeat center center / cover;}
.contentArea.mapArea{background: url(../img/bg_map_01.jpg) no-repeat center center / cover;}
.contentArea.business_hoursArea{background: url(../img/bg_other_01.jpg) no-repeat center center / cover;}

.contentArea.tsuruteiArea{background: url(../img/bg_tsurutei_01.jpg) no-repeat center center / cover;}
.contentArea.jalstableArea{background: url(../img/bg_jtable_01.jpg) no-repeat center center / cover;}

.logo_jal{
padding: 40px 0 100px 0;
}
.contentArea{
height: 100%;
font-family: "Yu Mincho", "YuMincho";
}
.contentArea .contentInr{
width: 1110px;
height: 100%;
margin: 0 auto;
}
.topArea .contentInr .logo_jal{
    padding: 4% 0 4% 8%;
}
.panelBox{
width: 635px;
height: 100%;
background: rgba(0, 0, 0, .5);
color: #fff;
padding: 0px 80px 50px;
box-sizing: border-box;
}
.airport{
font-size: 24px;
font-size: 0;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.airport .txt{
font-size: x-large;
width: 345px;
display: inline-block;
vertical-align: middle;
padding-top: 5%;
}
.airport .logo_lounge{
display: inline-block;
vertical-align: middle;
}
.panelBox .lead{
font-size: 40px;
line-height: 1.5;
margin: 10px 0 30px 0;
}

.nextBtn{
text-align: center;
margin: 40px 0 0;
}
.nextBtn a{
color: #fff;
font-size: 16px;
display: inline-block;
position: relative;
padding: 0 0 70px 0;
}
.nextBtn a:before{
content: "";
display: inline-block;
width: 13px;
height: 50px;
background: url(/inter/service/lounge/hnd/Y18/img/icon_arr_down_01.png) no-repeat;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -6px;
}
.upBtn{
text-align: center;
margin: 40px 0 0;
}
.upBtn a{
color: #fff;
font-size: 16px;
display: inline-block;
position: relative;
padding: 70px 0 0 0;
}
.upBtn a:before{
content: "";
display: inline-block;
width: 13px;
height: 50px;
background: url(/inter/service/lounge/hnd/Y18/img/icon_arr_up_01.png) no-repeat;
position: absolute;
top: 0;
left: 50%;
margin-left: -6px;
}
.ttl_Lv2{
font-size: 24px;
margin: 0 0 30px 0;
}
.ttl_Lv2 .txt{
display: inline-block;
font-size: 24px;
margin: 0 10px 0 0;
}
.ttl_Lv2 .txt_en{font-size: 14px;letter-spacing: 1px;opacity: 0.8;}
.ttl_Lv2 .txt_img img{
vertical-align: bottom;
}
.ttl_Lv3{
font-size: 18px;
margin: 20px 0 10px 0;
}
.ttl_Lv3 .sub_txt{
font-size: 16px;
}
.panelTxt .txt{
font-size: 16px;
margin: 30px 0 0 0;
}
.panelTxt .txt:first-of-type{
margin-top: 0;
}
.topArea .panelBox{
padding: 3% 3% 0 5%;
position: relative;
height: 70%;
}
.topArea .panelBoxInr{
padding: 0 25px;
}
.topArea .panelBox .lead{
line-height: 2;
margin: 10px 0 0 0;
font-size: 1.4em;
}
.mapArea .panelBox{
width: 100%;
}
.business_hoursArea .panelBox{
width: 100%;
}
.picList{
font-size: 0;
margin: 40px 0 0;
}
.picList li{
font-size: 14px;
display: inline-block;
}
.picList li a{
display: inline-block;
background: #fff;
}
.picList li a:hover{
opacity: 0.8;
}
.picList li a img{
vertical-align: bottom;
}
.picList.col-3 li{
margin-left: 18px;
}
.picList.col-4 li{
margin-left: 5px;
}
.picList li:first-of-type{
margin-left: 0;
}
.map{
margin-top: 50px;
}
.map .txt{
font-weight: bold;
text-align: center;
}
.maplink{
position: relative;
height: 275px;
margin-top: 30px;
}
.maplink .mapImg{
position: absolute;
top: 0;
left: 0;
}
.maplink .pinList .pinLinlk{
position: absolute;
z-index: 5;
}
.maplink .pinList .pinLinlk.tsurutei{top:184px;left:30px;}
.maplink .pinList .pinLinlk.jalstable{top:-20px;left:470px;}
.maplink .pinList .pinLinlk.lounge{top:-33px;left:356px;}
.maplink .pinList .pinLinlk.red_suite{top:-39px;left:685px;}
.maplink .pinList .pinLinlk.jalssalon{top:146px;left:680px;}

.maplink .pinList .pinLinlk a{
position: relative;
display: inline-block;
font-size: 0;
text-align: center;
}
.maplink .pinList .pinLinlk a:before{
content: "";
width: 27px;
height: 29px;
display: inline-block;
background: url(/inter/service/lounge/hnd/Y18/img/icon_pin_01.png) no-repeat;
position: absolute
}
.maplink .pinList .pinLinlk a:hover:before{
opacity: .8;
}
.menber_tbl{
background: url(../img/table_bg_01.png);
color: #8e705c;
border: 1px solid #8e705c;
font-size: 14px;
width: 100%;
}
.menber_tbl th, .menber_tbl td{
border: 1px solid #8e705c;
}
.menber_tbl th{
text-align: center;
padding: 10px 5px;
width: 218px;
}
.menber_tbl th .card_name{
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.menber_tbl td{
text-align: center;
padding: 0px 5px;
width: 63px;
height: 45px;
box-sizing: border-box;
}
.business_hours_info .hours{
font-size: 18px;
font-weight: bold;
display: block;
}
.pagerList li a,.map .txt, .menber_tbl{
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
}
.modalBox{
color: #fff;
font-size: 14px;
padding: 45px 0 0;
}
.modalBox .txt{
margin: 10px 0 0 0;
}
.modalBox .pic img{
width: 100%;
}
.noteList_star{
font-size: 12px;
}
.menber_tbl sup{
vertical-align: super;
}
.linkList > li{
margin-top: 15px;
}
.linkList > li:first-of-type{
margin-top: 0;
}
.linkList a{
padding: 0;
border: 1px solid #fff;
display: inline-block;
width: 100%;
position: relative;
color: #fff;
}
.linkList a:hover{
text-decoration: none;
opacity: 0.7;
}
.linkList .icon-pdf{
background: #fff;
display: inline-block;
padding: 5px 9px;
margin: 0 10px 0 0; 
}
.linkList .icon-pdf img{
vertical-align: middle;
}
.linkList .icon-other{
position: absolute;
top: 50%;
right: 10px;
margin-top: -4px;
line-height: 1;
}
.topArea .nextBtn {	
visibility: hidden;	
display: none;	
height: 0;	
}	
.panelBoxInr img {	
max-width: 100%;	
height: auto;	
}	
@media screen and (max-width: 1366px){	
.panelBoxInr img {	
max-width: 45vh;	
width: 80%;	
}	
.topArea .panelBox:after{	
background-size: 75%;	
background-position: right bottom;	
}	
}

dd .txtLink {
    display: block;
    background-position-y: 8px;
}

/*営業時間のお知らせ*/

.business_hours_info dl {
    display: table;
    width: 100%;
}

.business_hours_info dt {
    background: #C00;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 18%;
    display: table-cell;
    vertical-align: middle;
}

.business_hours_info dd {
    background: #fff;
    padding: 1.5%;
    margin: 0;
    color: #333;
    font-weight: bold;
}

.business_hours_info .btnWT {
    padding: 0 !important;
    margin: 0 !important;
    border: none;
}

/*//営業時間のお知らせ*/