@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: 'TrajanPro-Bold';
  src: url("../../font/TrajanPro-Bold.woff"); }

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

.sp_only {
  display: none !important; }

#summer_essentioal_200520 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #58595b; }
  #summer_essentioal_200520 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  #summer_essentioal_200520 .content_wrap {
    width: 1000px;
    margin: 0 auto;
    position: relative; }
  #summer_essentioal_200520 .ttl {
    font-family: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho","Hiragino Mincho ProN",HGS明朝E ,"yumin","メイリオ",serif;
    font-size: 22px;
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 50px; }
    #summer_essentioal_200520 .ttl::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.5) * 0.5em); }
    #summer_essentioal_200520 .ttl::after {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.5) * 0.5em); }
    #summer_essentioal_200520 .ttl span {
      font-size: 38px; }
  #summer_essentioal_200520 .item_txt {
    font-size: 14px;
    letter-spacing: 0.07em;
    margin-top: 20px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: 'EBGaramond';
    text-align: left;
    white-space: nowrap;
    line-height: 1.5; }
    #summer_essentioal_200520 .item_txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.5) * 0.5em); }
    #summer_essentioal_200520 .item_txt::after {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.5) * 0.5em); }
  #summer_essentioal_200520 .txt {
    font-size: 13px;
    letter-spacing: 0.12em;
    text-align: center;
    line-height: 2;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    margin-top: 60px; }
    #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 .mv .txt {
    margin-top: 64px; }
  #summer_essentioal_200520 .sec01 {
    margin-top: 74px;
    position: relative; }
  #summer_essentioal_200520 .sec02 {
    margin-top: 113px;
    position: relative; }
    #summer_essentioal_200520 .sec02 .content_wrap {
      padding-right: 300px; }
  #summer_essentioal_200520 .sec03 {
    position: relative;
    margin-top: 113px; }
  #summer_essentioal_200520 .sec04 {
    margin-top: 112px;
    position: relative; }
    #summer_essentioal_200520 .sec04 .content_wrap {
      padding-left: 300px; }
  #summer_essentioal_200520 .sec05 {
    margin-top: 113px;
    position: relative; }
  #summer_essentioal_200520 img {
    width: 100%; }
  #summer_essentioal_200520 .txt_wrap {
    text-align: center; }
  #summer_essentioal_200520 .mv_img {
    width: 1000px;
    margin-left: auto;
    margin-right: auto; }
  #summer_essentioal_200520 .img01 {
    width: calc(848px / 2);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 10px; }
    #summer_essentioal_200520 .img01::before {
      content: "";
      display: block;
      width: 400px;
      height: 598px;
      border: 1px solid #000;
      position: absolute;
      left: -10px;
      top: -10px;
      z-index: -1; }
  #summer_essentioal_200520 .img02 {
    width: calc(968px / 2);
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    #summer_essentioal_200520 .img02::before {
      content: "";
      display: block;
      width: 457px;
      height: 687px;
      border: 1px solid #000;
      position: absolute;
      right: 2px;
      top: -10px;
      z-index: -1; }
    #summer_essentioal_200520 .img02 img {
      position: relative;
      right: 10px; }
    #summer_essentioal_200520 .img02 .item_txt {
      margin-left: 10px; }
  #summer_essentioal_200520 .img03 {
    width: calc(834px / 2);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 7px; }
    #summer_essentioal_200520 .img03::before {
      content: "";
      display: block;
      width: 400px;
      height: 598px;
      border: 1px solid #000;
      position: absolute;
      left: -10px;
      top: -10px;
      z-index: -1; }
  #summer_essentioal_200520 .img04 {
    width: calc(968px / 2);
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    #summer_essentioal_200520 .img04::before {
      content: "";
      display: block;
      width: 457px;
      height: 687px;
      border: 1px solid #000;
      position: absolute;
      right: 1px;
      top: -10px;
      z-index: -1; }
    #summer_essentioal_200520 .img04 img {
      position: relative;
      right: 10px; }
    #summer_essentioal_200520 .img04 .item_txt {
      margin-left: 10px; }
  #summer_essentioal_200520 .img05 {
    width: calc(848px / 2);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 11px; }
    #summer_essentioal_200520 .img05::before {
      content: "";
      display: block;
      width: 400px;
      height: 598px;
      border: 1px solid #000;
      position: absolute;
      left: -10px;
      top: -10px;
      z-index: -1; }
  #summer_essentioal_200520 .ttl01 {
    width: 48.5px;
    position: absolute;
    right: -24px;
    bottom: 52px;
    z-index: -2; }
  #summer_essentioal_200520 .ttl02 {
    width: 48.5px;
    position: absolute;
    left: -26px;
    bottom: 78px;
    z-index: -2; }
  #summer_essentioal_200520 .ttl03 {
    width: 48.5px;
    position: absolute;
    right: -24px;
    bottom: 73px;
    z-index: -2; }
  #summer_essentioal_200520 .ttl04 {
    width: 48.5px;
    position: absolute;
    left: -24px;
    bottom: 76px;
    z-index: -2; }
  #summer_essentioal_200520 .ttl05 {
    width: 48.5px;
    position: absolute;
    right: -24px;
    bottom: 85px;
    z-index: -2; }
  #summer_essentioal_200520 .staff {
    text-align: center;
    font-size: 14px;
    line-height: 1.7;
    font-family: "EBGaramond", serif;
    letter-spacing: 0.03em;
    border-bottom: 1px solid #acacad;
    width: 1100px;
    margin: 146px auto 0;
    padding-bottom: 138px; }
  #summer_essentioal_200520 .btn_all {
    margin-top: 133px;
    padding-bottom: 0px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1100px;
    margin-left: auto;
    margin-right: auto; }
    #summer_essentioal_200520 .btn_all a {
      font-size: 20px;
      font-family: "EBGaramond", serif;
      color: #000;
      border-bottom: double 3px #cacaca;
      padding-bottom: 4px;
      letter-spacing: 0.02em; }
  #summer_essentioal_200520 .archive_slider h4 {
    letter-spacing: .04em;
    padding: 64px 0 36px; }
  #summer_essentioal_200520 .archive_slider .ArchiveTitle {
    font-size: 18px;
    font-family: "EBGaramond", serif;
    text-align: center;
    line-height: 1.4;
    margin-top: 20px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.03em; }
    #summer_essentioal_200520 .archive_slider .ArchiveTitle::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.4) * 0.5em); }
    #summer_essentioal_200520 .archive_slider .ArchiveTitle::after {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2) * 0.5em); }
    #summer_essentioal_200520 .archive_slider .ArchiveTitle span.ja {
      font-size: 13px;
      font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
      line-height: 1;
      margin: 5px 0;
      display: block; }
  #summer_essentioal_200520 .archive_slider .date {
    font-size: 12px;
    font-family: "EBGaramond", serif;
    margin-top: 8px; }
  #summer_essentioal_200520 .bx-viewport {
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }