@charset "utf-8";

/* CSS Document */
.header-wrap{background-color:#000;color:#fff;font-family: 'Noto Sans JP',"メイリオ", sans-serif;}
.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-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-holder{width:146px;height: 24px;border-radius:50px;border:1px solid #EBEBEB;background: #000000;padding: 1px 23px 0 10px;position:relative;box-sizing: border-box;}
.header-wrap .search-holder input{vertical-align:middle;}
.header-wrap .search-holder input::placeholder {color:#EBEBEB;}
.header-wrap .search-holder input:-ms-input-placeholder {color:#EBEBEB;}
.header-wrap .search-holder input::-ms-input-placeholder {color:#EBEBEB;}
.header-wrap .search-holder form{height:100%;}
.header-wrap .search-holder .search-input{width:100%;height:100%;background:none;color:#EBEBEB;font-size:1.2rem;}
.header-wrap .search-holder .i-search{position:absolute;top:4px;right:4px;background: none;}

.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;}

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