@charset "utf-8";

@media screen and (min-width: 821px) {
  .btn-wrap.__return-btn {margin-top: min(4.72vw, 6.8rem)}
}
/* ------------------------------------------------------
News一覧ページ
------------------------------------------------------ */
.news-content {
  padding: 0 min(4.51vw, 6.5rem);
}
.news-content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1280px;
  margin: auto;
}
/* news　一覧ページ */
.category-list {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 19.53%;
  padding: min(3.06vw, 4.4rem) min(1.25vw, 1.8rem);
  background-color: rgba(255,255,255,.4);
  border: 1px solid  rgba(255,255,255,1);
  border-radius: 0.69vw;
  font-size: min(0.97vw, 1.4rem);
  letter-spacing: 0.1em;
  /* 暫定措置 */
  visibility: hidden;
}
.category-list .btn-all {
  position: relative;
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--gradation-01-left);
  border-radius: 100vh;
  padding: .5em 2em;
  color: #fff;
  line-height: 1.2;
}
.tag-list {
  margin-top: 3.2857em;
  padding: 0 1.2857em;
}
.tag-list> li+ li {
  margin-top: 1.4285em;
}
.tag-list> li a {
  line-height: 1.2
}
.btn-all {
  position: relative;
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--gradation-01-left);
  border-radius: 100vh;
  padding: .5em 2em;
  color: #fff;
  line-height: 1.2;
}
.tag-list {
  margin-top: 3.2857em;
  padding: 0 1.2857em;
}
.tag-list> li+ li {
  margin-top: 1.4285em;
}
.tag-list> li a {
  line-height: 1.2
}
.news-wrapper {
  width: 71.48%;
}
.news-list__item {
  background-color: rgba(255, 255, 255, .4);
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 0.69vw;
  font-size: min(0.97vw, 1.4rem);
  letter-spacing: 0.1em;
}
.news-list__item+ .news-list__item {
  margin-top: min(8vw, 3rem);
}
.news-list__item> a {
  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;
  min-height: min(13.19vw, 19rem);
  padding: min(2.08vw, 3rem)  min(2.5vw, 3.6rem) ;
}
.news-list__thumb {
  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: 27.3159%;
  height: 100%;
  aspect-ratio: 23/13;
  border-radius: 0.35vw;
  overflow: hidden;
}
.news-list__body {
  width: 65.7957%;
}
.news-list__body .date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1em;
}
.news-list__body .date {
  font-size: min(1.53vw, 2.2rem);
  font-weight: bold;
  line-height: 1;
}
.news-list__body .category {
  min-width: 7.8em;
  margin-left: 2.15em;
  padding: 0 2em;
  background-color: var(--color-blk);
  border-radius: 100vh;
  font-size: min(0.97vw, 1.4rem);
  text-align: center;
  line-height: 1.44;
  color: #fff;
}
.news-list__body .news-text {
  font-size: min(1.04vw, 1.5rem);
  line-height: 1.8666;
  letter-spacing: normal;
}
@media screen and (min-width: 821px) {
  .news-list__body .news-text {
    display: inline;
    background: var(--gradation-01-left) no-repeat;
    background-size: 0 100%;
    transition: all .4s ease-out;
  }
  a:hover .news-list__body .news-text {
    background-size: 100% 100%;
    color: #fff;
  }
}
@media screen and (max-width: 820px) {
  .news-content { padding: 0 2.67vmin; }
  .news-content__inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column; }
  .news-wrapper { width: 100%; }
  .news-list__item { border-radius: 4vmin}
  .news-list__item> a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 6.93vmin 5vmin 8vmin;}
  .news-list__thumb, .news-list__body { width: 100%; }
  .news-list__thumb { border-radius: 1.33vmin; }
  .news-list__body { padding: 8vmin 5.33vmin 0; }
  .news-list__body .date-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start}
  .news-list__body .date {font-size: 5.33vmin; }
  .news-list__body .category {
    margin-top: .76em;
    margin-left: 0;
    padding: .15em 2em;
    font-size: 3.47vmin;
  }
  .news-list__body .news-text {font-size: 4vmin; margin-top: 1em }
  .category-list {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 88.1%;
    margin: 13.33vmin auto 0;
    padding: 10.67vmin 6.45vmin;
    border-radius: 4vmin;
    font-size: 3.73vmin
  }
  .tag-list { margin-top: 2.8571em}
}

/* ------------------------------------------------------
.news-detail 詳細ページ
------------------------------------------------------ */
.news-detail #content-wrap {z-index: 1}
/* フォントサイズ　ベース　16px */
.wp--editor p, .wp--editor figure, .wp--editor ul, .wp--editor ol {
  font-size: min(1.11vw, 1.6rem);
}
.wp--date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 19.53%;
  font-size: min(0.97vw, 1.4rem);
  font-weight: bold;
  letter-spacing: 0.1em;
}
.wp--date-wrap .date {
  font-size: min(2.43vw, 3.5rem);
}
.wp--date-wrap .category {
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 12.9em;
  padding: 0 2em;
  background-color: var(--color-blk);
  border-radius: 100vh;
  font-size: min(0.97vw, 1.4rem);
  text-align: center;
  line-height: 2.15;
  color: #fff;
}
.wp--editor {
  width: 75.8%;
}
.wp--editor .news__heading {
  margin-bottom: .7em;
  font-size: min(3.47vw, 5.0rem);
  font-weight: bold;
  line-height: 1.6;
}
/*.wp--editor .h2--default:nth-of-type(n + 2) {
  margin-top: 2em
}
.wp--editor .h3--default:nth-of-type(n + 2) {
  margin-top: 2em
}
.wp--editor hr {
  margin: 4em 0;
  font-size: min(1.11vw, 1.6rem);
  line-height: 1.8;
}*/
.wp--editor p {
  margin-bottom: 1.8em;
  line-height: 1.8;
}
.wp--editor a {
  text-decoration:underline;
}
.wp--editor a:hover{
  text-decoration:none;
}
.wp--editor .news-MV {
  margin-bottom: 6.88em;
  border-radius: 1.04vw;
  overflow: hidden;
  font-size: min(1.11vw, 1.6rem);
  line-height: 1.8;
}
@media screen and (max-width: 820px) {
  .wp--editor p, .wp--editor figure, .wp--editor ul, .wp--editor ol {
    font-size: 3.73vmin
  }
  .wp--date-wrap {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .wp--date-wrap .date { font-size: 5.33vmin;}
  .wp--date-wrap .category {
    min-width: 8.3333em;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    font-size: 3.2vmin;
    line-height: 1.9166;
  }
  .wp--editor { width: 100%; }
  .wp--editor .news__heading {
    font-size: 8vmin;
    line-height: 1.5;
  }
}
/* image */
.wp--editor figure {
  overflow: hidden;
  line-height: 1.8;
}
.wp--editor figure img {
  border-radius: 1.04vw;
  overflow: hidden;
}
.wp--editor figure figcaption {
  margin-top: .8em;
  font-size: .875em;
}
.image-list {
  margin-top: min(4.51vw, 6.5rem)
}
.image-list--col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.image-list--col2 .image-list__item {
  width: 46.1855%;
}
.image-list .img-L {
  width: 72.1649%;
  margin: auto;
}
.txtImg-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: min(4.51vw, 6.5rem);
}
.txtImg-wrap .txtImg-wrap__item--text {
  width: 53.6082%;
}
.txtImg-wrap .txtImg-wrap__item--image {
  width: 39.1752%;
}
@media screen and (min-width: 821px) {
  .image-list--col2 .image-list__item:nth-of-type(n + 3) {
    margin-top: 3em; 
  }
}
@media screen and (max-width: 820px) {
  .image-list { margin-top: 21.33vmin}
  .image-list--col2 .image-list__item { width: 100%}
  .image-list__item+ .image-list__item {margin-top: 1em;}
  .image-list .img-L { width: 100%}
  .txtImg-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column;}
  .txtImg-wrap .txtImg-wrap__item--text,
  .txtImg-wrap .txtImg-wrap__item--image { width: 100%;}
  .txtImg-wrap .txtImg-wrap__item--image { margin-top: 12.27vmin}
}

/* new_arrivals */
.news-detail .new_arrivals {
  position: relative;
  margin: auto;
  margin-top: min(5.83vw, 8.4rem);
  padding-top: min(5.83vw, 8.4rem);
}
.news-detail .new_arrivals::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc((100vw - 100%) / -2);
  width: 100vw;
  height: 300%;
  background-color: #D9E1E6;
  z-index: -1;
  pointer-events: none;
}
.news-detail .new_arrivals .title-tag {
  margin: auto;
  font-size: min(2.08vw, 3.0rem);
  text-align: center;
  font-weight: bold;
}
.news-detail .new_arrivals .title-tag span {
  position: relative;
  display: inline-block;
  height: 100%;
}
.news-detail .new_arrivals .title-tag span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--gradation-01-left);
}
.news-detail .news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1280px;
  margin: auto;
  margin-top: min(4.17vw, 6.0rem);
}
.news-detail .news-list__item+ .news-list__item {margin: 0}
.news-detail .news-list__item> a,
.news-detail .news-list__body .date-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
} 
.news-detail .news-list__body .date-wrap {
  margin-top: min(1.39vw, 2.0rem)
} 
.news-detail .news-list__thumb,
.news-detail .news-list__body,
.news-detail .news-text {
  width: 100%
}
.news-detail .news-list__item {
  width: 23.28125%;
  background-color: #fff;
  border-radius: 1.04vw;
}
/* 暫定措置 */
.news-detail .news-list__item:nth-of-type(n + 5) {
  display: none;
}

.news-detail .news-list__thumb {
  border-radius: 0.35vw;
  background-color: #ccc;
}
.news-detail .news-list__item> a {
  padding: min(1.67vw, 2.4rem) min(2.08vw, 3rem);
}
.news-detail .news-list__body .date {
  display: block;
  font-size: min(1.25vw, 1.8rem);
  letter-spacing: .01em;
}
.news-detail .news-list__body .category {
  display: block;
  margin: 0;
  margin-top: .8em;
  padding: 0 2.5em;
  min-width: auto;
  font-size: min(0.83vw, 1.2rem);
  line-height: 1.7em;
}
@media screen and (max-width: 820px) {
  .news-detail .new_arrivals {
    margin-bottom: 0;
    padding: 14.93vmin 2.67vmin 0;
  }
  .news-detail .news-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-top: 14.4vmin;
  }
  .news-detail .news-list__item, .news-detail .js-flex > .empty {
    width: 100%;
  }
  .news-detail .news-list__item { border-radius: 4vmin}
  .news-detail .news-list__item+ .news-list__item { margin-top: 5.87vmin}
  .news-detail .new_arrivals .title-tag { font-size: 6.67vmin;}
  .news-detail .news-list__thumb { border-radius: 1.33vmin;}
  .news-detail .news-list__item> a { padding: 8vmin 5.33vmin; }
  .news-detail .news-list__body .date { font-size: 5.33vmin;}
  .news-detail .news-list__body .category { font-size: 3.47vmin;}
}

/* footer */
.news-detail .footer {
  background-color: #D9E1E6;
}



/* ------------------------------------------------------
公開まで暫定措置
------------------------------------------------------ */
.category-list { display: none;}
.news-wrapper { width: 100%;}
.pagenavi { display: none}