/* 
1.リセットコード
2.共通コンポーネント
3.TOP
4.ニュース
5.研究室について
6.メンバー紹介
7.研究内容について
8.原著論文
9.お問い合わせ
10.学会発表
*/

/* 
1.リセットコード 
　・全要素のボーダーボックス化
　・a,li要素のスタイル消去
　・a要素ホバー時のトランジション時間指定
　・imgタグの幅最適化
*/

html,body{
    margin:0;
    font-family:sans-serif;
    letter-spacing: 0.05em;
  }
  
  html{
    font-size:62.5%;
    color: #231815;
  }
  
  *{
    box-sizing: border-box;
    margin:0;
  }
  
  a{
      text-decoration: none;
      color: #231815;
  }
  
  a:hover { 
      transition: all .6s ease;
      opacity: .7;
    }
  
  li{
      list-style: none;
  }
  
  ul{
      padding: 0;
  }
  
  img {
      width: 100%;
      vertical-align: bottom;
    }

/* 
2.共通コンポーネント
*/
.ly_margin-side-auto{
    margin: 0 auto;
}

.ly_margin-left-auto{
    margin-left: auto;
}

.ly_width100{
    width: 100%;
}

.ly_width94{
    width: 94.8%;
}

.ly_width90{
    width: 90.6%;
}

.ly_width80{
    width: 80.7%;
}

.ly_width73{
    width: 73.1%;
}

.ly_width70{
    width: 70%;
}

.ly_width19{
    width: 19.3%;
}

.ly_bold{
    font-weight: bold;
}

.ly_margin-left-member-article{
    margin-left: calc((100% - (13.2%*5)) / 4);
}

.sp--block{
    display: none;
}

.sp-header{
    display: none;
}

.section-container{
    padding: 6.5rem 4rem 11.5rem 5.5rem;
}

.section-container:last-of-type{
    padding-bottom: 0;
}

.section-container-title{
    padding-bottom: 4.5rem;
    font-size: 1.6rem;
    font-weight: normal;
}

.section-container-title::before{
    content: 'NEWS';
    font-size: 3rem;
    font-weight: bold;
    margin-right: 1.5rem;
}

.section-container__more-link{
    font-size: 1.6rem;
    display: block;
    color: #FFF;
    background-color: #000;
    width: 19.6rem;
    text-align: center;
    padding: 1.3rem 0;
    transition: .3s;
}

.section-container__more-link:hover{
    background-color: #E8E8E8;
}

.sp-nav{
    display: none;
}

.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}

/*
header
*/
.header{
    position: relative;
}

.header-media__title{
    position: absolute;
    bottom: 5rem;
    background-color: rgba(35,24,21,.6);
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    padding: 3.2rem 0;
    width: 54.4%;
    color: #FFF;
}

.header-media__title::before{
    content: 'NEWS';
    font-size: 3rem;
    padding-right: 1.5rem;
    padding-left: 6.7rem;
}


/* 
main
 */
/* pc-aside */

.pc-aside{
    position: absolute;
    top: 0;
    right: 0;
    padding: 6.6rem 1.9rem 0;
}

.pc-aside-media{
    padding-bottom: 4.8rem;
}

.pc-aside-media__logo{
    width: 11.4rem;
    text-align: center;
    margin-bottom: 1.9rem;
}

.pc-aside-media__title{
    font-size: 1.6rem;
    text-align: center;
    font-weight: normal;
}

.pc-aside-nav{
    margin-bottom: 6.6rem;
}

.pc-aside-nav__items{
    display: block;
    width: 90%;
}

.pc-aside-nav__item{
    font-size: 1.4rem;
    padding-bottom: 1.0rem;
    padding-top: 1.2rem;
    border-bottom: .1rem solid #615F5F;
    transition: .6s;
}

.pc-aside-nav__item:hover{
    background-color: #E8E8E8;
}

.pc-aside-nav__item::before{
    content: url(../img/arrow.png);
    padding-right: 1.9rem;
}

.pc-aside__banner-items{
    width: 90%;
}

.pc-aside__banner-item{
    margin-bottom: 4.8rem;
    display: block;
}

/* 
footer
*/
.footer{
    background-color: #6A6969;
    padding: 5rem 5.5rem 3rem;
    color: #FFF;
    position: relative;
}

.footer__toptitle {
    color: #FFF;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 3.5rem;
}

.footer__access{
    font-size: 1.4rem;
	padding-top: 2.5rem;
    padding-bottom: 12rem;
}

.footer__copyright{
    font-size: 1.26rem;
	letter-spacing: 0.5px;
}

.footer__topscroll{
    display: flex;
    justify-content: center;
    position: fixed;
    right: 5.5rem;
    bottom: 3rem;
    width: 8rem;
    height: 8rem;
}

.footer__topscroll::before{
    content: '∧';
    font-size: 5.2rem;
}

@media screen and (max-width:980px){
    /* 
    共通コンポーネント
    */
    .sp--block{
        display: block;
    }
    
    .sp-display-none{
        display: none;
    }
    
    .sp-ly_margin-side-auto{
        margin: 0 auto;
    }

    .sp-ly_width94{
        width: 94%;
    }
    
    .ly_width100-sp{
        width: 100%;
    }

    .section-container{
        padding: 5.3rem 2.8rem 8.7rem;
    }

    .sp-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 2.5rem 1.3rem;
        position: fixed;
        top: 0;
        z-index: 100;
        background-color: #FFF;
    }

    .header__title{
        display: flex;
        align-items: center;
    }

    .header__logo{
        width: 6.4rem;
    }

    .header__hp-title{
        font-size: 1.4rem;
		line-height: 140%;
        font-weight: normal;
        padding-left: 1.5rem;
    }

    .hamburger-menu{
        cursor: pointer;
    }

    .hamburger-menu__item{
        display: block;
        background-color: #231815;
        width: 2rem;
        height: .3rem;
        border-radius: 5rem;
        transition: .3s;
    }

    .hamburger-menu__item:not(:last-of-type){
        margin-bottom: .3rem;
    }


    .top--activ{
        opacity: 0;
        transition: opacity .3s;
    }
    
    .mid--activ{
        transform: translateY(0.3rem)rotate(40deg);
        transition: transform .3s;
    }
    
    .bottom--activ{
        transform: translateY(-0.3rem)rotate(-40deg);
        transition: transform .3s;
    }  
    
    .sp-nav{  
        display: block;  
        top:-100vh;
        z-index: 90;
        position: fixed;
        background-color: #FFF;
        width: 100%;
        height: calc(100vh - 11.3rem);
        transition: .6s;
    }
    
    .sp-nav--activ{
        top:11.3rem;
    }
    
    .sp-nav__item{
        padding: .7rem 1.4rem;
        font-size: 1.8rem;
        border-bottom: .1rem solid #f2f2f2;
    }
    
    .sp-nav__item:first-of-type{
        border-top: .1rem solid #f2f2f2;
    }

    .header__logo{
        height: 100%;
    }

   /* header */
.header-media{
    padding-top: 11.3rem;
}

.header-media__title{
    bottom:6%;
    height: 9.6rem;
    width: 71%;
}

.header-media__title::before{
    padding-left: 6.7rem;
}




/* 
footer
*/
.footer{
    padding: 2rem 2rem 1.5rem;
}

.footer__toptitle{
    font-size: 1.4rem;
}

.footer__access{
    font-size: 1.2rem;
    padding-bottom: 8rem;
}

.footer__copyright{
    font-size: 1.1rem;
}

.footer__topscroll{
    right: 2rem;
    bottom: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.footer__topscroll::before{
    font-size: 3.5rem;
}
    
    }

    @media screen and (max-width:420px){

        .header-media__title{
            width: 70%;
            font-size: 1.4rem;
            padding: 1.6rem 0;
            height: 6.6rem;
        }
    
    
        .header-media__title::before{
            padding-left: 2.5rem;
            font-size: 1.8rem;
        }
    }

/* 
3.TOP
*/


/* 
header
*/

.header__slick{
    position: relative;
}

.header__slick-item{
    height: 100%;
}

.header__slick-img-item{
    height: 100%;
    object-fit: cover;
}

.slick-arrow{
    display: none !important;
}

.header__description{
    font-size: 1.6rem;
    padding: 4.8rem 4.5rem;
    position: absolute;
    left: 0;
	width: 80%;
    bottom: 5.8rem;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    color: #FFF;
	line-height: 160%;
}

/* 
main
*/
/* news */

.news-article{
    padding-bottom: 1.1rem;
    border-bottom: .1rem solid #615F5F;
    font-size: 1.4rem;
}

.news-article:not(:last-of-type){
    margin-bottom: 1.4rem;
}

.article__time{
    display: inline-block;
    padding-left: 2rem;
    width: 7.5rem;
}

.article__title{
    padding-left: 4.4rem;
}

.news-articles{
    margin-bottom: 4rem;
}

/* member */
.section-container-title--member{
    padding-bottom: 3.9rem;
}

.section-container-title--member::before{
    content:'MEMBER';
}

.member-articles{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 7.7rem;
}

.member-article{
    width: 13.2%;
    padding-bottom: 4.3rem;
}

.member__img{
    margin-bottom: 1.3rem;
}

.member__profile,.member__name{
    text-align: center;
    font-size: 1.46rem;
}

.member__name{
    font-size: 1.66rem;
    font-weight: normal;
}

/* research */
.section-container-title--research{
    padding-bottom: 3.5rem;
}

.section-container-title--research::before{
    content: 'RESEARCH';
}

.research-article{
    padding-bottom: 6rem;
    font-size: 1.4rem;
}

/* report */
.section-container-title--report{
    padding-bottom: 3rem;
}

.section-container-title--report::before{
    content: 'REPORT';
}

.report-article{
    margin-bottom: 4rem;
}

/* thesis */
.section-container-title--research2{
    padding-bottom: 3.5rem;
}

.section-container-title--research2::before{
    content: 'THESIS';
}

.research2-articles{
    margin-bottom: 5rem;
}

.research2-article:not(:last-of-type){
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
    border-bottom: .1rem dashed #6A6969;
}

.research2-article__text{
    font-size: 1.4rem;
}

/* conference */
.section-container-title--conference{
    padding-bottom: 3.5rem;
}

.section-container-title--conference::before{
    content: 'CONFERENCE';
}

.conference-articles{
    margin-bottom: 5.3rem;
}

/* access */
.section-container-title--access{
    padding-bottom: 4.2rem;
}

.section-container-title--access::before{
    content: 'ACCESS';
}

.access__map{
    position: relative;
    left: -5.5rem;
}

.access__map-item{
    width: 100vw;
}


@media screen and (max-width:980px){
/* 
共通コンポーネント
*/

    .sp-ly_thesis-article-none{
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .section-container:last-of-type {
        padding: 0;
    }
    
    .section-container-title{
        text-align: center;
        font-size: 1.76rem;
    }

    .section-container-title::before{
        display: block;
        margin-right: 0;
        font-size: 3.3rem;
    }

    .section-container__more-link{
        width: 30rem;
    }

    .ly_margin-left-member-article{
        margin-left: 0;
    }

    .header__slick{
        margin-top: 11.3rem;
        height: calc(100vh - 11.3rem);
    }

    .header__slick-img-item{
        height: calc(100vh - 11.3rem);
        object-fit: cover;
    }

/* 
main 
*/
/* news */
    .article__time{
        display: block;
        font-size: 1.4rem;
        padding-left: 0;
        padding-bottom: 0.5rem;
    }

    .article__title{
        font-size: 1.4rem;
        padding-left: 0;
    }

    .news-article{
        padding-bottom:2rem;
        margin-bottom: 1.7rem;
    }

    /* member */

    .member-articles{
        justify-content: space-between;
        margin-bottom: 3rem;
    }

    .member-article{
        width: 46%;
    }

    .member__profile{
        font-size: 1.4rem;
    }

    .member__name{
        font-size: 1.6rem;
    }

    /* thesis */

    .research2-article:not(:last-of-type){
        padding-bottom: 3rem;
        margin-bottom: 3rem;
    }

    /* access */
    .access__map{
        left: 0;
    }
    
    
}

@media only screen and (max-width: 860px){
.header-media__img img{
    height: 20vh !important;
    object-fit: cover;
}

}

@media screen and (max-width:760px){
.header__description{
    font-size: 1.4rem;
    padding: 2.8rem 2.5rem;
    position: absolute;
    left: 0;
	width: 90%;
    bottom: 14.8rem;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    color: #FFF;
	line-height: 150%;
}
}

/* 
4.ニュース 
*/

/*
main
*/
/* under-page-section-container--news */
.under-page-section-container--news{
    padding: 8.1rem 0 32rem;
}

.under-page-section-container--news__article{
    width: 90%;
    margin-left: 5.7rem;
    display: flex;
    padding-bottom: 1.9rem;
    margin-bottom: 2.2rem;
    border-bottom: .1rem solid #ccc;
}

.under-page-section-container--news__article:last-of-type{
    border-bottom: none;
}

.under-page-section-container--news__article-time{
    font-size: 1.4rem;
    padding-left: 2rem;
	width: 10%;
}

.under-page-section-container--news__article-items{
    width: 83%;
    margin-left: 4.4rem;
    font-size: 1.4rem;
}

.under-page-section-container--news__article-title{
    padding-bottom: 0.5rem;
    font-size: 1.6rem;
}

.under-page-section-container--news__article-description{
    display: block;
    width: 100%;
    overflow-wrap: normal;
}


@media screen and (max-width:980px){
/* 
main
*/
/* under-page-section-container--news */
.under-page-section-container--news{
    padding-bottom: 19.9rem;
}

.under-page-section-container--news__article{
    margin: 0 auto;
    display: block;
    padding-left: 1.5rem;
    margin-bottom: 2.8rem;
}

.under-page-section-container--news__article-items{
    margin: 0;
    width: 100%;
}

.under-page-section-container--news__article-time{
    padding-left: 0;
    padding-bottom: 1.3rem;
}

.under-page-section-container--news__article-title{
    padding-bottom: 1.3rem;
}


}

/* 
5.研究室について 
*/
.header-media__title--about::before{
    content: 'ABOUT';
}

.under-page-section-container--about{
    display: flex;
    justify-content: space-between;
    width: 86.6%;
    padding-top: 7.9rem;
}

.under-page-section-container--about__img{
    width: 32.7%;
	margin-right: 20px;
}

.under-page-section-container--about__description{
    display: block;
    width: 64.7%;
    font-size: 1.4rem;
}

@media screen and (max-width:980px){
    .under-page-section-container--about{
        flex-direction: column;
        padding: 7.1rem 0 7.1rem;
    }

    .under-page-section-container--about__img{
        width: 41.5%;
        margin: 0 auto;
        margin-bottom: 3.5rem;
    }
    
    .under-page-section-container--about__description{
        display: block;
        font-size: 1.4rem;
        width: 100%;
    }
}

/* 
6.メンバー紹介 
*/
.header-media__title--member::before{
    content:'MEMBER'
}

.under-page-section-container--member{
    padding-top: 8.7rem;
}

.member-articles{
    border-bottom: .1rem solid #615F5F;
    margin-bottom: 5.8rem;
}

.member-articles__item:not(:last-of-type){
    margin-bottom:4.2rem;
    border-bottom: .1rem dashed #6A6969;
}

.member-articles__media{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 4.8rem;
}

.member-articles__member-img{
    width: 33.1%;
}

.member-articles__member-description{
    width: 63%;
    font-size: 1.4rem;
}
@media only screen and (max-width: 860px){
.member-articles__member-description{
    width: 85%;
    font-size: 1.4rem;
}
}

.member-articles__member-name{
    font-size: 1.8rem;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    border-bottom: .1rem solid #615F5F;
}

.member-name--alphabet{
    font-size: 1.6rem;
    font-weight: normal;
    padding-left: 1.9rem;
}

.member-articles__member-info{
    font-size: 1.4rem;
}

.member-articles__member-info{
    padding-bottom: 4.1rem;
}

.member-info__title{
    font-size: 1.8rem;
    padding-bottom: .9rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid #615F5F;
}

.member-info__description{
    font-size: 1.4rem;
}

.member-other-articles{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 6.2rem;
}

.member-other-article{
    width: 13.2%;
    margin-left: calc(34% / 4);
    padding-bottom: 3.9rem;
}

.ly_margin-left-none{
    margin-left: 0;
}

.member-other-article__img{
    margin-bottom: 1.3rem;
}

.member-other-article__position{
    display: block;
    text-align: center;
    font-size: 1.46rem;
}

.member-other-article__name{
    text-align: center;
    font-size: 1.66rem;
    font-weight: normal;
}

.modal-box {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 24px 36px;
  max-width: 640px;
  min-width: 320px;
  width: 90vw;
  max-height: 640px;
  min-height: 320px;
  height: 90vw;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #000;
  text-align: center;
  letter-spacing: .01em;
  overflow-y: scroll;
  z-index: 999; }
  @media screen and (max-width: 576px) {
    .modal-box {
      height: auto;
      max-height: 80vh; } }
  .modal-box img {
    margin-bottom: 16px;
    width: 40%; }
  .modal-box .address {
    color: #30A053; }
  .modal-box-txt {
    padding: 16px 0;
    border-top: 1px solid #1A1311; }
  .modal-box .txt-box {
    margin: 16px auto;
    text-align: left; }
  .modal-box .close-modal {
    margin-top: 24px;
    text-align: center; }


@media screen and (max-width:980px){
    .ly_width94{
        width: 100%;
    }

    .under-page-section-container--member{
        padding-top: 4.5rem;
    }

    .member-articles__media{
        flex-direction: column;
        padding-bottom: 5.6rem;
    }

    .member-articles__member-img{
        width: 54.3%;
        margin-bottom: 2.5rem;
    }

    .member-articles__member-description{
        position: relative;
    }

    .member-articles__member-name{
        display: block;
        text-align: center;
        padding-bottom: 2rem;
        margin-bottom: 2.5rem;
        font-size: 1.8rem;
    }

    .member-name--alphabet{
        display: block;
        padding-left: 0;
        font-size: 1.6rem;
    }

    .member-articles__member-description-info{
        font-size: 1.6rem;
        margin: 0 auto;
        position: relative;
        left: 40%;
        transform: translateX(-30%);
    }

    .member-info__title{
        padding-bottom: .7rem;
        margin-bottom: 2rem;
    }

    .member-other-articles{
        justify-content: space-between;
    }

    .member-articles__item:not(:last-of-type) {
        margin-bottom: 5.3rem;
    }

    .member-other-article__name{
        margin-bottom: 9.4rem;
    }

    .member-other-article {
        width: 46.7%;
        margin-left: 0;
        padding-bottom: 4rem;
    }

    .member-other-article:nth-of-type(n + 20){
        display: none;
    }

    .member-other-article__img{
        margin-bottom: 3rem;
    }

    .member-other-article__position{
        font-size: 1.6rem;
    }

    .member-other-article__name{
        font-size: 1.8rem;
    }

}

@media screen and (max-width: 860px){
.member-other-article {
    width: 46.7%;
    margin-left: 0;
    padding-bottom: 2rem;
}
}
	
@media screen and (max-width: 860px){
.member-other-article__img {
    margin-bottom: 1.5rem;
}
}	

@media screen and (max-width:400px){
    .member-articles__member-description-info{
        position: static;
        transform: none;
    }
}

/* 
7.研究内容について 
*/
.header-media__title--research::before{
    content:'RESEARCH';
}

.under-page-section-container--research{
    padding-top: 5.8rem;
}

.under-page-section-container--research__description{
    font-size: 1.4rem;
    padding-bottom: 3.9rem;
}

.under-page-section-container--research__items{
    display: flex;
    padding-bottom: 4.5rem;
}

.under-page-section-container--research__left-bar{
    display: block;
    background-color: #636262;
    padding-right: .5rem;
    
}

.under-page-section-container--research__items-description{
    display: block;
    font-size: 1.4rem;
    margin-left: 1.5%;
}

.under-page-section-container--research__media{
    padding-left: 1.5%;
    padding-bottom: 4.5rem;
}

.under-page-section-container--research__img{
    width: 42.2%;
    margin-bottom: 2.2rem;
}

.under-page-section-container--research__more-description{
    padding-bottom: 15.4rem;
}

.under-page-section-container--research__media-description{
    font-size: 1.4rem;
}

.more-description__title{
    font-size: 1.8rem;
    padding-bottom: .9rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid #615F5F;
}

.more-description__description{
    font-size: 1.4rem;
}

/* 
8.原著論文 
*/
.header-media__title--thesis::before{
    content: 'THESIS';
}

.under-page-section-container--thesis{
    width: 86%;
    padding-top: 5.9rem;
}

.under-page-section-container--thesis__description{
    font-size: 1.4rem;
}

.under-page-section-container--thesis__description:not(:last-of-type){
    border-bottom: .1rem dashed #615F5F;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;

}

@media screen and (max-width:980px){
    .under-page-section-container--thesis{
        width: 91.8%;
        padding: 5rem 0;
    }
}

/* 
9.お問い合わせ 
*/
.header-media__title--contact::before{
    content: 'CONTACT';
}

.under-page-section-container--contact{
    border: solid .1rem #EFEEED;
    margin: 8.2rem auto 8.3rem;
}

.form-row{
    width: 100%;
    border-bottom: solid .1rem #EFEEED;
    display: flex;
}

.label{
    width: 30%;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1.8rem 0;
    margin: auto;
}

.label__need{
    display: block;
    font-size: 1.2rem;
    color: #BE6461;
}

.input-area{
    width: 64.7%;
	font-size: 1.4rem;
	margin: auto .6rem;
	vertical-align: middle;
}

input{
    width: 98%;
	height: 35px;
    margin-left: .6rem;
    background-color: #EFEEED;
    border-style: none;
    margin-top: .6rem;
    font-size: 1.6rem;
}

.input-example{
    margin-left: .6rem;
    padding: 1rem 0;
    font-size: 1.4rem;
    color: #BBBBBB;
}

.input-post-box{
    border-bottom: .1rem solid #EFEEED;
    padding-bottom: .6rem;
}

.input-post{
    padding-left: .5rem;
    width: 19.9% !important;
    display: inline-block;
}

.nput-example--post{
    display: inline;
}

.input-where-box{
    padding: .6rem 0;
    padding-left: .6rem;
    border-bottom: .1rem solid #EFEEED;
}

.contact-text-area{
    border: none;
    background-color: #EFEEED;
    width: 98%;
    margin-left: .6rem;
    margin-top: .6rem;
    height: 25rem;
}

.button button{
    width: 36.5%;
    display: block;
    font-size: 1.8rem;
	letter-spacing: 0.05rem;
    font-weight: bold;
    color: #FFF;
    background-color: #6D6C6C;
    padding: 1.8rem 0;
	margin-bottom: 100px;
}

@media screen and (max-width:980px){
    .ly_width70{
        width: 88.7%;
    }

    .button button{
        margin-bottom: 26.4rem;
    }
}

@media screen and (max-width:400px){
    .button button{
        font-size: 1.8rem;
        width: 70%;
    }

    input,.contact-text-area{
        width: 95%;
    }
}


/* 10.学会発表 */
.header-media__title--conference::before{
    content: 'CONFERENCE';
    padding-left: 2.7rem;
}


/* 
11.アルバム
*/
.header-media__title--album::before{
    content: 'ALBUM';
}

.under-page-section-container--album{
    margin-top: 10%;}

.under-page-section-container--album{
    width: 89.6%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.album-article{
    width: 47.4%;
    margin-bottom: 7.5rem;
    padding-bottom: 0;
}

.album-article__img{
    margin-bottom: 1.7rem;
    overflow: hidden;
}

.album-article__descriotion{
    font-size: 1.4rem;
    text-align: center;
}

.album-description__time{
    padding-bottom: .8rem;
}

@media screen and (min-width:1440px){
    .footer{
        margin-top: 30rem;
    }

}

@media screen and (max-width:980px){
    .under-page-section-container--album{
        width: 95%;
    }

    .album-article__img {
        margin-bottom: 1.2rem;
    }

    .album-article__descriotion {
        font-size: 1.2rem;
    }

    .album-article {
        margin-bottom: 4.5rem;
    }

}

@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}