@charset "UTF-8";
@font-face {
  font-family: 'CormorantGaramond';
  src: url("../../font/CormorantGaramond-Medium.woff"); }

@font-face {
  font-family: 'EBGaramond';
  src: url("../../font/EBGaramond-Regular.woff"); }

@font-face {
  font-family: 'yumin';
  src: url("../../font/yumin.woff"); }

@font-face {
  font-family: 'yuminl';
  src: url("../../font/yuminl.woff"); }

@font-face {
  font-family: 'Allura';
  src: url("../../font/Allura-Regular_0.woff"); }

.pc_only {
  display: none !important; }
#breadcrumb li{
    display: inline-block;
}
#breadcrumb ul{
    display: flex;
    flex-wrap: wrap;
}
#summer_essentioal_200520 {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
  color: #58595B;
  margin-bottom: calc(160 * (100vw / 750)); }
  #summer_essentioal_200520 .content_wrap {
    width: 100%;
    margin: 0 auto; }
  #summer_essentioal_200520 .item_txt {
    font-size: calc(28 * (100vw / 750));
    letter-spacing: 0.03em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "EBGaramond";
    text-align: left;
    margin-top: calc(40 * (100vw / 750));
    line-height: 1.6;
    white-space: nowrap; }
    #summer_essentioal_200520 .item_txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.6) * 0.5em); }
    #summer_essentioal_200520 .item_txt::after {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.6) * 0.5em); }
  #summer_essentioal_200520 .txt {
    font-size: calc(26 * (100vw / 750));
    text-align: center;
    line-height: 2;
    letter-spacing: 0.12em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    width: calc(675 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    margin-top: calc(80 * (100vw / 750));
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
    #summer_essentioal_200520 .txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2) * 0.5em); }
    #summer_essentioal_200520 .txt::after {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2) * 0.5em); }
    #summer_essentioal_200520 .txt br {
      display: none; }
  #summer_essentioal_200520 .ttl {
    font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho","Hiragino Mincho ProN",HGS明朝E ,"yumin","メイリオ",serif;
    font-size: calc(40 * (100vw / 750));
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: #000;
    text-align: center;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: calc(75 * (100vw / 750)); }
    #summer_essentioal_200520 .ttl span {
      font-size: calc(54 * (100vw / 750)); }
  #summer_essentioal_200520 .sec01,
  #summer_essentioal_200520 .sec02,
  #summer_essentioal_200520 .sec03,
  #summer_essentioal_200520 .sec04,
  #summer_essentioal_200520 .sec05,
  #summer_essentioal_200520 .sec06 {
    margin-top: calc(130 * (100vw / 750));
    position: relative; }
  #summer_essentioal_200520 .sec02 {
    margin-top: calc(150 * (100vw / 750)); }
  #summer_essentioal_200520 .sec03 {
    position: relative;
    margin-top: calc(150 * (100vw / 750)); }
    #summer_essentioal_200520 .sec03 .bg {
      background: #c5ccad;
      width: 100%;
      height: calc(623 * (100vw / 750));
      display: block;
      position: absolute;
      top: calc(100 * (100vw / 750));
      z-index: -1; }
    #summer_essentioal_200520 .sec03 .typo {
      font-size: calc(63 * (100vw / 750));
      color: #fff;
      font-family: 'TrajanPro-Regular';
      line-height: 1.12;
      position: absolute;
      top: calc(280 * (100vw / 750));
      margin-left: calc(420 * (100vw / 750)); }
  #summer_essentioal_200520 .sec04 {
    margin-top: calc(150 * (100vw / 750)); }
  #summer_essentioal_200520 .sec05 {
    margin-top: calc(155 * (100vw / 750)); }
  #summer_essentioal_200520 .sec06 {
    margin-top: calc(155 * (100vw / 750)); }
  #summer_essentioal_200520 img {
    width: 100%; }
  #summer_essentioal_200520 .mv_img {
    width: calc(750 * (100vw / 750)); }
  #summer_essentioal_200520 .img01 {
    width: calc(563 * (100vw / 750));
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: calc(18 * (100vw / 750)); }
    #summer_essentioal_200520 .img01::before {
      content: "";
      display: block;
      width: calc(525 * (100vw / 750));
      height: calc(787 * (100vw / 750));
      border: 1px solid #000;
      position: absolute;
      left: calc(-20 * (100vw / 750));
      top: calc(-20 * (100vw / 750));
      z-index: -1; }
  #summer_essentioal_200520 .img02 {
    width: calc(638 * (100vw / 750));
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    #summer_essentioal_200520 .img02::before {
      content: "";
      display: block;
      width: calc(600 * (100vw / 750));
      height: calc(895 * (100vw / 750));
      border: 1px solid #000;
      position: absolute;
      right: calc(0 * (100vw / 750));
      top: calc(-22 * (100vw / 750));
      z-index: -1; }
    #summer_essentioal_200520 .img02 img {
      position: relative;
      right: calc(18 * (100vw / 750)); }
    #summer_essentioal_200520 .img02 .item_txt {
      margin-left: calc(20 * (100vw / 750)); }
  #summer_essentioal_200520 .img03 {
    width: calc(563 * (100vw / 750));
    margin-left: calc(40 * (100vw / 750));
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: calc(18 * (100vw / 750)); }
    #summer_essentioal_200520 .img03::before {
      content: "";
      display: block;
      width: calc(525 * (100vw / 750));
      height: calc(784 * (100vw / 750));
      border: 1px solid #000;
      position: absolute;
      left: calc(-20 * (100vw / 750));
      top: calc(-20 * (100vw / 750));
      z-index: -1; }
  #summer_essentioal_200520 .img04 {
    width: calc(638 * (100vw / 750));
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    #summer_essentioal_200520 .img04::before {
      content: "";
      display: block;
      width: calc(600 * (100vw / 750));
      height: calc(895 * (100vw / 750));
      border: 1px solid #000;
      position: absolute;
      right: calc(0 * (100vw / 750));
      top: calc(-20 * (100vw / 750));
      z-index: -1; }
    #summer_essentioal_200520 .img04 img {
      position: relative;
      right: calc(18 * (100vw / 750)); }
    #summer_essentioal_200520 .img04 .item_txt {
      margin-left: calc(20 * (100vw / 750)); }
  #summer_essentioal_200520 .img05 {
    width: calc(563 * (100vw / 750));
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: calc(18 * (100vw / 750)); }
    #summer_essentioal_200520 .img05::before {
      content: "";
      display: block;
      width: calc(525 * (100vw / 750));
      height: calc(784 * (100vw / 750));
      border: 1px solid #000;
      position: absolute;
      left: calc(-20 * (100vw / 750));
      top: calc(-20 * (100vw / 750));
      z-index: -1; }
  #summer_essentioal_200520 .ttl01 {
    width: calc(68 * (100vw / 750));
    right: calc(-39 * (100vw / 750));
    position: absolute;
    bottom: calc(141 * (100vw / 750));
    z-index: -1; }
  #summer_essentioal_200520 .ttl02 {
    width: calc(68 * (100vw / 750));
    left: calc(-35 * (100vw / 750));
    position: absolute;
    bottom: calc(147 * (100vw / 750));
    z-index: -1; }
  #summer_essentioal_200520 .ttl03 {
    width: calc(68 * (100vw / 750));
    right: calc(-39 * (100vw / 750));
    position: absolute;
    bottom: calc(142 * (100vw / 750));
    z-index: -1; }
  #summer_essentioal_200520 .ttl04 {
    width: calc(68 * (100vw / 750));
    left: calc(-35 * (100vw / 750));
    position: absolute;
    bottom: calc(192 * (100vw / 750));
    z-index: -1; }
  #summer_essentioal_200520 .ttl05 {
    width: calc(68 * (100vw / 750));
    right: calc(-39 * (100vw / 750));
    position: absolute;
    bottom: calc(186 * (100vw / 750));
    z-index: -1; }
  #summer_essentioal_200520 .staff {
    text-align: center;
    margin-top: calc(170 * (100vw / 750));
    font-family: "EBGaramond", serif;
    line-height: 1.7;
    font-size: calc(28 * (100vw / 750));
    letter-spacing: 0.03em;
    margin-bottom: calc(155 * (100vw / 750)); }
  #summer_essentioal_200520 .btn_all {
    text-align: center;
    margin-top: calc(160 * (100vw / 750));
    margin-bottom: calc(160 * (100vw / 750)); }
    #summer_essentioal_200520 .btn_all a {
      text-align: center;
      font-family: "EBGaramond", serif;
      letter-spacing: 0.03em;
      font-size: calc(40 * (100vw / 750));
      border-bottom: double 4px #c0c0c0;
      padding-bottom: calc(6 * (100vw / 750));
      color: #000; }
  #summer_essentioal_200520 .ArchiveTitle {
    font-family: "EBGaramond", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }
    #summer_essentioal_200520 .ArchiveTitle span.ja {
      font-size: calc(26 * (100vw / 750)); }
    #summer_essentioal_200520 .ArchiveTitle .ja:nth-child(1) {
      margin-bottom: calc(18 * (100vw / 750)); }
  #summer_essentioal_200520 .bx-wrapper {
    width: calc(580 * (100vw / 750));
    padding-bottom: calc(10 * (100vw / 750)); }
  #summer_essentioal_200520 .archive_slider {
    border-top: 1px solid #acacad; }
    #summer_essentioal_200520 .archive_slider .date span {
      font-size: calc(24 * (100vw / 750));
      font-family: "EBGaramond"; }
  #summer_essentioal_200520 .archive_slider > h4 {
    font-family: "EBGaramond", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    margin-top: calc(20 * (100vw / 750)); }
  #summer_essentioal_200520 .feed-next-btn {
    right: -2%;
    top: 27%; }
  #summer_essentioal_200520 .feed-prev-btn {
    left: -2%;
    top: 27%; }