@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
@import url("../../nv/nvgrid.css");
@import url("fade.css");


/*--------------------------------------------------------------------*/
/* 日本ヴォーグ社 70周年記念 ハッシュタグキャンペーン */
/*--------------------------------------------------------------------*/

/* Layout
--------------------------------------------------------------------*/
#container-hashtag {
  background: url("/img/usr/category/sp/70th/hashtag/bg_tools.png") repeat center top fixed;
  padding-top: 120px;
}

.hashtag-innr {
  margin: 0 10px;
}

@media print, screen and (min-width:921px){
  .hashtag-innr {
    width: 900px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px){
  #container-hashtag {
    padding-top: 80px;
  }
}


.hashtag-header {
  background: url("/img/usr/category/sp/70th/hashtag/bg_header.jpg") no-repeat center top;
  background-size: cover;
  padding-bottom: 50px;
}
.hashtag-header h1.page-title {
  text-align: center;
  padding: 0 10px;
}

@media print, screen and (min-width:921px){
  .hashtag-header {
    padding-bottom: 100px;
  }
}


.bg-white {
  background: #fff;
}
.hashtag-block {
  padding: 20px 0;
  position: relative;
}

.hashtag-block h2 {
  text-align: center;
  z-index: 2;
}
.hashtag-block .hashtag-content {
  background: #fff;
  border-radius: 20px;
  padding: 80px 20px 30px;
  margin-top: -45px;
  z-index: 1;
}
.hashtag-block .hashtag-content-sns {
  background: #f0f0f0;
  border-radius: 20px;
  padding: 80px 30px 30px;
  margin-top: -45px;
  z-index: 1;
}

.sns-lead {
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 20px;
}
.sns-list {
}
.sns-list > li {
  display: block;
  text-align: center;
}
.sns-list > li span {
  display: block;
}
.sns-list .sns-icon {
  margin-bottom: 10px;
}
.sns-list .sns-icon img {
  border-radius: 50%;
}
.sns-list .sns-name {
  text-align: center;
  font-size: 0.875em;
  font-weight: bold;
}
.sns-list .sns-platform {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
}
.sns-list .sns-platform li {
  display: inline-block;
  margin: 0 .125em;
}
.sns-list .sns-platform li a .fab,
.sns-list .sns-platform li a .fa-brands {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  background: #333;
  border-radius: 50%;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
}
.sns-list .sns-platform li a:hover .fab,
.sns-list .sns-platform li a:hover .fa-brands {
  background: #d66372;
  color: #fff;
}

@media print, screen and (min-width: 921px) {
  .sns-list {
  }
  .sns-list .sns-name {
  }
  .sns-list .sns-platform li a .fab,
  .sns-list .sns-platform li a .fa-brands {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
}

.list-terms > li {
  position: relative;
  line-height: 1.5;
  margin: .5em 0;
  padding-left: 1.5em;
}
.list-terms > li:before {
  position: absolute;
  top: .4em;
  left: .2em;
  content: "";
  width: .8em;
  height: .8em;
  display: inline-block;
  background-color: #999;
  border-radius: 50%;
}