#LaibraMagazine-Logo{
    height:3.5vh;
}

.navvar-logo{
  height:100%;
}

.navvar-hamburger{
  height:70%;
}

.bg-offwhite{
    background-color: #f5f5f5;
}

.header-border-under {
    padding: 1rem 1rem;
    border-bottom: 3px solid #222;
  }

  .header-border-left {
    padding-left:1rem;
    border-left: 5px solid #222;
  }

.ranking-image{
    position: relative;
}
.ranking-image p {
    position: absolute;
    top: 0;/*画像の左上に配置*/
    left: 0;
    margin: 0; /*余計な隙間を除く*/
    color: white;/*文字を白に*/
    background: #222;/*背景色*/
    font-size: 15px;
    line-height: 1;/*行高は1に*/
    padding: 5px 10px;/*文字周りの余白*/
    }


.icon-sm{
    height:  calc(10px + 0.2vw);
    padding-bottom: 2px;
}

.img_wrap{
    border: 1px solid #ddd;
    margin: 0 auto;
    overflow: hidden;
  }
  .img_wrap img{
    cursor: pointer;
    transition-duration: 0.3s;
  }
  .img_wrap:hover img{
    opacity: 0.6;
    transition-duration: 0.3s;
  }
.magazine_link_gray{
  cursor: pointer;
      transition-duration: 0.3s;
  }
.magazine_link_gray:hover{
  color: rgb(160, 160, 160);
    transition-duration: 0.3s;
    text-decoration:none; 
}

.footer-menu{
  list-style-type: none;
}

.footer-menu li a{
  color: #ffffff;
}

.footer-menu li{
  display: inline;
  margin-right: 0.3vw;
}
.social-icon{
  width: 3vw;
}

#category-slide{
  display: none;
}

#tag-slide{
  display: none;
}

#category-btn{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#tag-btn{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.tag-list{
  list-style-type: none;
}


.tag-list li{
  display: inline;
  margin-right: 0.3vw;
}

.magazine-main-text{
  line-height:2;
}