@charset "UTF-8";
/*================================================================
 *FILE          :single-article.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, .c-postList2_node, .c-postList3_node {
    margin: 0 45px; } }

.c-postList_node .img, .c-postList2_node .img, .c-postList3_node .img {
  position: relative;
  width: 100%; }
  .c-postList_node .img::before, .c-postList2_node .img::before, .c-postList3_node .img::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 133.07692%; }
  .c-postList_node .img.is-no-thumb, .c-postList2_node .img.is-no-thumb, .c-postList3_node .img.is-no-thumb {
    border: 1px solid #ddd; }
    .c-postList_node .img.is-no-thumb .svg, .c-postList2_node .img.is-no-thumb .svg, .c-postList3_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, .c-postList2_node .img.is-no-thumb .svg, .c-postList3_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, .c-postList2_node .img.is-no-thumb .svg, .c-postList3_node .img.is-no-thumb .svg {
          width: 120px;
          height: 14px; } }

.c-postList_node .img_inner, .c-postList2_node .img_inner, .c-postList3_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, .c-postList2_node .text, .c-postList3_node .text {
  margin-top: 16px; }

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

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

.c-postList_node .date, .c-postList2_node .date, .c-postList3_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, .c-postList2_node .date, .c-postList3_node .date {
      font-size: 10px; } }
  @media print, screen and (min-width: 768px) {
    .c-postList_node .date, .c-postList2_node .date, .c-postList3_node .date {
      font-size: 11px; } }

.youtube.c-postList_node .img::after, .youtube.c-postList2_node .img::after, .youtube.c-postList3_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, .youtube.c-postList2_node .img::after, .youtube.c-postList3_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-postList2_node .img.is-no-thumb::after, .youtube.c-postList3_node .img.is-no-thumb::after,
.youtube.c-postList_node .img.is-no-thumb .img_inner::before,
.youtube.c-postList2_node .img.is-no-thumb .img_inner::before,
.youtube.c-postList3_node .img.is-no-thumb .img_inner::before {
  display: none; }

.youtube.c-postList_node .img_inner::before, .youtube.c-postList2_node .img_inner::before, .youtube.c-postList3_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, .youtube.c-postList2_node .link:hover .img::after, .youtube.c-postList3_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-postList2Wrap {
  overflow: hidden; }
  @media print, screen and (max-width: 767px) {
    .c-postList2Wrap .c-sliderArrowWrap {
      margin-top: 40px; } }
  @media print, screen and (min-width: 768px) {
    .c-postList2Wrap .c-sliderArrowWrap {
      margin-top: 49px; } }
  @media print, screen and (min-width: 768px) {
    .c-postList2Wrap .c-sliderArrowWrap.is-postCount-2, .c-postList2Wrap .c-sliderArrowWrap.is-postCount-3 {
      display: none; } }

@media print, screen and (max-width: 767px) {
  .c-postList2 {
    width: 54.92537%; } }

@media print, screen and (min-width: 768px) {
  .c-postList2 {
    width: 82.03125%;
    max-width: 1050px; } }

.c-postList2 .slick-list {
  overflow: visible; }

@media print, screen and (max-width: 767px) {
  .c-postList2_node {
    margin: 0 12px; } }

@media print, screen and (min-width: 768px) {
  .c-postList2_node {
    width: 100%; } }

@media print, screen and (min-width: 768px) {
  .c-postList3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media print, screen and (min-width: 768px) {
  .c-postList3::after {
    content: "";
    display: block;
    width: 30%; } }

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

@media print, screen and (max-width: 767px) {
  .c-postList3_node + .c-postList3_node {
    margin-top: 24px; } }

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

@media print, screen and (max-width: 767px) {
  .c-postList3_node .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media print, screen and (max-width: 767px) {
  .c-postList3_node .img {
    width: 47.76119%; } }

@media print, screen and (max-width: 767px) {
  .c-postList3_node .text {
    width: 47.76119%; } }

.c-sliderArrowWrap {
  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-sliderArrow {
  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-sliderArrow[data-direction="prev"] {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
    @media print, screen and (min-width: 1025px) {
      .c-sliderArrow[data-direction="prev"]:hover {
        -webkit-transform: scale(-1, 1) translateX(5px);
        -ms-transform: scale(-1, 1) translateX(5px);
        transform: scale(-1, 1) translateX(5px); } }
  @media print, screen and (min-width: 1025px) {
    .c-sliderArrow[data-direction="next"]:hover {
      -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px); } }
  @media print, screen and (min-width: 768px) {
    .c-sliderArrow {
      height: 12px; } }
  @media print, screen and (min-width: 1025px) {
    .c-sliderArrow {
      cursor: pointer;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      -o-transition: transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; } }

.c-sliderArrow_svg {
  width: 24px;
  height: 5px;
  color: #aaa; }

.c-slider_count {
  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;
  margin: 0 40px; }
  .c-slider_count .current,
  .c-slider_count .total,
  .c-slider_count .slash {
    letter-spacing: 0;
    line-height: 1;
    font-family: "Josefin Sans", sans-serif;
    font-size: 12px; }
  @media print, screen and (max-width: 767px) {
    .c-slider_count .slash {
      margin: 0 8px; } }
  @media print, screen and (min-width: 768px) {
    .c-slider_count .slash {
      margin: 0 12px; } }

.c-button {
  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;
  height: 50px;
  letter-spacing: .05em;
  line-height: 1.64;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease; }
  @media print, screen and (min-width: 1025px) {
    .c-button:hover {
      color: #000;
      background-color: #fff; } }

.c-title {
  position: relative;
  text-align: center; }
  .c-title::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ddd;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.c-title_inner {
  position: relative;
  font-family: "Bentham", serif;
  letter-spacing: 0;
  line-height: 1;
  font-size: 20px;
  z-index: 9;
  background-color: #fff; }
  @media print, screen and (max-width: 767px) {
    .c-title_inner {
      padding: 0 49px; } }
  @media print, screen and (min-width: 768px) {
    .c-title_inner {
      padding: 0 90px; } }
  .c-title_inner::after, .c-title_inner::before {
    position: absolute;
    top: -10px;
    display: block;
    content: '';
    width: 1px;
    height: 40px;
    background-color: #ddd;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg); }
  .c-title_inner::before {
    left: 12px; }
  .c-title_inner::after {
    right: 12px; }

/* --------------------------------------------------
  mainVisual
 --------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .mainVisual {
    height: calc( 100vh - 133px); } }

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
  .mainVisual {
    height: calc( 100vh - 78px); } }

@media print, screen and (min-width: 1025px) {
  .mainVisual {
    position: relative;
    height: 100vh; } }

.mainVisual_inner {
  height: 100%; }
  @media print, screen and (min-width: 1025px) {
    .mainVisual_inner.is-slider {
      margin-left: auto;
      width: calc( 100% - 94px);
      overflow: hidden; } }

.mainSlide {
  height: 100%; }
  @media print, screen and (min-width: 1025px) {
    .mainVisual_inner.is-slider .mainSlide {
      width: 91.06239%; } }
  .mainSlide .slick-list {
    height: 100%; }
    @media print, screen and (min-width: 1025px) {
      .mainSlide .slick-list {
        overflow: visible; } }
  .mainSlide .slick-track {
    height: 100%; }

.mainSlide_node {
  position: relative;
  height: 100%; }
  .mainSlide_node:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%; }
  .mainSlide_node.is-black .mainSlide_text {
    background-color: rgba(255, 255, 255, 0.5); }
  .mainSlide_node.is-white .mainSlide_text {
    background-color: rgba(0, 0, 0, 0.5); }
  .mainSlide_node.is-white .mainSlide_text_title {
    color: #fff; }

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

.mainSlide_text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9; }
  @media print, screen and (max-width: 1024px) {
    .mainSlide_text {
      padding: 24px 20px; } }
  @media print, screen and (min-width: 768px) and (max-width: 1024px) {
    .mainSlide_text {
      padding: 24px 32px; } }
  @media print, screen and (min-width: 1025px) {
    .mainSlide_text {
      padding: 40px 64px; } }

.mainSlide_text_category {
  letter-spacing: 0;
  font-size: 12px;
  line-height: 1.66;
  color: #AA9369; }

@media print, screen and (max-width: 1024px) {
  .mainSlide_text_title {
    line-height: 1.68;
    font-size: 16px;
    letter-spacing: .05em; } }

@media print, screen and (min-width: 1025px) {
  .mainSlide_text_title {
    line-height: 1.7;
    font-size: 20px;
    letter-spacing: .1em; } }

@media print, screen and (max-width: 1024px) {
  .mainSlide_text_category + .mainSlide_text_title {
    margin-top: 5px; } }

@media print, screen and (min-width: 1025px) {
  .mainSlide_text_category + .mainSlide_text_title {
    margin-top: 20px; } }

.mainSlideArrowArea {
  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: 1024px) {
    .mainSlideArrowArea {
      margin-top: 24px; } }
  @media print, screen and (min-width: 1025px) {
    .mainSlideArrowArea {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 94px;
      height: 100%; } }

.mainSlideArrow {
  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; }
  @media print, screen and (min-width: 1025px) {
    .mainSlideArrow {
      cursor: pointer; } }
  @media print, screen and (max-width: 1024px) {
    .mainSlideArrow[data-direction="prev"] {
      -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      transform: scale(-1, 1); } }
  @media print, screen and (min-width: 1025px) {
    .mainSlideArrow[data-direction="prev"] {
      -webkit-transform: rotate(90deg) scale(-1, 1);
      -ms-transform: rotate(90deg) scale(-1, 1);
      transform: rotate(90deg) scale(-1, 1);
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      -o-transition: transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; }
      .mainSlideArrow[data-direction="prev"]:hover {
        -webkit-transform: rotate(90deg) scale(-1, 1) translateX(5px);
        -ms-transform: rotate(90deg) scale(-1, 1) translateX(5px);
        transform: rotate(90deg) scale(-1, 1) translateX(5px); } }
  @media print, screen and (min-width: 1025px) {
    .mainSlideArrow[data-direction="next"] {
      -webkit-transform: rotate(90deg) scale(1, -1);
      -ms-transform: rotate(90deg) scale(1, -1);
      transform: rotate(90deg) scale(1, -1);
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      -o-transition: transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease; }
      .mainSlideArrow[data-direction="next"]:hover {
        -webkit-transform: rotate(90deg) scale(1, -1) translateX(5px);
        -ms-transform: rotate(90deg) scale(1, -1) translateX(5px);
        transform: rotate(90deg) scale(1, -1) translateX(5px); } }

.mainSlideArrow_svg {
  width: 24px;
  height: 5px; }

.mainSlideCountList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -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: 1024px) {
    .mainSlideCountList {
      margin: 0 13px; } }
  @media print, screen and (min-width: 1025px) {
    .mainSlideCountList {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 13px 0; } }

.mainSlideCountList_node {
  position: relative;
  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;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease; }
  @media print, screen and (max-width: 1024px) {
    .mainSlideCountList_node {
      font-size: 15px; } }
  @media print, screen and (min-width: 1025px) {
    .mainSlideCountList_node {
      font-size: 12px; } }
  @media print, screen and (min-width: 1025px) {
    .mainSlideCountList_node {
      cursor: pointer;
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; }
      .mainSlideCountList_node:hover {
        color: #AA9369; } }
  @media print, screen and (max-width: 1024px) {
    .mainSlideCountList_node + .mainSlideCountList_node {
      margin-left: 16px; } }
  @media print, screen and (min-width: 1025px) {
    .mainSlideCountList_node + .mainSlideCountList_node {
      margin-top: 16px; } }
  .mainSlideCountList_node.is-current {
    color: #AA9369; }
    .mainSlideCountList_node.is-current .mainSlideCountList_node_svg {
      display: block; }
  @media print, screen and (max-width: 1024px) {
    .mainSlideCountList_node span {
      margin-top: 4px; } }
  @media print, screen and (min-width: 1025px) {
    .mainSlideCountList_node span {
      margin-top: 2px; } }

.mainSlideCountList_node_svg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 31px;
  height: 31px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }
  .mainSlideCountList_node_svg circle {
    fill: transparent;
    stroke: #AA9369;
    stroke-width: 1;
    stroke-dasharray: 94;
    -webkit-animation: anm_circle 5s ease-in-out;
    animation: anm_circle 5s ease-in-out; }

@-webkit-keyframes anm_circle {
  to {
    stroke-dashoffset: 0; }
  from {
    stroke-dashoffset: 94; } }

@keyframes anm_circle {
  to {
    stroke-dashoffset: 0; }
  from {
    stroke-dashoffset: 94; } }

/* --------------------------------------------------
  vzoneSection
 --------------------------------------------------*/
.vzoneModal {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .5s ease;
  transition: opacity .3s ease, visibility .3s ease, -webkit-transform .5s ease;
  -o-transition: opacity .3s ease, visibility .3s ease, transform .5s ease;
  transition: opacity .3s ease, visibility .3s ease, transform .5s ease;
  transition: opacity .3s ease, visibility .3s ease, transform .5s ease, -webkit-transform .5s ease; }
  .vzoneModal.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .vzoneModal.is-small {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }

.vzoneModalClose {
  position: absolute;
  top: 0;
  right: 10px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media print, screen and (min-width: 1025px) {
    .vzoneModalClose {
      cursor: pointer; } }
  .vzoneModalClose::after, .vzoneModalClose::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 14px;
    height: 1px;
    background-color: #000; }
  .vzoneModalClose::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }
  .vzoneModalClose::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg); }

.vzoneSection {
  padding: 24px 0;
  color: #fff;
  background-color: #000; }
  @media print, screen and (max-width: 1024px) {
    .vzoneSection {
      margin: 94px auto 0;
      width: calc( 100% - 56px);
      max-width: 400px; } }
  @media print, screen and (min-width: 1025px) {
    .vzoneSection {
      width: 300px; } }
  .vzoneSection .c-title {
    margin: 0 auto;
    color: #AA9369; }
    @media print, screen and (max-width: 1024px) {
      .vzoneSection .c-title {
        width: calc( 100% - 90px); } }
    @media print, screen and (min-width: 1025px) {
      .vzoneSection .c-title {
        width: 220px; } }
    @media print, screen and (max-width: 320px) {
      .vzoneSection .c-title {
        width: calc( 100% - 40px); } }
    html.ie .vzoneSection .c-title::after {
      margin-top: -4px; }
  .vzoneSection .c-title_inner {
    letter-spacing: .05em;
    font-size: 15px;
    font-family: MyYuMinchoM, "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
    background-color: #000; }
    @media print, screen and (max-width: 1024px) {
      .vzoneSection .c-title_inner {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1025px) {
      .vzoneSection .c-title_inner {
        padding: 0 23px; } }
    .vzoneSection .c-title_inner::before, .vzoneSection .c-title_inner::after {
      top: -1px;
      height: 17px; }
    .vzoneSection .c-title_inner::before {
      left: 6px; }
    .vzoneSection .c-title_inner::after {
      right: 6px; }

.vzoneContents {
  display: none; }
  @media print, screen and (max-width: 1024px) {
    .vzoneContents {
      margin-top: 10px; } }
  @media print, screen and (min-width: 1025px) {
    .vzoneContents {
      margin-top: 12px; } }
  .vzoneContents.is-active {
    display: block; }

@media print, screen and (min-width: 1025px) {
  .vzoneContents_content_link:hover .vzoneContents_more::after {
    opacity: 0; } }

.vzoneContentsTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.vzoneContents_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.vzoneContents_date_month {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "Bentham", serif;
  letter-spacing: .1em;
  line-height: 1;
  font-size: 15px; }

.vzoneContents_date_day {
  margin-top: 10px;
  letter-spacing: 0;
  line-height: 1;
  font-size: 25px; }

@media print, screen and (max-width: 1024px) {
  .vzoneContents_content {
    width: calc( 100% - 90px); } }

@media print, screen and (min-width: 1025px) {
  .vzoneContents_content {
    width: 220px; } }

.vzoneContents_content_img {
  position: relative; }
  .vzoneContents_content_img:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }
  .vzoneContents_content_img.is-no-thumb {
    color: #000;
    background-color: #fff; }

.vzoneContents_content_img_inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  will-change: transform; }

.vzoneContents_content_img_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 15px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.vzoneContents_year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: .1em;
  line-height: 1;
  font-size: 15px; }

.vzoneContents_content_description {
  margin: 16px auto 0;
  letter-spacing: .05em;
  line-height: 1.7; }
  @media print, screen and (max-width: 1024px) {
    .vzoneContents_content_description {
      font-size: 16px;
      width: calc( 100% - 90px); } }
  @media print, screen and (min-width: 1025px) {
    .vzoneContents_content_description {
      width: 220px; } }

.vzoneContents_moreWrap {
  margin-top: 10px;
  text-align: center; }

.vzoneContents_more {
  display: inline-block;
  font-family: "Bentham", serif;
  letter-spacing: .1em;
  line-height: 1;
  color: #aaa;
  font-size: 15px; }
  .vzoneContents_more::after {
    display: block;
    content: '';
    margin-top: 5px;
    width: 100%;
    height: 1px;
    background-color: #aaa; }
    @media print, screen and (min-width: 1025px) {
      .vzoneContents_more::after {
        -webkit-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease; } }

/* --------------------------------------------------
  articleSection
 --------------------------------------------------*/
@media print, screen and (max-width: 1024px) {
  .articleSection {
    margin-top: 64px; } }

@media print, screen and (max-width: 1024px) {
  .articleSection .c-title {
    margin: 0 auto;
    width: calc( 100% - 40px); } }

@media print, screen and (max-width: 1024px) {
  .articleSection .c-postList {
    margin-top: 45px; } }

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

@media print, screen and (max-width: 767px) {
  .articleSection .c-postList_node:nth-child(9) {
    display: none; } }

.articleSection .c-button {
  width: 260px; }
  @media print, screen and (max-width: 767px) {
    .articleSection .c-button {
      margin: 48px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .articleSection .c-button {
      margin: 64px auto 0; } }

@media print, screen and (max-width: 767px) {
  .mainVisual + .articleSection {
    margin-top: 120px; } }

/* --------------------------------------------------
  pickupSection
 --------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .pickupSection {
    margin-top: 65px; } }

@media print, screen and (min-width: 768px) {
  .pickupSection {
    margin-top: 120px; } }

@media print, screen and (max-width: 767px) {
  .pickupSection .c-title {
    margin: 5px 20px 0; } }

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

@media print, screen and (max-width: 767px) {
  .pickupSection .c-postList2 {
    margin: 40px auto 0; } }

@media print, screen and (min-width: 768px) {
  .pickupSection .c-postList2 {
    margin: 69px auto 0; } }

/* --------------------------------------------------
  newsSection
 --------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .newsSection {
    margin: 64px auto 0; } }

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

@media print, screen and (max-width: 767px) {
  .newsSection .c-title {
    margin: 5px 20px 0; } }

@media print, screen and (min-width: 768px) {
  .newsSection .c-title {
    margin: 5px auto 0; } }

.newsSection .c-button {
  width: 260px; }
  @media print, screen and (max-width: 767px) {
    .newsSection .c-button {
      margin: 48px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .newsSection .c-button {
      margin: 64px auto 0; } }

.newsList {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media print, screen and (max-width: 767px) {
    .newsList {
      margin: 45px 20px 0; } }
  @media print, screen and (min-width: 768px) {
    .newsList {
      margin: 69px -45px 0 -45px; } }
  @media print, screen and (min-width: 768px) {
    .newsList::after {
      display: none; } }
  .newsList .img:before {
    padding-top: 100%; }