@charset "UTF-8";
/*================================================================
 *FILE          :archive-brands.css
 *DESCRIPTION   :resetはressを使用。環境変数とmixinは_mixin.scss内に記述。
                 それぞれfoundationよりインポート。
 *AUTHOR        :
 *--------------------------------------------------------------
 *(C)
=================================================================*/
/* フォント定設
-----------------------------------------------------------------*/
@font-face {
  font-family: 'MyYuGothicM';
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* 游ゴシックMediumが存在しないWindows8.1用 */ }

@font-face {
  font-family: 'MyYuGothicM';
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */ }

@font-face {
  font-family: 'MyYuMinchoM';
  font-weight: normal;
  src: local("YuMincho-Medium"), local("Yu Mincho Medium"), local("YuMincho-Regular");
  /* 游明朝Mediumが存在しないWindows8.1用 */ }

@font-face {
  font-family: 'MyYuMinchoM';
  font-weight: bold;
  src: local("YuMincho-Demibold"), local("Yu Mincho");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */ }

/* イージング
-----------------------------------------------------------------*/
/* デュレーション
-----------------------------------------------------------------*/
@media print, screen and (min-width: 1025px) {
  .brandInfoList_link {
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    cursor: pointer; }
    .brandInfoList_link:hover {
      opacity: .5; } }

/*================================================================
 *FILE					:_components.scss
 *DESCRIPTION   :全ページ共通コンポーネント カスタムCSS
 *AUTHOR				:
 *--------------------------------------------------------------
 *(C)
=================================================================*/
/* button
-----------------------------------------------------------------*/
/* title
-----------------------------------------------------------------*/
/* editor style
-----------------------------------------------------------------*/
/* postList
-----------------------------------------------------------------*/
/* postList2 （横いっぱいに広がる）
-----------------------------------------------------------------*/
/* postList3
-----------------------------------------------------------------*/
/* クレジット
-----------------------------------------------------------------*/
/* スライダー 矢印＆カウント
-----------------------------------------------------------------*/
/* keyword
-----------------------------------------------------------------*/
/* c-ingle_bottom
-----------------------------------------------------------------*/
/* c-singleShare
-----------------------------------------------------------------*/
/* ページャー （アーカイブ）
-----------------------------------------------------------------*/
.mainTitle {
  font-family: "Bentham", serif;
  letter-spacing: 0;
  line-height: 1;
  text-align: center; }
  @media print, screen and (max-width: 767px) {
    .mainTitle {
      padding: 30px 0 32px;
      font-size: 30px; } }
  @media print, screen and (min-width: 768px) {
    .mainTitle {
      padding: 128px 0 40px;
      font-size: 32px; } }

/* --------------------------------------------------
  brandCategoryList
 --------------------------------------------------*/
.brandCategoryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 767px) {
    .brandCategoryList {
      margin: 0 auto;
      width: calc( 100% - 20px); } }
  @media print, screen and (min-width: 768px) {
    .brandCategoryList {
      margin: 4px auto 0;
      max-width: 1000px;
      width: 78.125%; } }
  @media print, screen and (max-width: 767px) {
    .brandCategoryList::after {
      content: '';
      display: block;
      width: calc( ( 100% - 56px ) / 7); } }

.brandCategoryList_node {
  position: relative;
  font-family: "Bentham", serif;
  letter-spacing: 0;
  line-height: 1; }
  @media print, screen and (max-width: 767px) {
    .brandCategoryList_node {
      margin: 0 4px;
      width: calc( ( 100% - 56px ) / 7);
      font-size: 26px; } }
  @media print, screen and (min-width: 768px) {
    .brandCategoryList_node {
      margin: 12px 20px;
      width: calc( ( 100% - 400px ) / 10);
      font-size: 30px; } }
  @media print, screen and (max-width: 767px) {
    .brandCategoryList_node:nth-child(n+8) {
      margin-top: 8px; } }
  .brandCategoryList_node.is-disable {
    color: #aaa; }
  .brandCategoryList_node:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }
  .brandCategoryList_node a,
  .brandCategoryList_node span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.brandCategoryList_node-num {
  font-family: MyYuMinchoM, "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  white-space: nowrap; }
  @media print, screen and (max-width: 767px) {
    .brandCategoryList_node-num {
      font-size: 20px; } }
  @media print, screen and (min-width: 768px) {
    .brandCategoryList_node-num {
      font-size: 26px; } }

/* --------------------------------------------------
  brandSection
 --------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .brandSection {
    margin-top: 64px;
    padding: 0 20px; } }

@media print, screen and (min-width: 768px) {
  .brandSection {
    margin: 80px auto 0;
    width: 75%;
    max-width: 960px; } }

.brandTitle {
  text-align: center;
  font-family: "Bentham", serif;
  letter-spacing: 0;
  line-height: 1; }
  @media print, screen and (max-width: 767px) {
    .brandTitle {
      font-size: 40px; } }
  @media print, screen and (min-width: 768px) {
    .brandTitle {
      font-size: 60px; } }

.brandTitle-num {
  font-family: MyYuMinchoM, "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "Noto Serif JP", serif; }
  @media print, screen and (max-width: 767px) {
    .brandTitle-num {
      font-size: 32px; } }
  @media print, screen and (min-width: 768px) {
    .brandTitle-num {
      font-size: 46px; } }

.brandInfoList {
  border-top: 1px solid #ddd; }
  @media print, screen and (max-width: 767px) {
    .brandInfoList {
      margin-top: 28px; } }
  @media print, screen and (min-width: 768px) {
    .brandInfoList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 40px; } }

.brandInfoList_node {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ddd; }
  @media print, screen and (max-width: 767px) {
    .brandInfoList_node {
      margin-top: 24px;
      padding-bottom: 24px; } }
  @media print, screen and (min-width: 768px) {
    .brandInfoList_node {
      margin-top: 40px;
      padding-bottom: 40px;
      width: 47.91667%; } }

@media print, screen and (max-width: 767px) {
  .brandInfoList_img {
    width: 23.8806%; } }

@media print, screen and (min-width: 768px) {
  .brandInfoList_img {
    width: 26.08696%; } }

@media print, screen and (max-width: 767px) {
  .brandInfoList_text {
    width: 71.34328%; } }

@media print, screen and (min-width: 768px) {
  .brandInfoList_text {
    width: 68.69565%; } }

.brandInfoList_name {
  font-family: "Bentham", serif;
  letter-spacing: 0;
  line-height: 1; }
  @media print, screen and (max-width: 767px) {
    .brandInfoList_name {
      font-size: 20px; } }
  @media print, screen and (min-width: 768px) {
    .brandInfoList_name {
      font-size: 26px; } }

.brandInfoList_description {
  margin-top: 16px;
  letter-spacing: .05em; }
  @media print, screen and (max-width: 767px) {
    .brandInfoList_description {
      font-size: 12px;
      line-height: 1.66; } }
  @media print, screen and (min-width: 768px) {
    .brandInfoList_description {
      line-height: 1.64; } }

.brandInfoList_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 24px;
  letter-spacing: .05em;
  line-height: 1;
  color: #AA9369; }
  @media print, screen and (max-width: 767px) {
    .brandInfoList_link {
      font-size: 12px; } }

.brandInfoList_link_svg {
  width: 24px;
  height: 5px; }
  @media print, screen and (max-width: 767px) {
    .brandInfoList_link_svg {
      margin-left: 8px; } }
  @media print, screen and (min-width: 768px) {
    .brandInfoList_link_svg {
      margin-left: 16px; } }