@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-credit_node,
.c-credit_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-credit_node.soldout {
  pointer-events: none; }
  .c-credit_node.soldout .c-credit_decoration,
  .c-credit_node.soldout .c-credit_button {
    display: none; }

.c-credit_node.soldout-link .c-credit_decoration,
.c-credit_node.soldout-link .c-credit_button {
  display: none; }

.c-credit_link {
  width: 100%; }
  @media print, screen and (min-width: 1025px) {
    .c-credit_link:hover .c-credit_button {
      color: #000;
      background-color: #fff; } }

.c-credit_spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .05em;
  font-size: 12px;
  line-height: 1.5; }
  @media print, screen and (max-width: 767px) {
    .c-credit_spec {
      max-width: 69.25373%; } }
  @media print, screen and (min-width: 768px) {
    .c-credit_spec {
      max-width: 65%; } }
  .c-credit_spec span {
    display: block;
    margin: 0 10px;
    width: 1px;
    height: 10px;
    background-color: #1A1A1A; }

.c-credit_decoration {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 16px; }
  .c-credit_decoration::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-image: url("../images/common/dot.svg");
    background-position: center;
    background-size: cover; }

.c-credit_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;
  width: 53px;
  height: 19px;
  color: #fff;
  background-color: #000;
  font-family: "Bentham", serif;
  letter-spacing: .05em;
  line-height: 1;
  font-size: 12px;
  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; }

.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; }

.c-keywordTitle {
  font-family: "Bentham", serif;
  letter-spacing: 0;
  line-height: 1; }

.c-keywordList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -8px;
  margin-right: -8px; }

.c-keywordList_node {
  letter-spacing: .05em;
  line-height: 1;
  border: 1px solid #ddd;
  border-radius: 12px;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease; }
  @media print, screen and (max-width: 767px) {
    .c-keywordList_node {
      margin: 12px 8px 0;
      font-size: 10px; } }
  @media print, screen and (min-width: 768px) {
    .c-keywordList_node {
      margin: 16px 8px 0;
      font-size: 11px; } }
  @media print, screen and (min-width: 1025px) {
    .c-keywordList_node:hover {
      background-color: #ddd; } }
  .c-keywordList_node a {
    display: block;
    padding: 6px 12px; }

.c-single_bottom {
  padding-top: 24px;
  border-top: 1px solid #ddd; }
  @media print, screen and (max-width: 767px) {
    .c-single_bottom {
      margin: 40px 20px 0; } }
  @media print, screen and (min-width: 768px) {
    .c-single_bottom {
      position: relative;
      margin: 80px auto 0; } }
  @media print, screen and (max-width: 767px) {
    .c-keyword + .c-single_bottom {
      margin: 12px 20px 0; } }
  @media print, screen and (min-width: 768px) {
    .c-keyword + .c-single_bottom {
      margin: 24px auto 0; } }

.c-singleShare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media print, screen and (min-width: 768px) {
    .c-singleShare {
      position: absolute;
      top: 24px;
      right: 0; } }

.c-singleShare_text {
  font-family: "Aleo", serif;
  letter-spacing: 0;
  line-height: 1;
  font-size: 12px; }

.c-singleShare_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 26px; }

.c-singleShare_list_node:nth-child(2) {
  margin-left: 15px; }

.c-singleShare_list_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: 15px;
  height: 15px; }

.c-singleShare_svg {
  color: #AA9369; }
  @media print, screen and (min-width: 1025px) {
    .c-singleShare_svg {
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; } }

.c-singleShare_svg-facebook {
  width: 6px;
  height: 13px; }
  @media print, screen and (min-width: 1025px) {
    .c-singleShare_svg-facebook:hover {
      color: #3B5998; } }

.c-singleShare_svg-twitter {
  width: 15px;
  height: 13px; }
  @media print, screen and (min-width: 1025px) {
    .c-singleShare_svg-twitter:hover {
      color: #1DA1F2; } }

@media print, screen and (min-width: 768px) {
  .headerLogo {
    color: #fff; } }

/* --------------------------------------------------
  mainVisual
 --------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .mainVisual {
    padding: 0 5px 0; } }

@media print, screen and (min-width: 768px) {
  .mainVisual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 20px; } }

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

.mainVisualImg img {
  width: 100%; }

.mainVisualImg.is-no-thumb {
  position: relative; }
  .mainVisualImg.is-no-thumb:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 133.33333%; }

.mainVisualImg_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 180px;
  height: 21px; }

.mainVisualText {
  background-color: #0D0D0D; }
  @media print, screen and (max-width: 767px) {
    .mainVisualText {
      padding: 40px 15px; } }
  @media print, screen and (min-width: 768px) {
    .mainVisualText {
      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;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 8.06452%;
      padding-right: 8.06452%;
      width: 58.87097%;
      text-align: center; } }

.mainVisualText_category {
  letter-spacing: .05em;
  color: #AA9369;
  line-height: 1.64; }

.mainVisualText_title {
  color: #fff; }
  @media print, screen and (max-width: 767px) {
    .mainVisualText_title {
      margin-top: 10px;
      letter-spacing: .05;
      font-size: 24px;
      line-height: 1.66; } }
  @media print, screen and (min-width: 768px) {
    .mainVisualText_title {
      margin-top: 25px;
      line-height: 1.69;
      font-size: 26px;
      letter-spacing: .1em; } }

.mainVisualText_date {
  font-family: "Aleo", serif;
  letter-spacing: .1em;
  line-height: 1;
  font-size: 12px; }
  @media print, screen and (max-width: 767px) {
    .mainVisualText_date {
      margin-top: 6px;
      color: #777; } }
  @media print, screen and (min-width: 768px) {
    .mainVisualText_date {
      margin-top: 22px;
      color: #fff; } }

/* --------------------------------------------------
  articleContents
 --------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .articleTitle-1, .articleTitle-2, .articleText, .articleList, .articleImgWrap, .article2column, .articleStyling, .articleColumn, .articleProfileList_node, .c-keyword, .c-single_bottom, .vzoneContents_main {
    width: 79.16667%;
    max-width: 760px; } }

@media print, screen and (max-width: 767px) {
  .articleContents_inner {
    padding-bottom: 40px; } }

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
  .articleContents_inner {
    width: 85%; } }

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

@media print, screen and (min-width: 1025px) {
  .articleContents_inner {
    width: 75%; } }

/* --------------------------
  leadSection
 ------------------------- */
.leadSection {
  border-bottom: 1px solid #ddd; }
  @media print, screen and (max-width: 767px) {
    .leadSection {
      margin: 0 20px;
      padding: 64px 0; } }
  @media print, screen and (min-width: 768px) {
    .leadSection {
      padding: 57px 0 72px; } }
  .leadSection + * {
    padding-top: 24px; }

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

@media print, screen and (min-width: 768px) {
  .leadTitle {
    font-size: 22px;
    line-height: 1.68;
    text-align: center;
    letter-spacing: .05em; } }

.leadText {
  letter-spacing: .05em; }
  @media print, screen and (max-width: 767px) {
    .leadText {
      font-size: 16px;
      line-height: 1.68; } }
  @media print, screen and (min-width: 768px) {
    .leadText {
      font-size: 17px;
      text-align: center;
      line-height: 1.64; } }
  @media print, screen and (max-width: 767px) {
    .leadTitle + .leadText {
      margin-top: 20px; } }
  @media print, screen and (min-width: 768px) {
    .leadTitle + .leadText {
      margin-top: 42px; } }

/* --------------------------
  articleTitle
 ------------------------- */
.articleTitle-1 {
  letter-spacing: .1em; }
  @media print, screen and (max-width: 767px) {
    .articleTitle-1 {
      margin: 40px 20px 0;
      padding-bottom: 24px;
      font-size: 18px;
      line-height: 1.66; } }
  @media print, screen and (min-width: 768px) {
    .articleTitle-1 {
      margin: 48px auto 0;
      padding-bottom: 32px;
      font-size: 20px;
      line-height: 1.7; } }

.articleTitle-2 {
  letter-spacing: .1em;
  color: #777; }
  @media print, screen and (max-width: 767px) {
    .articleTitle-2 {
      margin: 24px 20px 0;
      padding-bottom: 16px;
      letter-spacing: .05em;
      font-size: 17px;
      line-height: 1.64; } }
  @media print, screen and (min-width: 768px) {
    .articleTitle-2 {
      margin: 32px auto 0;
      padding-bottom: 32px;
      font-size: 18px;
      line-height: 1.66; } }

/* --------------------------
  articleText
 ------------------------- */
.articleText {
  letter-spacing: .05em; }
  @media print, screen and (max-width: 767px) {
    .articleText {
      padding-bottom: 24px;
      line-height: 1.64; } }
  @media print, screen and (min-width: 768px) {
    .articleText {
      padding-bottom: 32px;
      line-height: 1.66;
      font-size: 15px; } }
  @media print, screen and (max-width: 767px) {
    .articleText:first-of-type {
      margin: 64px 20px 0; } }
  @media print, screen and (min-width: 768px) {
    .articleText:first-of-type {
      margin: 64px auto 0; } }
  @media print, screen and (max-width: 767px) {
    * + .articleText {
      margin: 16px 20px 0 !important; } }
  @media print, screen and (min-width: 768px) {
    * + .articleText {
      margin: 0 auto !important; } }

/* --------------------------
  articleList
 ------------------------- */
@media print, screen and (max-width: 767px) {
  .articleList {
    margin: 32px 20px 0; } }

@media print, screen and (min-width: 768px) {
  .articleList {
    margin: 32px auto 0; } }

.articleList_node {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  letter-spacing: .05em; }
  @media print, screen and (max-width: 767px) {
    .articleList_node {
      line-height: 1.64; } }
  @media print, screen and (min-width: 768px) {
    .articleList_node {
      line-height: 1.66;
      font-size: 15px; } }
  @media print, screen and (max-width: 767px) {
    .articleList_node + .articleList_node {
      margin-top: 8px; } }
  @media print, screen and (min-width: 768px) {
    .articleList_node + .articleList_node {
      margin-top: 12px; } }
  .articleList_node::before {
    content: "・";
    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; }
    @media print, screen and (min-width: 768px) {
      .articleList_node::before {
        margin-right: 7px;
        width: 16px;
        height: 100; } }

/* --------------------------
  articleHr
 ------------------------- */
.articleHr {
  padding-bottom: 24px;
  border-top: 1px solid #ddd; }
  @media print, screen and (max-width: 767px) {
    .articleHr {
      margin: 40px 20px 0; } }
  @media print, screen and (min-width: 768px) {
    .articleHr {
      margin: 56px auto 0; } }

/* --------------------------
  articleImg
 ------------------------- */
.articleImgWrap {
  text-align: center; }
  @media print, screen and (max-width: 767px) {
    .articleImgWrap {
      margin: 32px 20px 0;
      padding-bottom: 32px; } }
  @media print, screen and (min-width: 768px) {
    .articleImgWrap {
      margin: 64px auto 0;
      padding-bottom: 48px; } }
  @media print, screen and (min-width: 768px) {
    .articleImgWrap.is-slider {
      margin: 40px auto 0;
      padding-bottom: 40px; } }
  @media print, screen and (max-width: 767px) {
    .articleImgWrap .c-sliderArrowWrap {
      margin-top: 32px; } }
  @media print, screen and (min-width: 768px) {
    .articleImgWrap .c-sliderArrowWrap {
      margin-top: 40px; } }

.articleImg_caption {
  display: block;
  letter-spacing: .05em;
  font-size: 12px;
  line-height: 1.66;
  text-align: left; }
  @media print, screen and (max-width: 767px) {
    .articleImg_caption {
      margin-top: 16px; } }
  @media print, screen and (min-width: 768px) {
    .articleImg_caption {
      margin-top: 24px; } }

/* --------------------------
  articleCredit
 ------------------------- */
@media print, screen and (max-width: 767px) {
  .articleCredit {
    margin: 16px 20px 0;
    padding-bottom: 24px; } }

@media print, screen and (min-width: 768px) {
  .articleCredit {
    margin: 24px auto 0;
    padding-bottom: 40px; } }

@media print, screen and (min-width: 768px) {
  .articleCredit .c-credit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: 79.16667%;
    max-width: 760px; } }

@media print, screen and (min-width: 768px) {
  .articleCredit .c-credit_node {
    width: calc( ( 100% - 40px ) / 2); } }

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

@media print, screen and (min-width: 768px) {
  .articleCredit .c-credit_node:nth-child(n+3) {
    margin-top: 16px; } }

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

@media print, screen and (min-width: 768px) {
  .article2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px auto 0;
    padding-bottom: 40px; } }

@media print, screen and (min-width: 768px) {
  .article2column.is-text-img {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; } }

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

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

.article2column .article2column_catch + .c-credit,
.article2column .article2column_description + .c-credit {
  margin-top: 24px; }

@media print, screen and (min-width: 768px) {
  .article2column .c-credit_node + .c-credit_node {
    margin-top: 16px; } }

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

.article2column_img img {
  width: 100%; }

@media print, screen and (max-width: 767px) {
  .article2column_text {
    padding-top: 24px; } }

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

.article2column_catch {
  letter-spacing: .05em;
  line-height: 1.64; }
  @media print, screen and (min-width: 768px) {
    .article2column_catch {
      font-size: 17px; } }

.article2column_description {
  letter-spacing: .05em;
  line-height: 1.66; }
  @media print, screen and (max-width: 767px) {
    .article2column_description {
      font-size: 12px; } }
  @media print, screen and (min-width: 768px) {
    .article2column_description {
      font-size: 15px; } }
  @media print, screen and (max-width: 767px) {
    .article2column_catch + .article2column_description {
      margin-top: 18px; } }
  @media print, screen and (min-width: 768px) {
    .article2column_catch + .article2column_description {
      margin-top: 22px; } }

/* --------------------------
  articleStyling
 ------------------------- */
@media print, screen and (max-width: 767px) {
  .articleStyling {
    margin: 40px 20px 0;
    padding-bottom: 32px; } }

@media print, screen and (min-width: 768px) {
  .articleStyling {
    margin: 40px auto 0;
    padding-bottom: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media print, screen and (max-width: 767px) {
  .articleStyling .c-sliderArrowWrap {
    margin-top: 16px; } }

@media print, screen and (min-width: 768px) {
  .articleStyling .c-sliderArrowWrap {
    margin-top: 24px; } }

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

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

@media print, screen and (min-width: 768px) {
  .articleStylingText {
    padding-left: 5.26316%;
    width: 47.36842%; } }

.articleStylingText_position {
  line-height: 1.66;
  color: #777;
  font-size: 12px; }
  @media print, screen and (max-width: 767px) {
    .articleStylingText_position {
      letter-spacing: 0; } }
  @media print, screen and (min-width: 768px) {
    .articleStylingText_position {
      letter-spacing: .05em; } }
  @media print, screen and (max-width: 767px) {
    .articleStylingText_position + * {
      margin-top: 24px; } }
  @media print, screen and (min-width: 768px) {
    .articleStylingText_position + * {
      margin-top: 32px; } }

.articleStylingText_name-jp {
  letter-spacing: .1em;
  line-height: 1.7;
  font-size: 24px; }
  .articleStylingText_name-jp + * {
    margin-top: 12px; }

.articleStylingText_name-en {
  font-family: "Bentham", serif;
  letter-spacing: 0;
  line-height: 1.16;
  color: #777;
  font-size: 12px; }
  .articleStylingText_name-en + * {
    margin-top: 24px; }

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

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

@media print, screen and (min-width: 1025px) {
  .articleStylingText_instagram:hover .articleStylingText_instagram_svg {
    color: #AA9369; } }

.articleStylingText_instagram_svg {
  color: #555; }
  @media print, screen and (max-width: 767px) {
    .articleStylingText_instagram_svg {
      width: 18px;
      height: 18px; } }
  @media print, screen and (min-width: 768px) {
    .articleStylingText_instagram_svg {
      width: 20px;
      height: 20px; } }
  @media print, screen and (min-width: 1025px) {
    .articleStylingText_instagram_svg {
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; } }

.articleStylingText_button {
  display: inline-block;
  letter-spacing: .05em;
  line-height: 1;
  font-size: 12px;
  color: #aaa; }
  @media print, screen and (min-width: 1025px) {
    .articleStylingText_button {
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; }
      .articleStylingText_button:hover {
        color: #AA9369; }
        .articleStylingText_button:hover::after {
          background-color: #AA9369; } }
  .articleStylingText_button::after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #aaa;
    margin-top: 8px; }
    @media print, screen and (min-width: 1025px) {
      .articleStylingText_button::after {
        -webkit-transition: background-color .3s ease;
        -o-transition: background-color .3s ease;
        transition: background-color .3s ease; } }
  @media print, screen and (max-width: 767px) {
    .articleStylingText_instagram + .articleStylingText_button {
      margin-left: 16px; } }
  @media print, screen and (min-width: 768px) {
    .articleStylingText_instagram + .articleStylingText_button {
      margin-left: 24px; } }

/* --------------------------
  articleColumn
 ------------------------- */
.articleColumn {
  padding-bottom: 40px; }
  @media print, screen and (max-width: 767px) {
    .articleColumn {
      margin: 40px 20px 0; } }
  @media print, screen and (min-width: 768px) {
    .articleColumn {
      margin: 40px auto 0; } }

.articleColumnBox {
  background-color: #ddd;
  position: relative; }
  @media print, screen and (max-width: 767px) {
    .articleColumnBox {
      padding: 40px 20px; } }
  @media print, screen and (min-width: 768px) {
    .articleColumnBox {
      padding: 48px; } }
  .articleColumnBox::before, .articleColumnBox::after {
    position: absolute;
    display: block;
    content: '';
    background-image: url("../images/common/icon_quote.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    @media print, screen and (max-width: 767px) {
      .articleColumnBox::before, .articleColumnBox::after {
        width: 30px;
        height: 23px; } }
    @media print, screen and (min-width: 768px) {
      .articleColumnBox::before, .articleColumnBox::after {
        width: 32px;
        height: 25px; } }
  .articleColumnBox::before {
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media print, screen and (max-width: 767px) {
      .articleColumnBox::before {
        left: 20px; } }
    @media print, screen and (min-width: 768px) {
      .articleColumnBox::before {
        left: 48px; } }
  .articleColumnBox::after {
    bottom: 0;
    -webkit-transform: scale(-1, -1) translate(50%, -50%);
    -ms-transform: scale(-1, -1) translate(50%, -50%);
    transform: scale(-1, -1) translate(50%, -50%); }
    @media print, screen and (max-width: 767px) {
      .articleColumnBox::after {
        right: 20px; } }
    @media print, screen and (min-width: 768px) {
      .articleColumnBox::after {
        right: 38px; } }

.articleColumn_catch {
  letter-spacing: .05em;
  line-height: 1.66;
  font-weight: bold;
  font-size: 15px; }

.articleColumn_text {
  letter-spacing: .05em;
  line-height: 1.66;
  font-size: 15px; }
  .articleColumn_catch + .articleColumn_text {
    margin-top: 14px; }

/* --------------------------
  articleButton
 ------------------------- */
.articleButton {
  text-align: center; }
  @media print, screen and (max-width: 767px) {
    .articleButton {
      margin-top: 24px;
      padding-bottom: 24px; } }
  @media print, screen and (min-width: 768px) {
    .articleButton {
      margin-top: 40px;
      padding-bottom: 40px; } }

.articleButton_inner {
  display: inline-block;
  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 (max-width: 767px) {
    .articleButton_inner {
      padding: 18px 24px; } }
  @media print, screen and (min-width: 768px) {
    .articleButton_inner {
      padding: 18px 40px; } }
  @media print, screen and (min-width: 1025px) {
    .articleButton_inner:hover {
      color: #000;
      background-color: #fff; } }

/* --------------------------
  articleInstagramList
 ------------------------- */
.articleInstagramList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 767px) {
    .articleInstagramList {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 48px 20px 0;
      padding-bottom: 48px; } }
  @media print, screen and (min-width: 768px) {
    .articleInstagramList {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 64px -45px 0 -45px;
      padding-bottom: 64px; } }
  @media print, screen and (min-width: 768px) {
    .articleInstagramList::after {
      content: "";
      display: block;
      width: 30%; } }

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

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
  .articleInstagramList_node {
    margin: 0 25px; } }

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

@media print, screen and (min-width: 1025px) {
  .articleInstagramList_node {
    margin: 0 45px; } }

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

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

@media print, screen and (min-width: 1025px) {
  .articleInstagramList_instagram_link:hover .articleInstagramList_instagram {
    color: #1A1A1A; } }

.articleInstagramList_catch {
  letter-spacing: .05em;
  line-height: 1.6; }
  @media print, screen and (max-width: 767px) {
    .articleInstagramList_catch {
      font-size: 12px; } }
  @media print, screen and (min-width: 768px) {
    .articleInstagramList_catch {
      text-align: center; } }
  @media print, screen and (max-width: 767px) {
    .articleInstagramList_catch + * {
      margin-top: 16px; } }
  @media print, screen and (min-width: 768px) {
    .articleInstagramList_catch + * {
      margin-top: 24px; } }

.articleInstagramList_img + * {
  margin-top: 16px; }

.articleInstagramList_name {
  letter-spacing: .05em; }
  @media print, screen and (max-width: 767px) {
    .articleInstagramList_name {
      line-height: 1.7;
      font-size: 10px; } }
  @media print, screen and (min-width: 768px) {
    .articleInstagramList_name {
      line-height: 1.66;
      font-size: 12px; } }
  .articleInstagramList_name + * {
    margin-top: 8px; }

.articleInstagramList_instagram {
  letter-spacing: 0;
  font-family: "Bentham", serif;
  color: #AA9369;
  line-height: 1; }
  @media print, screen and (max-width: 767px) {
    .articleInstagramList_instagram {
      font-size: 10px; } }
  @media print, screen and (min-width: 768px) {
    .articleInstagramList_instagram {
      font-size: 12px; } }
  @media print, screen and (min-width: 1025px) {
    .articleInstagramList_instagram {
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; } }

/* --------------------------
  articleProfile
 ------------------------- */
@media print, screen and (max-width: 767px) {
  .articleProfile {
    margin: 56px 20px 0; } }

@media print, screen and (min-width: 768px) {
  .articleProfile {
    margin: 64px auto 0; } }

.articleProfileList {
  margin-top: 45px; }

.articleProfileList_node {
  margin: 0 auto; }
  @media print, screen and (min-width: 768px) {
    .articleProfileList_node {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_node + .articleProfileList_node {
      margin-top: 32px; } }
  @media print, screen and (min-width: 768px) {
    .articleProfileList_node + .articleProfileList_node {
      margin: 40px auto 0; } }

@media print, screen and (max-width: 767px) {
  .articleProfileList_node_inner:nth-child(1) {
    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 (min-width: 768px) {
  .articleProfileList_node_inner:nth-child(1) {
    width: 18.42105%; } }

@media print, screen and (min-width: 768px) {
  .articleProfileList_node_inner:nth-child(2) {
    width: 73.68421%; } }

@media print, screen and (min-width: 768px) {
  .articleProfileList_node_inner.is-img-none + .articleProfileList_node_inner {
    width: 100%; } }

@media print, screen and (min-width: 768px) {
  .articleProfileList_node_inner.is-img-none {
    display: none; } }

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

.articleProfileList_img img {
  width: 100%; }

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

.articleProfileList_position {
  font-family: "Bentham", serif;
  letter-spacing: 0; }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_position {
      font-size: 12px;
      line-height: 1.16; } }
  @media print, screen and (min-width: 768px) {
    .articleProfileList_position {
      line-height: 1.2; } }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_position + * {
      margin-top: 16px; } }

@media print, screen and (min-width: 768px) {
  .articleProfileList_textWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 16px; } }

.articleProfileList_name-jp {
  letter-spacing: .1em; }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_name-jp {
      display: block;
      font-size: 20px;
      line-height: 1.7; } }
  @media print, screen and (min-width: 768px) {
    .articleProfileList_name-jp {
      font-size: 24px; } }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_name-jp + * {
      margin-top: 8px; } }

.articleProfileList_name-en {
  font-family: "Bentham", serif;
  letter-spacing: 0;
  color: #777; }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_name-en {
      display: block;
      font-size: 10px;
      line-height: 1.3; } }
  @media print, screen and (min-width: 768px) {
    .articleProfileList_name-en {
      font-size: 12px; } }
  @media print, screen and (min-width: 768px) {
    .articleProfileList_name-jp + .articleProfileList_name-en {
      padding-left: 16px; } }

.articleProfileList_instagramWrap,
.articleProfileList_instagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

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

@media print, screen and (min-width: 1025px) {
  .articleProfileList_instagram:hover .articleProfileList_instagram_svg,
  .articleProfileList_instagram:hover .articleProfileList_instagram_account {
    color: #AA9369; } }

.articleProfileList_instagram_svg {
  color: #555; }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_instagram_svg {
      width: 10px;
      height: 10px; } }
  @media print, screen and (min-width: 768px) {
    .articleProfileList_instagram_svg {
      width: 13px;
      height: 13px; } }
  @media print, screen and (min-width: 1025px) {
    .articleProfileList_instagram_svg {
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; } }

.articleProfileList_instagram_account {
  font-family: "Bentham", serif;
  letter-spacing: 0;
  color: #777; }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_instagram_account {
      font-size: 10px; } }
  @media print, screen and (min-width: 768px) {
    .articleProfileList_instagram_account {
      font-size: 12px; } }
  @media print, screen and (min-width: 1025px) {
    .articleProfileList_instagram_account {
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; } }
  .articleProfileList_instagram_svg + .articleProfileList_instagram_account {
    margin-left: 8px; }

.articleProfileList_profile {
  margin-top: 0;
  letter-spacing: .05em;
  line-height: 1.66;
  font-size: 12px; }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_profile {
      margin-top: 24px; } }
  @media print, screen and (min-width: 768px) {
    * + .articleProfileList_profile {
      margin-top: 24px; } }
  @media print, screen and (max-width: 767px) {
    .articleProfileList_profile p + p {
      margin-top: 16px; } }
  @media print, screen and (min-width: 768px) {
    .articleProfileList_profile p + p {
      margin-top: 12px; } }
  .articleProfileList_profile a {
    color: #AA9369;
    text-decoration: underline; }
    @media print, screen and (min-width: 1025px) {
      .articleProfileList_profile a:hover {
        text-decoration: none; } }

/* --------------------------
  keyword
 ------------------------- */
@media print, screen and (max-width: 767px) {
  .c-keyword {
    margin: 40px 20px 0;
    padding-bottom: 4px; } }

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

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

@media print, screen and (min-width: 768px) {
  .articleBlog {
    margin: 0 auto;
    width: 79.16667%;
    max-width: 760px; } }

.articleBlog h2 {
  letter-spacing: .1em; }
  @media print, screen and (max-width: 767px) {
    .articleBlog h2 {
      margin-top: 40px;
      padding-bottom: 24px;
      font-size: 18px;
      line-height: 1.66; } }
  @media print, screen and (min-width: 768px) {
    .articleBlog h2 {
      margin-top: 48px;
      padding-bottom: 32px;
      font-size: 20px;
      line-height: 1.7; } }

.articleBlog p {
  letter-spacing: .05em; }
  @media print, screen and (max-width: 767px) {
    .articleBlog p {
      margin-top: 16px;
      padding-bottom: 24px;
      line-height: 1.64; } }
  @media print, screen and (min-width: 768px) {
    .articleBlog p {
      padding-bottom: 32px;
      line-height: 1.66;
      font-size: 15px; } }
  .articleBlog p img {
    display: block;
    margin: 0 auto;
    height: auto; }
    @media print, screen and (max-width: 767px) {
      .articleBlog p img {
        margin: 32px auto 0;
        padding-bottom: 8px; } }
    @media print, screen and (min-width: 768px) {
      .articleBlog p img {
        margin: 64px auto 0;
        padding-bottom: 16px; } }

.articleBlog figure,
.articleBlog .wp-caption {
  max-width: 100%; }
  @media print, screen and (max-width: 767px) {
    .articleBlog figure,
    .articleBlog .wp-caption {
      margin: 32px auto 0;
      padding-bottom: 32px; } }
  @media print, screen and (min-width: 768px) {
    .articleBlog figure,
    .articleBlog .wp-caption {
      margin: 64px auto 0;
      padding-bottom: 48px; } }
  .articleBlog figure img,
  .articleBlog .wp-caption img {
    height: auto; }

.articleBlog figcaption,
.articleBlog .wp-caption-dd {
  letter-spacing: .05em;
  text-align: center;
  line-height: 1.66;
  font-size: 12px;
  text-align: left; }
  @media print, screen and (max-width: 767px) {
    .articleBlog figcaption,
    .articleBlog .wp-caption-dd {
      margin-top: 16px; } }
  @media print, screen and (min-width: 768px) {
    .articleBlog figcaption,
    .articleBlog .wp-caption-dd {
      margin-top: 24px; } }

.articleBlog a {
  color: #AA9369;
  text-decoration: underline; }
  @media print, screen and (min-width: 1025px) {
    .articleBlog a:hover {
      text-decoration: none; } }

/* --------------------------------------------------
  c-single_bottom
 --------------------------------------------------*/
/* --------------------------
  articleStaffCredit
 ------------------------- */
.articleStaffCredit {
  letter-spacing: 0;
  font-family: "Bentham", serif;
  line-height: 1.66;
  font-size: 12px; }

/* --------------------------
  c-singleShare
 ------------------------- */
@media print, screen and (max-width: 767px) {
  .articleStaffCredit + .c-singleShare {
    margin-top: 40px; } }

/* --------------------------------------------------
  otherPostSection
 --------------------------------------------------*/
@media print, screen and (max-width: 767px) {
  .otherPostSection {
    margin: 45px 20px 0; } }

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

@media print, screen and (max-width: 767px) {
  .otherPostSection .c-postList3 {
    margin-top: 37px; } }

@media print, screen and (min-width: 768px) {
  .otherPostSection .c-postList3 {
    margin-top: 70px;
    margin-left: -45px;
    margin-right: -45px; } }

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

/* --------------------------------------------------
  relatedPostSection
 --------------------------------------------------*/
.relatedPostSection {
  margin-top: 45px; }
  @media print, screen and (max-width: 767px) {
    .otherPostSection + .relatedPostSection {
      margin-top: 85px; } }
  @media print, screen and (min-width: 768px) {
    .otherPostSection + .relatedPostSection {
      margin-top: 100px; } }
  .relatedPostSection .c-title {
    margin: 0 auto; }
    @media print, screen and (max-width: 767px) {
      .relatedPostSection .c-title {
        margin: 0 20px; } }
    @media print, screen and (min-width: 768px) {
      .relatedPostSection .c-title {
        width: 75%;
        max-width: 960px; } }
  @media print, screen and (max-width: 767px) {
    .relatedPostSection .c-postList2 {
      margin: 40px auto 0; } }
  @media print, screen and (min-width: 768px) {
    .relatedPostSection .c-postList2 {
      margin: 70px auto 0; } }

body[data-term='365-v-zone'] .headerLogo {
  color: #1A1A1A; }

body[data-term='365-v-zone'] .c-title_inner {
  font-family: MyYuMinchoM, "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  letter-spacing: .05em; }

@media print, screen and (max-width: 767px) {
  body[data-term='365-v-zone'] .otherPostSection {
    margin: 80px 20px 0; } }

@media print, screen and (min-width: 768px) {
  body[data-term='365-v-zone'] .otherPostSection {
    margin: 133px auto 0; } }

body[data-term='365-v-zone'] .otherPostSection .c-postList3 .img:before {
  padding-top: 100%; }

body[data-term='365-v-zone'] .otherPostSection .c-postList3_node {
  margin-bottom: 64px; }
  @media print, screen and (min-width: 768px) {
    body[data-term='365-v-zone'] .otherPostSection .c-postList3_node:nth-child(n+4) {
      margin-top: 0; } }

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

/* --------------------------------------------------
  vzoneContents_main
 --------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .vzoneContents_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto; } }

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

@media print, screen and (min-width: 768px) {
  .vzoneContents_mainImg {
    width: 320px; } }

.vzoneContents_mainImg.is-no-thumb {
  position: relative;
  border: 1px solid #ddd; }
  .vzoneContents_mainImg.is-no-thumb:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }

.vzoneContents_mainImg_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media print, screen and (max-width: 767px) {
  .vzoneContents_mainText {
    margin: 0 20px;
    padding: 24px 0 40px;
    border-bottom: 1px solid #ddd; } }

@media print, screen and (min-width: 768px) {
  .vzoneContents_mainText {
    padding-left: 60px;
    width: calc( 100% - 320px); } }

.vzoneContents_mainText_category {
  letter-spacing: .05em;
  line-height: 1;
  color: #AA9369; }

.vzoneContents_mainText_title {
  letter-spacing: .05em;
  line-height: 1.68; }
  @media print, screen and (max-width: 767px) {
    .vzoneContents_mainText_title {
      margin-top: 12px;
      font-size: 24px; } }
  @media print, screen and (min-width: 768px) {
    .vzoneContents_mainText_title {
      margin-top: 22px;
      font-size: 22px; } }

.vzoneContents_mainText_date {
  display: block;
  font-family: "Aleo", serif;
  letter-spacing: .1em;
  line-height: 1;
  color: #aaa; }
  @media print, screen and (max-width: 767px) {
    .vzoneContents_mainText_date {
      margin-top: 14px; } }
  @media print, screen and (min-width: 768px) {
    .vzoneContents_mainText_date {
      margin-top: 10px;
      font-size: 12px; } }

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

@media print, screen and (min-width: 768px) {
  .vzoneContents_content {
    margin: 0 auto;
    width: 79.16667%;
    max-width: 760px; } }

.vzoneContents_content h2 {
  letter-spacing: .1em; }
  @media print, screen and (max-width: 767px) {
    .vzoneContents_content h2 {
      margin-top: 40px;
      padding-bottom: 24px;
      font-size: 18px;
      line-height: 1.66; } }
  @media print, screen and (min-width: 768px) {
    .vzoneContents_content h2 {
      margin-top: 48px;
      padding-bottom: 32px;
      font-size: 20px;
      line-height: 1.7; } }

.vzoneContents_content p {
  letter-spacing: .05em; }
  @media print, screen and (max-width: 767px) {
    .vzoneContents_content p {
      margin-top: 16px;
      padding-bottom: 24px;
      line-height: 1.64; } }
  @media print, screen and (min-width: 768px) {
    .vzoneContents_content p {
      padding-bottom: 32px;
      line-height: 1.66;
      font-size: 15px; } }
  .vzoneContents_content p img {
    display: block;
    margin: 0 auto;
    height: auto; }
    @media print, screen and (max-width: 767px) {
      .vzoneContents_content p img {
        margin: 32px auto 0;
        padding-bottom: 8px; } }
    @media print, screen and (min-width: 768px) {
      .vzoneContents_content p img {
        margin: 64px auto 0;
        padding-bottom: 16px; } }

.vzoneContents_content figure,
.vzoneContents_content .wp-caption {
  max-width: 100%; }
  @media print, screen and (max-width: 767px) {
    .vzoneContents_content figure,
    .vzoneContents_content .wp-caption {
      margin: 32px auto 0;
      padding-bottom: 32px; } }
  @media print, screen and (min-width: 768px) {
    .vzoneContents_content figure,
    .vzoneContents_content .wp-caption {
      margin: 64px auto 0;
      padding-bottom: 48px; } }
  .vzoneContents_content figure img,
  .vzoneContents_content .wp-caption img {
    height: auto; }

.vzoneContents_content figcaption,
.vzoneContents_content .wp-caption-dd {
  letter-spacing: .05em;
  text-align: center;
  line-height: 1.66;
  font-size: 12px;
  text-align: left; }
  @media print, screen and (max-width: 767px) {
    .vzoneContents_content figcaption,
    .vzoneContents_content .wp-caption-dd {
      margin-top: 16px; } }
  @media print, screen and (min-width: 768px) {
    .vzoneContents_content figcaption,
    .vzoneContents_content .wp-caption-dd {
      margin-top: 24px; } }

.vzoneContents_content a {
  color: #AA9369;
  text-decoration: underline; }
  @media print, screen and (min-width: 1025px) {
    .vzoneContents_content a:hover {
      text-decoration: none; } }

@media print, screen and (max-width: 767px) {
  .vzoneContents_content {
    padding-top: 40px; } }

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

@media print, screen and (max-width: 767px) {
  .vzoneContents_content .articleCredit {
    margin: 16px 0 0; } }

.vzoneContents_content .c-credit {
  width: 100%; }
  .vzoneContents_content .c-credit a {
    color: #1A1A1A;
    text-decoration: none; }