@charset "utf-8";

@import "ancient_base.less";
@import "admissions_open.less";

/*
  File Name   : admission.css
  Description : コンテンツエリア共通
*/

/* admission
============================================================ */

.hbg-ttl-kv {
  background-image: url(../img/admissions/hbg-ttl-kv.jpg);
}

.kamoku-list {
  dt {
    float: left;
    clear: left;
    width: 15%;
    font-weight: bold;
    margin-bottom: 1em;
  }

  dd {
    float: left;
    width: 85%;
    margin-bottom: 1em;
  }
}


/* index News
============================================================ */

.news__contents{
  width: 100%;
  max-width: 1120px;
  margin: auto;
  @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
    max-width: calc(~"100% - 40px");
  }

  .l-news__title{
    display: block;
    padding-bottom: .8em;
    position: relative;
    border-bottom: solid 3px @black;
    h2 {
      text-align: center;
      span {
        color: @black;
        display: inline-block;
        font-size: 24px;
      }
    }
    .newslist__link{
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      font-size: 12px;
      text-decoration: none;
      &::after{
        display: inline-block;
        content: ">";
        font-size: 16px;
        transform: scale(0.6, 1);
        margin-left: .4em;
        transition: margin-left 0.4s ease-in-out;
      }
      &:hover{
        &::after{
          margin-left: .2em;
        }
      }
    }
  }
  
  .list {
    display: table;
    width: 100%;
    padding: 20px 0 !important;
    @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
      display: block;
    }
    >div {
      display: table-row;
      @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
        display: block;
      }
      >div {
        display: table-cell;
        padding: 0;
        text-align: center;
        @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
          display: block;
          padding:  0;
        }
        &:nth-of-type(1) {
          padding: 10px 10px 10px 0;
          @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
            display: inline-block;
            text-align: left;
            font-size: .8rem;
            font-weight: bold;
          }
        }
        &:nth-of-type(2) {
          padding: 10px 10px 10px 0;
          @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
            display: inline-block;
            text-align: left;
          }
          >span {
            display: block;
            padding: 5px 10px;
            color: @white;
            text-align: center;
            font-weight: bold;
            font-size: .8rem;
            width: 150px;
            white-space: nowrap;
            &:extend(.moz05);
            @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
              width: initial;
              font-size: .6rem;
              padding: 0 10px;
            }
          }
          .ad-info{
            background-color: @news_color_exam;
          }
          .info{
            background-color: @news_color_info;
          }
        }
        &:nth-of-type(3) {
          text-align: left;
          @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
            margin-bottom: 10px;
          }
          a {
            text-decoration: none;
            @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
              font-size: .8rem;
            }
          }
        }
      }
    }
  }
} /* index News */


/* admissions lower title 
============================================================ */

.l-admissions{
  .hbg-ttl-lv1{
    span{
      font-size: 24px;
      @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
        font-size: 18px;
      }
    }
  }
  .hbg-ttl-lv2{
    span{
      font-size: 20px;
    }
  }
  .hbg-ttl-lv3{
    span{
      font-size: 18px;
    }
  }
}


/* soudan
============================================================ */

.l-soudan{
  .hbg-list-border__list{
    line-height: 1.75;
  }
}


/* past open campus
============================================================ */

.l-open{
  @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
    .hbg-link-list__list{
      a{
        span{
          font-size: 14px;
        }
      }
    }
  
    .hgb-layout-img__caption{
      font-size: 11px;
      line-height: 1.5;
    }

    .hbg-sec-lv3{
      .hbg-txt{
        b{
          font-size: 16px;
        }
      }
    }

    .hbg-list-top__list{
      &::before{
        font-size: inherit;
      }
    }
  }
}