/*-------------------------------------
    - GLOBAL (COMMON IN ALL SITES)
    - HEADER (COMMON IN ALL SITES)
    - FOOTER
    - CONTENT (COMMON IN ALL SITES)
    - OTHER
    - YAMASHITA
-------------------------------------*/

/*===========================================================================
    GLOBAL
===========================================================================*/
:root {
    --lumx-typography-font-family: "Noto Sans JP","ヒラギノ角 Pro W3","Hiragino Kaku Pro W3","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;
    --lumx-app-header-box-shadow: none;
  }
  
  html, body {
    font-family: var(--lumx-typography-font-family);
    background-color: #fff;
  }
  
  .page {
    margin-bottom: 0px;
  }
  
  
  /*===========================================================================
    HEADER
  ===========================================================================*/
  /* logo PC/SP change */
  .header--reworked-ui .header-top__logo {
    width: 100%;
    max-width: 277px;
  }
  
  .header-top__wrapper > .header-top__logo >.instance-logo {
    width: 100%;
    background-image: url(https://portal.tamadic.co.jp/serve/5184651206546170-5212793299210547/logo02.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  
  .header-top__wrapper > .header-top__logo > .instance-logo img {
    display: none;
  }
  
  @media screen and (max-width: 1023px) {
      .instance-logo img {
        vertical-align: top;
        }
  }
  
  @media screen and (max-width: 534px) {
    .header--reworked-ui .header-top__logo {
      max-width: 208px;
    }
      
    .header-top__wrapper > .header-top__logo >.instance-logo {
      background-image: url(https://portal.tamadic.co.jp/serve/5184651206546170-1615597202162499/logo02_smartphone.png);
      background-size: auto 100%;
    }
  }
  
  @media screen and (min-width: 480px) and (max-width: 499px) {
    .header-top__wrapper > .header-top__logo >.instance-logo {
      background-size: 100% auto;
    }
  }
  
  @media screen and (max-width: 479px) {
    .header--reworked-ui .header-top__logo {
      height: 36px;
    }
      
    .header-top__wrapper > .header-top__logo > .instance-logo {
      height: 100%;
    }
      
    .header-top__wrapper > .header-top__logo > .instance-logo {
      background-size: 100% auto;
      background-position: left center;
    }
  }
  
  /* Main Nave */
  .header-main-nav {
    border-bottom: 1px solid silver;
  }
  
  .main-nav {
    box-shadow: none;
    border-bottom: 1px solid #dde1dd;
  }
  
  li.main-nav-item.main-nav-item--primary {
    position: relative;
  }
  
  li.main-nav-item.main-nav-item--primary:hover {
    background-color: #e0e0e0;
  }
  
  li.main-nav-item.main-nav-item--primary:hover .main-nav-item__label {
    /*color: #f4c500 !important;*/
  }
  
  li.main-nav-item.main-nav-item--primary:hover:after {
    border-bottom:2px solid #f4c500;
    position:absolute;
    display:block;
    box-sizing:border-box;
    width:100%;
    height:0;
    content:"";
    bottom:-1px; 
    left:0;
  }
  
  
  /*===========================================================================
      FOOTER
  ===========================================================================*/
  .footer-messge {
    background-color: #494949;
    padding: 24px 0px;
    text-align: center;
    font-size: 10px;
    color: #fff;
  }
  
  /* PAGE TOP Button */
  .page-top-button {
    position: relative;
  }
  
  .page-top-button button {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 0;
    bottom: 6%;
    z-index: 2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c5c5c5;
    flex-flow: column;
    background-color: #fff;
    font-size: 0.4rem;
    text-decoration: none;
    cursor: pointer;
  }
  
  .page-top__arrow {
    height: 16px;
    width: 16px;
    border-top: 2px solid #c5c5c5;
    border-right: 2px solid #c5c5c5;
    transform: translateY(20%) rotate(-45deg);
    margin-bottom: 4px;
  }
  
  
  /*===========================================================================
      OTHER
  ===========================================================================*/
  /* h2 design */
  .block-html h2.Topcontents-Title {
    position: relative;
    text-shadow: 0 0 2px white;
    z-index: 1;
    line-height: 50px;
    font-size: 1.4rem;
    padding-left: 1.4rem;
  }
  
  .block-html h2.Topcontents-Title:before {
    content: "";
    position: absolute;
    background: #fff0b3;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
  }
  
  /* Top Page Contents List Design */
  .widget--Topslide .lumx-thumbnail:not(.lumx-thumbnail--aspect-ratio-original) .lumx-thumbnail__image {
    border-radius: 30px;
  }
  
  .widget--Toppage-LatestNews .block-grid__item {
    border-radius: 15px;
    transition: all 0.2s 0.2s ease-in-out;
    position:relative;
    box-shadow: silver 0px 2px 4px !important;
  }
  
  .widget--Toppage-LatestNews .lumx-thumbnail__background {
    border-radius: 15px 15px 0px 0px;
  }
  
  .widget--Toppage-LatestNews .block-page-preview__content {
    margin: 0px 10px;
  }
  
  .widget--Toppage-LatestNews .block-grid__item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 10px -5px silver;
    background: #e0e0e0 !important;
  }
  
  .widget--Toppage-LatestNews .block-grid__item img {
    transition: all 0.2s 0.2s ease-in-out;
  }
  
  .widget--Toppage-LatestNews .block-grid__item:hover img {
    transform: scale(1.2);
    filter: blur(1px);
  }
   
  .widget--Toppage-LatestNews .block-grid__item::before,
  .widget--Toppage-LatestNews .block-grid__item::after {
    position:absolute;
    display:block;
    box-sizing:border-box;
    width:0;
    height:0;
    content:"";
    opacity:0;
    transition:width 0.3s, height 0.3s, opacity 0.3s;
    border-radius: 15px;
    z-index:1;
  }
  
  .widget--Toppage-LatestNews .block-grid__item::before {
    top:0;
    left:0;
    border-top:2px solid #0091ff;
    border-left:2px solid #0091ff;
  }
   
  .widget--Toppage-LatestNews .block-grid__item::after {
    right:0;
    bottom:0;
    border-right:2px solid #0091ff;
    border-bottom:2px solid #0091ff;
  }
   
  .widget--Toppage-LatestNews .block-grid__item:hover::before,
  .widget--Toppage-LatestNews .block-grid__item:hover::after {
    width:100%;
    height:100%;
    opacity:1;
    pointer-events: none;
  }
  
  .widget--Toppage-LatestNews .block-grid__item a:hover {
    cursor:pointer !important;
  }
  
  /* Top Page Community Design */
  .widget--Toppage-CEOvoice,
  .widget--Toppage-CEOvoice .widget-content--block-grid {
    overflow: visible !important;
  }
  
  .widget--Toppage-CEOvoice .block-grid__item {
    transition: all 0.2s 0.2s ease-in-out;
    position:relative;
    background: #cce4ff;
    padding: 32px;
    border-radius: 30px;
  }
  
  .widget--Toppage-CEOvoice .block-grid__item:hover,
  .widget--Toppage-SideCol-communityList .block-grid__item:hover {
    background: #e0e0e0;
    transform: translateY(-5px);
  }
  
  .widget--Toppage-CEOvoice .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image {
    border-radius: 15px;
  }
  
  .widget--Toppage-communitypost .block-grid__item::before,
  .widget--Toppage-communitypost .block-grid__item::after {
    border-radius: 20px;
  }
  
  .widget--Toppage-SideCol-communityList .block-grid__item {
    position:relative;
  }
  
  .widget--Toppage-SideCol-communityList .block-grid__item .block-community-preview__content {
    padding: 0px 8px 8px;
  }
  
  .widget--Toppage-SideCol-communityList .block-grid__item,
  .widget--Toppage-SideCol-communityList .block-grid__item img {
    transition: all 0.2s 0.2s ease-in-out;
    border-radius: 15px;
  }
  
  .widget--Toppage-SideCol-communityList .block-grid__item:hover img {
    border-radius: 15px 15px 0px 0px;
  }
  
  /* Template Design */
  .component-row--lowerpage-bg {
    background-image: url(https://portal.tamadic.co.jp/serve/5184651206546170-6610318830396037/otherpage_bgimg.svg);
    background-size: 100% !important;
    background-position: center -230px !important;
    background-repeat: repeat-y !important;
  }
  
  .widget-title.widget--lowerpage-title h1 {
    position: relative;
    text-shadow: 0 0 2px white;
    z-index: 1;
    line-height: 50px;
    font-size: var(--lumx-typography-custom-title2-font-size);
    padding-left: 0.8rem;
  }
  
  .widget-title.widget--lowerpage-title h1:before {
    content: "";
    position: absolute;
    background: #fff0b3;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 25px;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
  }
  
  .widget--template01-sidecollist .lumx-thumbnail__image {
    border-radius: 15px;
  }
  
  .blockhtml-img-borderadius15,
  .widget--template-gallery .lumx-thumbnail__image,
  .widget--template-gallery .lumx-thumbnail--is-clickable:focus:after,
  .widget--template-gallery .lumx-thumbnail--is-clickable:hover:after {
    border-radius: 15px;
  }
  
  .widget--template-gallery .lumx-text {
    color: var(--lumx-widget-intro-theme-light-color);
  }
  
  /* Document Place Page Design */
  .documentpage-titleh2 {
      position: relative;
      font-size: 22px !important;
      text-align: center;
      display: inline-block;
      border-bottom: 2px solid /*#01a0e2*/#f4c500;
      left: 50%;
      transform: translateX(-50%);
      padding: 0 14px 4px;
  }
  
  .widget--blockhtml-hoveraction,
  .widget--blockhtml-hoveraction .widget-content--block-html {
    overflow: visible !important;
  }
  
  .datafiles-link {
    display: block;
    text-align: center;
    padding-bottom: 24px;
    color: rgba(0, 0, 0, .87) !important;
    font-size: 16px;
    font-weight: bold;
  }
  
  .blockhtml-imghover {
    display: block;
    position:relative;
    transition: all 0.2s 0.2s ease-in-out;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
      
  }
  
  .blockhtml-imghover img {
    height: 174px;
    border-radius: 14px 14px 0 0;
    transition: all 0.2s 0.2s ease-in-out;
    object-fit: cover;
  }
  
  .blockhtml-imghover::before,
  .blockhtml-imghover::after {
    position:absolute;
    display:block;
    box-sizing:border-box;
    width:0;
    height:0;
    content:"";
    opacity:0;
    transition:width 0.3s, height 0.3s, opacity 0.3s;
    border-radius: 14px;
    z-index:1;
  }
  
  .blockhtml-imghover::before {
    top:0;
    left:0;
    border-top:2px solid #0091ff;
    border-left:2px solid #0091ff;
  }
   
  .blockhtml-imghover::after {
    right:0;
    bottom:0;
    border-right:2px solid #0091ff;
    border-bottom:2px solid #0091ff;
  }
  
  .blockhtml-imghover:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 10px -5px silver;
    background: #e0e0e0;
    overflow: hidden;
  }
  
  .blockhtml-imghover:hover::before,
  .blockhtml-imghover:hover::after {
    width:100%;
    height:100%;
    opacity:1;
    pointer-events: none;
  }
  
  .blockhtml-imghover span:hover img,
  .blockhtml-imghover.toppage-banner:hover img {
    transform: scale(1.1);
    /*filter: blur(1px);*/
  }
  
  .blockhtml-imghover.toppage-banner {
    border-radius: 15px;
    transition: all 0.2s 0.2s ease-in-out;
    position:relative;
    box-shadow: silver 0px 2px 4px !important;
  }
  
  .blockhtml-imghover.toppage-banner img {
    width: 100% !important;
    height: auto !important;
  }
  
  
  /* Responsive　*/
  @media screen and (min-width: 1024px) {
      .widget--template01-sidecollist .block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper {
        flex: 0 0 50px;
      }
  
      .widget--template01-sidecollist .block-list {
        gap: var(--lumx-spacing-unit-medium);
      }
  
      .widget--template01-sidecollist .lumx-thumbnail__image {
        border-radius: 2px;
      }
  
      .widget--template01-sidecollist .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image {
        aspect-ratio: var(--lumx-thumbnail-aspect-ratio, 1 / 1);
      }
  
      .widget--template01-sidecollist .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper {
        margin-right: 8px;
      }
      
      .widget--template01-sidecollist .block-page-preview__date {
        font-size: 11px;
      }
  
      .widget--template01-sidecollist .block-page-preview__field:first-child {
        line-height: 1.4em;
        margin-top: -8px !important;
      }
  
      .widget--template01-sidecollist .block-page-preview__title {
        font-size: 13px !important;
      }
  
      .widget--template01-sidecollist .block-page-preview__excerpt {
        font-size: 13px;
        line-height: 1.4em;
      }
  
      .widget--template01-sidecollist .block-list--grouped>.block-list__item img {
        transition: all 0.2s 0.2s ease-in-out;
      }
      
      .widget--template01-sidecollist .block-list--grouped>.block-list__item:hover .lumx-thumbnail__background {
        border-radius: 2px;
      }
  
      .widget--template01-sidecollist .block-list--grouped>.block-list__item:hover img {
        transform: scale(1.2);
        filter: blur(1px);
        border-radius: 2px;
      }
  
      .widget--template01-sidecollist .block-list--grouped>.block-list__item:hover .block-page-preview__link {
        text-decoration: underline;
      }
  }
  
  @media screen and (max-width: 1023px) {
    header {
      margin-bottom: 0px !important;
    }
      
    .layout {
      margin-top: 0px !important;
    }
      
    .block-html h2:not(:last-child) {
      margin-bottom: auto !important;
    }
      
    .widget--SP-Margin-Bottom24 {
      margin-bottom: 24px !important;
    }
      
    .widget--Topslide {
      margin: 24px 0 !important;
    }
      
    .block-html h2.Topcontents-Title {
      margin-top: 12px;
    }
    
    .datafiles-link {
      margin: 0 auto;
      width: 80%;
    }
    
    .blockhtml-imghover img {
      width: 100% !important;
    }
  
  @media screen and (max-width: 767px) {
    .widget--template-gallery .lumx-grid-column {
      --lumx-grid-column-columns: 1 !important;
    }
  }
  
  @media screen and (max-width: 510px) {
    .fr-table-no-border td {
      display: block;
      width: 100% !important;
    }
    .widget--template-gallery .lumx-grid-column {
      --lumx-grid-column-columns: 1 !important;
    }
  }
  
  @media screen and (max-width: 29.99em /*max-width:479px*/) {
      .layout {
          margin-bottom: 0px !important;
    }
  }
  
  @media screen and (max-width: 462px) {
    .widget--Topslide {
      margin-bottom: 0px !important;
    }
  }
}

/*===========================================================================
  YAMASHITA
===========================================================================*/
/*マニュアル用デザイン*/
/*h2丸デザイン*/
.widget--manual-template h2 {
  position: relative;
  text-shadow: 0 0 2px white;
  z-index: 1;
  line-height: 50px;
  font-size: 1.4rem;
  padding-left: 1.4rem;
}

.widget--manual-template h2:before {
  content: "";
  position: absolute;
  background: #fff0b3;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

/*H3デザイン下ライン*/
.widget--manual-template h3 {
  color: #3e485e;
  border-bottom: solid 1px #bbbbbb;
}

/*線の種類（点線）2px 線色*/
.widget--manual-template h4 {
  color: #3e485e;
  font-size: 20px !important;
  margin-left:25px;
}

/*角丸と枠線*/
.widget--manual-template img,
.widget--manual-template video {
  border: solid 1px #cccccc; /* 色：グレー */
  border-radius: 10px;
  }

/*マニュアル目次で使用*/
.title1 {
  position: relative;/*相対位置*/
    padding: 0.5em 0.5em 0.5em 0.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #3e485e;/*文字色*/
  border-top: dotted 1px #808080;
  border-bottom: dotted 1px #808080;
  background: #e4e4e442;
  text-decoration:none;
  transition: color .3s;
}

.title1:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;
  left: 0.75em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
}

.title1 a{
  display: inline-block;
  color: #0000ee !important;
  text-decoration:none;
  transition: color .3s;
}
.title1 a:hover{
  color: #ee2d7b !important;
  text-decoration:underline;
}

/*マニュアル目次のサムネイル*/
.widget--manual_icon,
.widget--manual_icon .widget-content--block-html {
  overflow: visible !important;
}

.widget--manual_icon .datafiles-link {
  padding-bottom: 0px;
}

/*お知らせテンプレート用デザイン*/
/*丸デザイン*/
.widget--News-template h2 {
  position: relative;
  text-shadow: 0 0 2px white;
  z-index: 1;
  line-height: 50px;
  font-size: 1.4rem;
  padding-left: 1.4rem;
}

.widget--News-template h2:before {
  content: "";
  position: absolute;
  background: #fff0b3;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

/*下線パターン切り替え*/
.widget--News-template h3 {
  position: relative;
  font-size: 24px !important;
  font-weight: bold;
  padding: 8px;
  margin-bottom: 1em;
}
.widget--News-template h3::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100px;
  height: 10px;
  background: #0091ff;
  z-index: 1;
}
.widget--News-template h3::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #cce4ff;
}

/*チェック見出し付き背景塗りつぶし*/
.widget--News-template h4 {
  position: relative;
  background: #cce4ff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
  font-size: 18px !important;
}

.widget--News-template h4:after {
  position: absolute;
  font-weight: 900;
  content: '✔ Check';
  background: #0091ff;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.6em;
  line-height: 1;
  letter-spacing: 0.05em
}

/* 社員検索_yama */
  .user-directory.module {
    background-image: url(https://portal.tamadic.co.jp/serve/5184651206546170-6610318830396037/otherpage_bgimg.svg);
    background-size: 100% !important;
    background-position: center -230px !important;
    background-repeat: repeat-y !important;
  }

  .user-directory__title.module__title {
    position: relative;
    text-shadow: 0 0 2px white;
    z-index: 1;
    line-height: 50px;
    font-size: var(--lumx-typography-custom-title2-font-size);
    padding-left: 0.8rem;
    font-weight: bold;
  }
  .user-directory__title.module__title:before {
    content: "";
    position: absolute;
    background: #fff0b3;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 25px;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
  }

  .lumx-select.ng-not-empty.ng-dirty.ng-valid.ng-valid-parse.lumx-select--multiple.lumx-select--theme-light.lumx-select--is-empty.lumx-select--has-label {
    display: none;
  }

   /* ページ_ファイルリスト */
 .widget--filelist .foldername__base.lumx-typography-subtitle2 {
    font-size: 1.3em !important;
    /*border-bottom: solid 3px #fff0b3;*/
  }
  .widget--filelist .lumx-icon--color-dark.lumx-icon--no-shape{
    color: #0091ff;
  }

  .widget--filelist .picked-list.lumx-flex-box.lumx-flex-box--orientation-horizontal{
    display: flex;
    justify-content:center;
    height:20px !important;
    flex-direction: row;
  }


  .widget--filelist .drive-picker-main .picked-list .flex-list-item{
    min-height: 20px !important;
    cursor: pointer;

}

.widget--filelist .lumx-table--theme-light .lumx-table__cell--body{
  height: 44px !important;
}

.widget--filelist .widget-content.widget-content--v2.widget-content--block-remote{
  padding-top: 5px !important;
}

.widget--filelist .lumx-typography-custom-title5{
    font-weight:normal;
}

/* スペース投稿画面調整　*/
.page.page--full.page--is-loading{
  background-color:#fafafa;
  background-image: url(https://portal.tamadic.co.jp/serve/5184651206546170-6610318830396037/otherpage_bgimg.svg);
  background-size: 100% !important;
  background-position: center -230px !important;
  background-repeat: repeat-y !important;
}

.header--reworked-ui.header--no-content-header{
  margin-bottom: 0px;
}
.space-header{
  margin-top: 24px;
}

  /*===========================================================================
      YAMASHITA_end
  ===========================================================================*/
/*===========================================================================
    Breadcrumb   kawase
===========================================================================*/
.widget--page-breadcrumb{
  margin-top:-16px !important;
  margin-bottom:-16px !important;
  background-color: transparent !important;
  box-shadow:none !important;
  display:flex !important;
  overflow-x: scroll !important;
  word-break: keep-all !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.widget--page-breadcrumb ::-webkit-scrollbar{
  display: none !important;
}

.widget--page-breadcrumb ul{
  margin-left:0px !important;
}

.widget--page-breadcrumb li{
  display: inline;
  color:#999999;
  font-weight:bold;
}

.widget--page-breadcrumb p{
  color:#999999;
  font-weight:bold;
}
.widget--page-breadcrumb a{
  color:#999999 !important;
  font-weight:normal !important;  
}