@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を指定 */ }

/* イージング
-----------------------------------------------------------------*/
/* デュレーション
-----------------------------------------------------------------*/
/*================================================================
 *FILE					:_components.scss
 *DESCRIPTION   :全ページ共通コンポーネント カスタムCSS
 *AUTHOR				:
 *--------------------------------------------------------------
 *(C)
=================================================================*/
/* button
-----------------------------------------------------------------*/
/* title
-----------------------------------------------------------------*/
/* editor style
-----------------------------------------------------------------*/
/* postList
-----------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .c-postList_node {
    margin: 0 45px; } }

.c-postList_node .img {
  position: relative;
  width: 100%; }
  .c-postList_node .img::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 133.07692%; }
  .c-postList_node .img.is-no-thumb {
    border: 1px solid #ddd; }
    .c-postList_node .img.is-no-thumb .svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media print, screen and (max-width: 1024px) {
        .c-postList_node .img.is-no-thumb .svg {
          width: 100px;
          height: 11px; } }
      @media print, screen and (min-width: 1025px) {
        .c-postList_node .img.is-no-thumb .svg {
          width: 120px;
          height: 14px; } }

.c-postList_node .img_inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.c-postList_node .text {
  margin-top: 16px; }

.c-postList_node .category {
  letter-spacing: .05em;
  color: #AA9369; }
  @media print, screen and (max-width: 767px) {
    .c-postList_node .category {
      line-height: 1.7;
      font-size: 10px; } }
  @media print, screen and (min-width: 768px) {
    .c-postList_node .category {
      line-height: 1.63;
      font-size: 11px; } }

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

.c-postList_node .date {
  display: block;
  margin-top: 7px;
  font-family: "Aleo", serif;
  letter-spacing: .05em;
  line-height: 1;
  color: #777; }
  @media print, screen and (max-width: 767px) {
    .c-postList_node .date {
      font-size: 10px; } }
  @media print, screen and (min-width: 768px) {
    .c-postList_node .date {
      font-size: 11px; } }

.youtube.c-postList_node .img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: '';
  width: 50px;
  height: 50px;
  background-image: url("../images/common/icon_play.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media print, screen and (min-width: 1025px) {
    .youtube.c-postList_node .img::after {
      -webkit-transition: background-image .3s ease;
      -o-transition: background-image .3s ease;
      transition: background-image .3s ease; } }

.youtube.c-postList_node .img.is-no-thumb::after, .youtube.c-postList_node .img.is-no-thumb .img_inner::before {
  display: none; }

.youtube.c-postList_node .img_inner::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

@media print, screen and (min-width: 1025px) {
  .youtube.c-postList_node .link:hover .img::after {
    background-image: url("../images/common/icon_play-gold.svg"); } }

/* postList2 （横いっぱいに広がる）
-----------------------------------------------------------------*/
/* postList3
-----------------------------------------------------------------*/
/* クレジット
-----------------------------------------------------------------*/
/* スライダー 矢印＆カウント
-----------------------------------------------------------------*/
/* keyword
-----------------------------------------------------------------*/
/* c-ingle_bottom
-----------------------------------------------------------------*/
/* c-singleShare
-----------------------------------------------------------------*/
/* ページャー （アーカイブ）
-----------------------------------------------------------------*/
.c-postList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 767px) {
    .c-postList {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0 20px; } }
  @media print, screen and (min-width: 768px) {
    .c-postList::after {
      content: "";
      display: block;
      width: 30%; } }

@media print, screen and (max-width: 767px) {
  .c-postList_node {
    width: calc( ( 100% - 15px ) / 2); } }

@media print, screen and (min-width: 768px) {
  .c-postList_node {
    width: calc( ( 100% - 270px ) / 3); } }

@media print, screen and (max-width: 767px) {
  .c-postList_node:nth-child(n+3) {
    margin-top: 24px; } }

@media print, screen and (min-width: 768px) {
  .c-postList_node:nth-child(n+4) {
    margin-top: 64px; } }

.c-postList_node.is-365-v-zone .img::before {
  padding-top: 100%; }

@media print, screen and (max-width: 767px) {
  .c-postList_node.is-365-v-zone {
    margin-bottom: 24px; } }

@media print, screen and (min-width: 768px) {
  .c-postList_node.is-365-v-zone {
    margin-bottom: 64px; } }

@media print, screen and (max-width: 767px) {
  .c-postList_node.is-365-v-zone:nth-child(n+3) {
    margin-top: 0; } }

@media print, screen and (min-width: 768px) {
  .c-postList_node.is-365-v-zone:nth-child(n+4) {
    margin-top: 0; } }

.c-pager-archive {
  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; }
  @media print, screen and (max-width: 767px) {
    .c-pager-archive {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

@media print, screen and (max-width: 767px) {
  .c-pager-archive_arrowWrap {
    margin-top: 24px;
    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; } }

.c-pager-archive_arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .05em;
  line-height: 1;
  font-size: 12px; }
  @media print, screen and (min-width: 1025px) {
    .c-pager-archive_arrow {
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; }
      .c-pager-archive_arrow:hover {
        color: #AA9369; } }
  .c-pager-archive_arrow.is-disable {
    color: #aaa; }
    @media print, screen and (min-width: 768px) {
      .c-pager-archive_arrow.is-disable {
        width: 63px; } }

@media print, screen and (min-width: 768px) {
  .c-pager-archive_arrow-prev {
    margin-right: 40px; } }

.c-pager-archive_arrow-next {
  margin-left: 40px; }

.c-pager-archive_numList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-pager-archive_numList_node {
  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;
  width: 30px;
  height: 30px;
  font-family: "Aleo", serif;
  letter-spacing: 0;
  line-height: 1;
  color: #000; }
  @media print, screen and (max-width: 767px) {
    .c-pager-archive_numList_node {
      font-size: 15px; } }
  @media print, screen and (max-width: 320px) {
    .c-pager-archive_numList_node {
      width: 25px;
      height: 25px;
      font-size: 14px; } }
  .c-pager-archive_numList_node.is-current {
    color: #AA9369;
    border: 1px solid #AA9369;
    border-radius: 50%; }
  @media print, screen and (max-width: 767px) {
    .c-pager-archive_numList_node + .c-pager-archive_numList_node {
      margin-left: 8px; } }
  @media print, screen and (min-width: 768px) {
    .c-pager-archive_numList_node + .c-pager-archive_numList_node {
      margin-left: 16px; } }
  .c-pager-archive_numList_node span {
    margin-top: 2px; }

.c-pager-archive_numList_link {
  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;
  width: 100%;
  height: 100%; }
  @media print, screen and (min-width: 1025px) {
    .c-pager-archive_numList_link {
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; }
      .c-pager-archive_numList_link:hover {
        color: #AA9369; } }

@media print, screen and (max-width: 767px) {
  .c-pager-archive {
    margin-top: 40px; } }

@media print, screen and (min-width: 768px) {
  .c-pager-archive {
    margin-top: 80px; } }

.mainTitle {
  text-align: center; }
  @media print, screen and (max-width: 767px) {
    .mainTitle {
      margin-top: 30px;
      padding: 0 20px;
      line-height: 1.66;
      font-size: 18px;
      letter-spacing: .1em; } }
  @media print, screen and (min-width: 768px) {
    .mainTitle {
      margin-top: 128px;
      padding: 0 20px;
      line-height: 1.68;
      font-size: 22px;
      letter-spacing: .05em; } }

@media print, screen and (max-width: 767px) {
  .newsList {
    margin-top: 56px; } }

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

.newsList .c-postList_node .img:before {
  padding-top: 100%; }