@charset "UTF-8";

/* 下層ページにのみ適用する上書きCSS */
.lower-page {

  main {
    padding-top: 14.9333333333vw;
    overflow: visible;
  }
  @media (min-width: 768px){
    main {
      padding-top: min(72px, 5vw);
    }
  }

  .l-nav{
    display: none;
  }

  .arrow::after {
    background: url(../img/lower/btn-arrow-white.svg) no-repeat center/cover;
  }

  .btn-gray-s {
    background: url(../img/lower/btn-bg-gray-s.jpg)no-repeat center/cover;
  }

  .btn-white-s {
    background: url(../img/lower/btn-bg-white-s.jpg)no-repeat center/cover;
  }

  .btn-white-s .arrow::after {
    background: url(../img/lower/btn-arrow-black.svg) no-repeat center/cover;
  }

  .btn-green-l {
    background: url(../img/lower/btn-bg-green-m.jpg)no-repeat center/cover;
  }

  .btn-wh .arrow::after {
    background: url(../img/lower/btn-arrow-black.svg) no-repeat center/cover;
  }

  :where(.sub-sec-wrap) {
    background: url(../img/lower/bg-common.jpg) repeat-y top center/100%;
  }

  :where(.modaal-overlay){
    z-index: 9998;
  }
}

.p-visit-record{
  padding-top: 0 !important;

  &[data-label = 'visit-record-kawasaki'] .l-sub-logo, 
  &[data-label = 'visit-record-hekinan'] .l-sub-logo{
    padding-bottom: 35px;
  }

  &[data-label = 'visit-record-kawasaki'] .visit-contents, 
  &[data-label = 'visit-record-hekinan'] .visit-contents {
    padding-bottom: 50px;
  }

  &[data-label = 'visit-record-kawasaki'] .visit-article-link, 
  &[data-label = 'visit-record-hekinan'] .visit-article-link {
    width: fit-content;
  }

  @media (min-width: 961px){
    &[data-label = 'visit-record-kawasaki'] .l-sub-logo, 
    &[data-label = 'visit-record-hekinan'] .l-sub-logo{
      padding-bottom: 90px;
    }

    &[data-label = 'visit-record-kawasaki'] .visit-contents, 
    &[data-label = 'visit-record-hekinan'] .visit-contents{
      padding-bottom: 100px;
    }
  }

}

.p-ura-cleague{
  padding-top: 0 !important;

  .l-sub-logo{
    padding-bottom: 45px;
  }

  .sub-sec-wrap{
    padding-bottom: 45px;
  }

  @media (min-width: 961px){
    .l-sub-logo{
      padding-bottom: 90px;
    }

    .sub-sec-wrap{
      padding-bottom: 100px;
    }
  }
}

.p-challenge{
  padding-top: 0 !important;

  .challenge-menu {
    background: url(../../cleague-challenge/assets/img/bg-menu.jpg) no-repeat center/cover;
  }

  .l-sub-logo{
    padding-bottom: 45px;
  }

  @media (min-width: 961px){
    .l-sub-logo{
      padding-bottom: 90px;
    }
  }
}

.p-clean-article{
  padding-top: 0 !important;

  :where(.l-btn-bottom){
    padding: 0px 0 100px;
  }

  .l-sub-logo{
    padding-bottom: 45px;
  }
  
  @media (min-width: 961px){
    .l-sub-logo{
      padding-bottom: 90px;
    }
  }
}