@media screen and (max-width: 828px) {
  .commonWidth-sp {
    width: 88.4057971014%;
    margin-right: auto;
    margin-left: auto;
  }
}

/**
 * Fonts
 */
/*
$fonts: (
  Minamoto : 'source-han-sans-japanese, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Niveau   : 'niveau-grotesk, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Roboto   : 'roboto, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Mincho   : 'source-han-serif-japanese, serif',
  Expo     : 'expo-serif-pro, serif', // 300 -> light,
  Futura   : 'futura-pt, sans-serif', // 300 -> light,
  NotoSans: 'noto-sans, sans-serif', // 100 -> thin, 400 -> Regular, 700 -> Bold
  TBNPMincho: 'tbnpmincho-std, serif', // 300 -> Regular
);

@mixin get_webfont( $font, $weight, $style: normal ) {
  $fonts: (
  Minamoto : 'source-han-sans-japanese, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Niveau   : 'niveau-grotesk, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Roboto   : 'roboto, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Mincho   : 'source-han-serif-japanese, serif',
  Expo     : 'expo-serif-pro, serif', // 300 -> light,
  Futura   : 'futura-pt, sans-serif', // 300 -> light,
  NotoSans: 'noto-sans, sans-serif', // 100 -> thin, 400 -> Regular, 700 -> Bold
  TBNPMincho: 'tbnpmincho-std, serif', // 300 -> Regular
  );

  font-family: unquote( map-get( $fonts, $font ) );
  font-weight: $weight;
  font-style: $style;
  @content;
}
*/
@media screen and (max-width: 828px) {
  .commonTitle-section span {
    display: block;
  }
}

.yafArchive {
  margin-bottom: 80px;
}
@media screen and (max-width: 1366px) {
  .yafArchive {
    margin-bottom: 4.6852122987vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive {
    margin-bottom: 15.4589371981vw;
  }
}
.yafArchive_header {
  max-width: 683px;
  margin: 64px auto 0;
}
@media screen and (max-width: 1366px) {
  .yafArchive_header {
    margin-top: 4.6852122987vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive_header {
    margin-top: 15.4589371981vw;
  }
}
.yafArchive_lead {
  margin-top: 40px;
  line-height: 2;
  font-size: 1.5rem;
}
@media screen and (max-width: 1366px) {
  .yafArchive_lead {
    margin-top: 2.9282576867vw;
    font-size: 1.0980966325vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive_lead {
    margin-top: 9.6618357488vw;
    font-size: 3.6231884058vw;
  }
}
.yafArchive .summary {
  border: 1px solid #333333;
  padding: 40px;
  margin-top: 64px;
}
@media screen and (max-width: 1366px) {
  .yafArchive .summary {
    padding: 2.9282576867vw;
    margin-top: 4.6852122987vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive .summary {
    padding: 9.6618357488vw;
    margin-top: 9.6618357488vw;
  }
}
.yafArchive .summary_list li:not(:last-child) {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #333333;
}
@media screen and (max-width: 1366px) {
  .yafArchive .summary_list li:not(:last-child) {
    padding-bottom: 2.3426061493vw;
    margin-bottom: 2.3426061493vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive .summary_list li:not(:last-child) {
    padding-bottom: 7.729468599vw;
    margin-bottom: 7.729468599vw;
  }
}
.yafArchive .link {
  margin-top: 96px;
}
@media screen and (max-width: 1366px) {
  .yafArchive .link {
    margin-top: 7.027818448vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive .link {
    margin-top: 15.4589371981vw;
  }
}
.yafArchive .link_title {
  font-family: futura-pt-bold, sans-serif;
  font-size: 4rem;
  letter-spacing: 0.08em;
  line-height: 1.2;
}
@media screen and (max-width: 1280px) {
  .yafArchive .link_title {
    font-size: 2.9282576867vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive .link_title {
    font-size: 6.2801932367vw;
    letter-spacing: 0.06em;
  }
}
.yafArchive .link .linkList_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 0;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 1366px) {
  .yafArchive .link .linkList_item {
    padding: 1.756954612vw 0;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive .link .linkList_item {
    display: block;
    padding: 6.7632850242vw 0;
  }
}
.yafArchive .link .linkList_title {
  min-width: 400px;
}
@media screen and (max-width: 1366px) {
  .yafArchive .link .linkList_title {
    min-width: 29.2825768668vw;
  }
}
.yafArchive .link .linkList_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 828px) {
  .yafArchive .link .linkList_button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2.8985507246vw;
  }
}
.yafArchive .link .linkList_button a {
  width: 300px;
  font-size: 1.5rem;
  white-space: nowrap;
}
@media screen and (max-width: 1366px) {
  .yafArchive .link .linkList_button a {
    width: 23.4260614934vw;
    font-size: 1.0980966325vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive .link .linkList_button a {
    width: 72.4637681159vw;
    font-size: 3.6231884058vw;
  }
}
.yafArchive .link .linkList_button a.-shopIcon {
  text-indent: 8px;
}
@media screen and (max-width: 1366px) {
  .yafArchive .link .linkList_button a.-shopIcon {
    text-indent: 0.5856515373vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive .link .linkList_button a.-shopIcon {
    text-indent: 1.9323671498vw;
  }
}
.yafArchive .link .linkList_button a.-shopIcon::before {
  left: 20px;
}
@media screen and (max-width: 1366px) {
  .yafArchive .link .linkList_button a.-shopIcon::before {
    left: 1.4641288433vw;
  }
}
@media screen and (max-width: 828px) {
  .yafArchive .link .linkList_button a.-shopIcon::before {
    left: 4.8309178744vw;
  }
}