@charset "utf-8";

/* CSS Document */
.dis-hide {display:none !important;}

/* header */
.header-wrap{background-color:#000;color:#fff;}
.header-wrap *{box-sizing:border-box;}
.header-wrap a:hover{color:#D9B064;}
.header-wrap a:focus,
.header-wrap button:focus{outline:1px solid #757575;outline-offset:2px;}
.header-wrap a,.header-wrap button{color:#ccc;font-weight:700;}
.header-wrap .header-unit .header-box{display:flex;align-items:center;justify-content:space-between;padding:14px 0;line-height:1.2;}
.header-wrap .header-unit .header-box.btm-block{border-top:1px solid #333;min-height:48px;position:relative;}
.header-wrap .header-unit .header-fx{display:flex;align-items:center;justify-content:space-between;width:1096px;margin:0 auto;}
.header-wrap .header-unit .header-box .header-box-inr,
.header-wrap .header-unit .header-box .header-box-inr > h1{display:flex;align-items:center;line-height:1;}
.header-wrap .header-unit .header-box .header-box-inr > h1{padding:0;margin:0;}
.header-wrap .header-unit .header-box .logo-wrap{line-height:0;position:relative;margin-right:16px;}
.header-wrap .header-unit .header-box .logo-wrap:after{content:"";display:inline-block;width:1px;height:30px;background-color:rgba(230, 230, 230, 0.32);top:0;left:0;margin-left:17px;}
.header-wrap .header-unit .header-box a .header-logo-jal{width:auto;height:30px;}
.header-wrap .header-unit .header-logo-oneworld{width:28px;height:auto;vertical-align:top;}

.header-wrap .navigation ul{display:flex;}
.header-wrap .navigation ul li{font-size:1.6rem;font-weight:700;line-height:1;margin-right:40px;}
.header-wrap .navigation ul li:last-child{margin-right:0;}
.header-wrap .navigation ul li a{font-size:1.6rem;font-weight:700;color:#fff;}
.header-wrap .navigation ul li a:hover{color:#D9B064;}

.header-wrap .header-unit .header-login .login-Judg{color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;text-decoration:none;margin-right:16px;}
.header-wrap .header-unit .header-login .login-Judg:hover{color:#D9B064;}
.header-wrap .header-unit .header-login .login-Judg span{position:relative;padding-left:16px;}
.header-wrap .header-unit .header-login .login-Judg span:before{content:"";display:inline-block;width:12px;height:12px;background:url(/jp/ja/commonY20/rn23/img_sites/icon_bg_logout_wt.svg) no-repeat 0 0;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.header-wrap .header-unit .header-login .login-Judg:hover span:before{background:url(/jp/ja/commonY20/rn23/img_sites/icon_bg_logout_gd.svg) no-repeat 0 0;}

.header-wrap .header-unit .search-box{border-radius:24px;color:#fff;display:block;font-size:1.2rem;font-weight:700;text-align:right;height:32px;position:relative;}
.header-wrap .header-unit .search-box button{border-radius:24px;border:1px solid #fff;color:#fff;display:block;font-size:1.2rem;font-weight:700;padding:4px 32px 4px 14px;background:url(/jp/ja/commonY20/rn23/img_sites/icon_search_wt.svg) no-repeat;background-position:top 8px right 15px;height:32px;line-height:1.4;position:relative;margin:0;cursor:pointer;}
.header-wrap .header-unit .search-box button .icon_search{position:absolute;right:16px;top:8px;}
.header-wrap .header-unit .search-box button:hover{color:#D9B064;border-color:#D9B064;background-image:url(/jp/ja/commonY20/rn23/img_sites/icon_search_gd_bk.svg);text-decoration:none;}
.header-wrap .header-unit .search-box button:hover .icon_search{opacity:0;}
.header-wrap .header-unit .search-box.on-focus{border:1px solid #fff;width:240px;top:0;right:0;padding:4px 14px;}

.header-wrap .header-unit .search-box.on-focus button {background-position:0 0; border:0;border-radius:0; transform:none!important;width:14px;height:14px;position:absolute;left:auto;right:15px;top:8px;padding:0;}
.header-wrap .header-unit .search-box.on-focus button .icon_search{position:absolute;right:0;top:0;}
.header-wrap .header-unit .search-box.on-focus button img{vertical-align:top;}
.header-wrap .header-unit .search-box.on-focus button:hover{background-image:url(/jp/ja/commonY20/rn23/img_sites/icon_search_gd_bk.svg);}
.header-wrap .header-unit .search-box.on-focus button:hover img{opacity:0;}

.header-wrap .header-language{margin-right:16px;}
.header-wrap .icon-world{color:#fff;font-size:1.2rem;position:relative;padding-left:20px;}
.header-wrap .icon-world:before{content:"";display:inline-block;width:20px;height:20px;background:url(/jp/ja/commonY20/rn23/img_sites/icon_world_wt.svg) no-repeat 0 0;background-size:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.header-wrap .icon-world:hover{color:#D9B064;text-decoration:none;}
.header-wrap .icon-world:hover:before{background-image:url(/jp/ja/commonY20/rn23/img_sites/icon_world_gd_bk.svg);}

.header-wrap .sub-navigation{display:flex;}
.header-wrap .sub-navigation li{font-size:1.2rem;margin-right:16px;}
.header-wrap .sub-navigation li:last-child{margin-right:0;}
.header-wrap .sub-navigation li .alt-icon{position:inherit;display:inline-block;width:16px;height:16px;margin-left:2px;vertical-align:middle;transform:translateY(calc(50% - 9px));line-height:1;}
.header-wrap .sub-navigation li a:hover .alt-icon{background-size:100%;background-image:url(/jp/ja/commonY20/img_sites/icon_link_other_gd_bk.svg);}
.header-wrap .sub-navigation li a:hover .alt-icon img{opacity:0;}

.header-wrap input::placeholder{color:#ccc;}
.header-wrap input[type="text"]:-ms-input-placeholder{color:#ccc;}
.header-wrap input[type="text"]::-ms-input-placeholder{color:#ccc;}
.header-wrap input[type="text"]::-webkit-input-placeholder{color:#ccc;}
.header-wrap input[type="text"]::-moz-placeholder{color:#ccc;}
.header-wrap input[type="text"]::-moz-placeholder{color:#ccc;opacity:1;}

.header-wrap .search-box input{display:none;}
.header-wrap .search-box input.searchType{position:absolute;left:5px;top:3px;}
.search-box.on-focus input{display:inline-block;width:100%;background-color:transparent;border:none;}
.search-box.on-focus input[type="text"]{color:#fff;}
.search-box.on-focus input[type="text"]:focus{outline:none;}
.search-box.on-focus .i-search{height:14px;width:14px;position:absolute;top:8px;right:16px;cursor:pointer;}
.search-box.on-focus {border-bottom:1px solid #D9B064;width:285px;height:26px;position:absolute;top:10px;right:1px;}
.search-box label{position:absolute;left:16px;top:7px;width:calc(100% - 56px);}
.search-box .search-execute-btn{position:absolute;left:0;}

.header-wrap .header-unit .btn-search  button{background:url(/jp/ja/commonY20/img_sites/icon_search_gd_v2.svg) 0 0 no-repeat;}
.header-wrap .header-unit .btn-search button:hover img{opacity:0;}

/* jmb explorer */
.search-box label{padding:0;}
.search-box label:before{content:none;}

/* simple-header
#simple-header{background:#000000;}
#simple-header .simple-logo{width:331px;height:32px;}
#simple-header .simple-header-inner .simple-logo{top: 15px;}*/