@charset 'utf-8';

/* common
------------------------------------------------ */
.object-fit-img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }

/* title */
.ac-title { margin-bottom: 26px; text-align: center; font-size: 1.8rem; font-weight: 500; line-height: 1.11111111111; }

@media screen and (min-width: 769px) {
  .ac-title { margin-bottom: 50px; font-size: 2rem; line-height: 1.2; }
}

/* pager */
.ac-pager { position: relative; margin-top: 56px; }
.ac-pager-lists { display: flex; flex-wrap: wrap; justify-content: center; }
.ac-pager-lists > li { font-size: 1.2rem; line-height: 40px; }
.ac-pager-lists > li:not(:first-child) { margin-left: 34px; }
.ac-pager-lists > li > a,
.ac-pager-lists > li > span { display: inline-block; position: relative; vertical-align: top; }
.ac-pager-lists > li > span { opacity: 0.2; }
.ac-pager-lists .pager-prev,
.ac-pager-lists .pager-next { width: 40px; height: 40px; }
.ac-pager-lists .pager-prev > a,
.ac-pager-lists .pager-prev > span,
.ac-pager-lists .pager-next > a,
.ac-pager-lists .pager-next > span { width: 100%; height: 100%; border: 1px solid #000; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.ac-pager-lists .pager-prev > a::before,
.ac-pager-lists .pager-prev > span::before,
.ac-pager-lists .pager-next > a::before,
.ac-pager-lists .pager-next > span::before { content: ''; position: absolute; top: 50%; left: 50%; transform-origin: left top; transform: translate(-50%,-50%); width: 13px; height: 11px; background: url(../img/pager1.svg) no-repeat right center; background-size: 100% 100%; }
.ac-pager-lists .pager-prev > a::before,
.ac-pager-lists .pager-prev > span::before { transform: rotate(180deg) translate(-50%,-50%); }
.ac-pager-detail { position: relative; margin-top: 90px; }
.ac-pager-detail .pager-posts { display: flex; }
.ac-pager-detail .pager-prev,
.ac-pager-detail .pager-next { margin: 0; width: 50%; font-size: 1.2rem; line-height: 1.2; }
.ac-pager-detail .pager-next { text-align: right; }
.ac-pager-detail .pager-prev > a,
.ac-pager-detail .pager-next > a { display: inline-block; text-decoration: underline; vertical-align: top; }
.ac-pager-detail .pager-back { margin: 100px auto 0; max-width: 320px; text-align: center; font-size: 1.6rem; line-height: 1.2; }
.ac-pager-detail .pager-back > a { display: block; transition: opacity 0.4s ease; padding: 20px 0; border: 1px solid #999; border-radius: 3px; }
.ac-pager-detail .pager-back > a:hover { text-decoration: none; opacity: 0.8; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .ac-pager { margin-top: 98px; }
  .ac-pager-detail { margin-top: 80px; }
}

/* more */
.ac-more { margin: 30px 0 0; text-align: right; font-size: 1.4rem; line-height: 1.2; }
.ac-more > a { display: inline-flex; align-items: center; position: relative; transition: opacity 0.4s ease; vertical-align: top; }
.ac-more > a::after { content: ''; display: inline-block; margin-left: 20px; width: 40px; height: 40px; background: url(../img/pager1.svg) no-repeat center center; background-size: 13px 11px; border: 1px solid #000; border-radius: 50%; }
.ac-more > a:hover { text-decoration: none; opacity: 0.8; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .ac-more { margin-top: 38px; }
}

/* snap */
.ac-snap-lists { display: flex; flex-wrap: wrap; }
.ac-snap-lists > li { position: relative; }
.ac-snap-lists > li > .photo { position: relative; padding-bottom: 133.333333333%; width: 100%; height: 0; overflow: hidden; z-index: 1; }
.ac-snap-lists > li > .photo > a,
.ac-snap-lists > li > .photo > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ac-snap-lists > li > .photo img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }
.ac-snap-lists > li .staff { display: flex; margin-top: 10px; }
.ac-snap-lists > li .staff .photo { position: relative; padding-bottom: 40px; width: 40px; height: 0; border-radius: 50%; overflow: hidden; z-index: 1; }
.ac-snap-lists > li .staff .photo > a,
.ac-snap-lists > li .staff .photo > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ac-snap-lists > li .staff .photo img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }
.ac-snap-lists > li .staff .photo + .info { margin-left: 10px; width: calc(100% - 55px); }
.ac-snap-lists > li .staff .info { padding: 0; }
.ac-snap-lists > li .staff .text { margin: 0; font-size: 1rem; line-height: 2; }
.ac-snap-lists > li .staff .text + .text { margin-top: 1px; }
.ac-snap-lists > li .staff .text > a { display: inline-block; vertical-align: top; }
.ac-snap-lists > li .staff .text.name { font-size: 1.2rem; line-height: 1.66666666667; }
.ac-snap-lists > li > .info { margin-top: 8px; }
.ac-snap-lists > li > .info .text { margin: 0; font-size: 1.2rem; line-height: 1.66666666667; }
.ac-snap-lists > li > .info .text + .text { margin-top: 8px; }

.ac-snap-lists > li > .photo > a,
.ac-snap-lists > li .staff .photo > a { transition: opacity 0.4s ease; }
.ac-snap-lists > li > .photo > a:hover,
.ac-snap-lists > li .staff .photo > a:hover { opacity: 0.8; }

#ac-detail-snap { display: none; }
#ac-detail-snap.show { display: block; }

@media screen and (max-width: 768px) {
  .ac-snap-lists > li .staff .photo { margin-left: 5px; }

  #ac-top-snap .ac-snap-lists > li { margin: 30px 10px 0 0; width: calc((100% / 2) - (10px - (10px / 2))); }
  #ac-top-snap .ac-snap-lists > li:nth-of-type(-n+2) { margin-top: 0; }
  #ac-top-snap .ac-snap-lists > li:nth-of-type(2n) { margin-right: 0; }
  #ac-detail-snap .ac-snap-lists > li { margin: 30px 10px 0 0; width: calc((100% / 2) - (10px - (10px / 2))); }
  #ac-detail-snap .ac-snap-lists > li:nth-of-type(-n+2) { margin-top: 0; }
  #ac-detail-snap .ac-snap-lists > li:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .ac-snap-lists > li .staff { margin-top: 15px; }
  .ac-snap-lists > li .staff .photo { padding-bottom: 60px; width: 60px; }
  .ac-snap-lists > li .staff .photo + .info { margin-left: 14px; width: calc(100% - 60px); }
  .ac-snap-lists > li .staff .text { font-size: 1.2rem; line-height: 1.66666666667; }
  .ac-snap-lists > li .staff .text + .text { margin-top: 6px; }
  .ac-snap-lists > li .staff .text.name { font-size: 1.4rem; line-height: 1.42857142857; }
  .ac-snap-lists > li > .info { margin-top: 14px; }
  .ac-snap-lists > li > .info .text { font-size: 1.4rem; line-height: 1.42857142857; }
  .ac-snap-lists > li > .info .text + .text { margin-top: 10px; }

  #ac-top-snap .ac-snap-lists > li { margin: 20px 20px 0 0; width: calc((100% / 4) - (20px - (20px / 4))); }
  #ac-top-snap .ac-snap-lists > li:nth-of-type(-n+4) { margin-top: 0; }
  #ac-top-snap .ac-snap-lists > li:nth-of-type(4n) { margin-right: 0; }
  #ac-detail-snap .ac-snap-lists > li { margin: 20px 20px 0 0; width: calc((100% / 4) - (20px - (20px / 4))); }
  #ac-detail-snap .ac-snap-lists > li:nth-of-type(-n+4) { margin-top: 0; }
  #ac-detail-snap .ac-snap-lists > li:nth-of-type(4n) { margin-right: 0; }
}

/* news */
.ac-news-lists { position: relative; border-top: 1px solid #999; }
.ac-news-lists > li { position: relative; border-bottom: 1px solid #999; }
.ac-news-lists > li > a { display: flex; position: relative; padding: 24px 20px 24px 0; }
.ac-news-lists > li > a::after { content: ''; position: absolute; top: 50%; right: 8px; margin-top: -6px; width: 7px; height: 12px; background: url(../img/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.ac-news-lists > li .date { margin: 0; font-size: 1.4rem; line-height: 30px; }
.ac-news-lists > li .brand { position: relative; margin: 0; width: 80px; height: 30px; background-color: #F8F8F8; border-radius: 2px; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.ac-news-lists > li .brand::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.ac-news-lists > li .brand-pasdecalais::after { width: 64px; height: 11px; background-image: url(../img/logo_pasdecalais.svg); }
.ac-news-lists > li .brand-sagedecret::after { width: 70px; height: 8px; background-image: url(../img/logo_sagedecret.svg); }
.ac-news-lists > li .title { margin: 0; font-size: 1.4rem; font-weight: 400; line-height: 1.71428571429; }

@media screen and (max-width: 768px) {
  .ac-news-lists > li > a { flex-wrap: wrap; }
  .ac-news-lists > li .brand { margin-left: 17px; }
  .ac-news-lists > li .title { margin-top: 10px; width: 100%; }
}

@media screen and (min-width: 769px) {
  .ac-news-lists > li > a { align-items: center; }
  .ac-news-lists > li .date { width: 110px; }
  .ac-news-lists > li .title { margin-left: 160px; width: calc(100% - 270px); }
  .ac-news-lists > li .brand + .title { margin-left: 80px; }
}

/* news with photo */
.ac-news-photos { position: relative; }
.ac-news-photos > li { position: relative; }
.ac-news-photos > li > a { display: flex; align-items: center; transition: opacity 0.4s ease; }
.ac-news-photos > li > a:hover { opacity: 0.8; }
.ac-news-photos .photo { position: relative; width: 120px; }
.ac-news-photos .photo > span { display: block; position: relative; padding-bottom: 100%; width: 100%; height: 0; overflow: hidden; }
.ac-news-photos .photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }
.ac-news-photos .photo + .info { margin-left: 15px; width: calc(100% - 135px); }
.ac-news-photos .info { width: 100%; }
.ac-news-photos .date { margin-bottom: 8px; font-size: 1.2rem; line-height: 1.66666666667; }
.ac-news-photos .title { font-size: 1.4rem; font-weight: 400; line-height: 1.71428571429; }

@media screen and (max-width: 768px) {
  .ac-news-photos > li + li { margin-top: 40px; }
}

@media screen and (min-width: 769px) {
  .ac-news-photos { display: flex; flex-wrap: wrap; align-items: center; }
  .ac-news-photos > li { margin: 70px 70px 0 0; width: calc((100% / 3) - (70px - (70px / 3))); }
  .ac-news-photos > li:nth-of-type(-n+3) { margin-top: 0; }
  .ac-news-photos > li:nth-of-type(3n) { margin-right: 0; }
}