/**
 * @env: lumapps-others
 * @customerName: Japan Airlines Staging
 * @customerId: 4944539173257216
 * @account: None
 *
 * @instanceName: jal-group-edit
 * @instanceId: 6297561077907456
 *
 * @styleName: JAL Group
 * @styleId: 6214726828687360
 * @styleType: Global site
 * @kind: custom
 *
 * @url: https://sites-ms.lumapps.com/a/jal-staging/jal-group-edit
 */

/**
 * DOCUMENT INFORMATION
 * - Client: Japan AirLines
 * - Designer: jean@lumapps.com
 * - Version: 1.1
 * - Updated On: 10/25/2019
 * - Modified By Softbank
 */

/**
 * DOCUMENT STRUCTURE
 * - 1.0 - GLOBAL
 * - 2.0 - HEADER
 * - 3.0 - GLOBAL STYLES
 * - 4.0 - SPEC STYLES
 * - 5.0 - FOOTER
 */

/* ===1.0 - GLOBAL=== */

/* Anything related to styles at the site level */
/* Login Screen Custom Background Color */
.new-login,
.new-login-card__btn--saml{
  background-color: #2E3642!important;
}

.new-login-card__submit-btn{
    background-color: #ffffff!important;
    color: rgba(0,0,0,.54);
outline: 1px solid #dbdbdb;
}

/* ===2.0 - HEADER=== */

/* Custom Header Height */

.header-top,
.header-top__wrapper{
  height: 68px;
}

.header-main-nav{
  top: 68px;
}

/* UserName - Display None */

.header-top .user-settings__name{
  display: none;
}

/* Header - Custom Search Field */

.header-top--theme-light .header-top__search .search-engine.search-engine--autocomplete{
  background-color: rgba(95,110,120,.2);
        border: 1px solid #5F6E78;
        border-radius: 4px;
}

.search-filter--autocomplete {
   padding: 0px!important;
}

.header-top--theme-light .header-top__search .search-engine  .mdi-magnify{
  color: #374047;
}

.header-top--theme-light .header-top__search .search-engine input{
  color: #374047;
}

/* Main Navigation - Remove Shadow */
.header-main-nav{
  box-shadow: none;
}

/* Main Navigation - Custom Active State */

.header-main-nav .main-nav__child.main-nav__child--is-active .main-nav__link-wrapper{
  background-color: hsla(0,255%,-128%,0.5);
}

/* ===3.0 - GLOBAL STYLES=== */

/* Anything related to custom properties for Global Styles */

/* ===4.0 - SPEC STYLES=== */

/* Content List - Spec - Alert */

.widget--shared-spec-contentlist-alert{
  display: flex;
  flex-direction: row;
}

.widget--shared-spec-contentlist-alert .widget-header h2.widget-header__title{
  display: none;
}

.widget--shared-spec-contentlist-alert .widget-content{
 padding-top: 12px !important;
 padding-bottom: 12px !important;
}

.widget--shared-spec-contentlist-alert .widget-content-list__list .content-block--default-style.content-block--theme-dark{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}


.widget--shared-spec-contentlist-alert .widget-content-list__list .content-block__field--title .content-block-title{
  font-size: 14px;
  line-height: 20px;
}

/* Content List - Following Contents */

.widget--following-content-list .widget-content-list__list .content-block:first-child{
  display: none;
}


/* ===5.0 - FOOTER=== */

/* Footer Style */
.footer{
 background-color : #F8F9F9;
}


.footer .wrapper{
 padding: 40px 0;
 display:flex;
 justify-content: space-between;
 align-items: center;
}


.footer .wrapper img.oneworld {
 max-height: 86px;
 align-items: center;
}

.footer .wrapper img.JAL {
 max-height: 60px;
 align-items: center;
}

.new-login-card__error span {
  /* ログイン画面編集用 2020.06.29 */
    display: none;
}

.login-page__content::before {
    /* ログインv2画面編集用 2025/.04.03*/
    content: "「Microsoftでサインイン」をクリックしてください\A Please click \"Sign in with Microsoft\"\A\A[パスワードリセット／Reset password]\Ahttps://www.pwd2.crane.jal.biz/Common/WebUI/PWD0001.htm";
    font-size: 11px;
    color: #777777;
    white-space:pre-wrap;
    font-family:'メイリオ', 'Meiryo', sans-serif;
}

.new-login-card__error:before {
  /* ログイン画面編集用 2020.11.09 */
    content: "「Microsoftでサインイン」をクリックしてください\A Please click \"Sign in with Microsoft\"\A\A[パスワードリセット／Reset password]\Ahttps://www.pwd2.crane.jal.biz/Common/WebUI/PWD0001.htm";
    font-size: 11px;
    color: #777777;
    white-space:pre-wrap;
    font-family:'メイリオ', 'Meiryo', sans-serif;
}

/*作成ボタン非表示*/
.header-top__contribution{
  display: none;
}

@media screen and (max-width:767px){
	/*　画面サイズが767pxまではここを読み込む　*/
	#fly_info.component-widget textarea {
		width: 300px;
		height: 200px;
	}
	#fly_info.component-widget #occ_info {
		height: 340px;
		width: 480px;
	}
}
@media screen and (min-width:768px) and ( max-width:1023px) {
    /*　画面サイズが768pxから1023pxまではここを読み込む　*/
    #fly_info.component-widget textarea {
		width: 550px;
		height: 200px;
	}
    #fly_info.component-widget #occ_info {
		height: 340px;
		width: 100％;
	}
}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
    #fly_info.component-widget textarea {
		width: 600px;
		height: 200px;
	}
    #fly_info.component-widget #occ_info {
		height: 340px;
		width: 100％;
	}
}


#my_company.main-nav__child.main-nav__child--my_company main-nav__child--has-children{
    overflow-x:scroll
    }