@charset "UTF-8";
#breadcrumb{
  display: none;
}
/* header */
/* .header-nav.header-nav_fixed,
.newsticker {
  display: none;
} */
header{
  text-align: left;
  position: fixed;
  top: 0;
  z-index: 99;
  transition: transform 0.3s 0.3s;
}
.header .header-inner{
  display: none;
}
/* header.hidden {
  display: none;
} */
/* .btn-menu {
  margin-top: 0;
} */
@media screen and (max-width: 767px) {
  .btn-menu__icon.btn-search,
  .btn-menu__icon.btn-cart {
    display: none;
  }
  .main-area{
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  #Contents,
  #Wrap{
  padding: 0;
  margin: 0;
  }
  .header .header-logo{
    filter: invert(1);
    display: none;
  }
  /* .header .btn-menu .border-t,
  .header .btn-menu .border-m,
  .header .btn-menu .border-b{
    background: var(--baceColor);
  }
  .header .btn-menu.open .border-t,
  .header .btn-menu.open .border-m,
  .header .btn-menu.open .border-b{
    background: var(--txtColor);
  } */
}


/*================================
  variables
=================================*/
#issue211{
  --zindex-behind: -1;
  --zindex-middle: 0;
  --zindex-front: 1;
  --zindex-over: 10;
  --zindex-cursor: 100;
  --zindex-top: 200;
  --pointer-none: none;
  --colo-white: #fff;
  --color-txt: #000;
  --color-bg: #f7f6f2;
  --color-border: #868686;
}
#issue211 img,
#issue211 picture,
#issue211 video,
#issue211 a{
  display: inline-block;
  width: 100%;
  height: auto;
}
#issue211 video{
  object-fit: cover;
}
#issue211 a:hover{
  transition: .5s;
  opacity: .7;
}
#issue211 span{
  display: inline-block;
}
#issue211 li{
  list-style: none;
}
#issue211 .imgWrap{
  background: #fff;
  position: relative;
  transition: opacity 1.5s;
}
#issue211 .noBgCont.imgWrap{
  background: none;
}
#issue211 .flexArea{
  display: flex;
  width: 100%;
}
#issue211 .gridWrap,
#issue211 .gridWrap_pc{
  display: grid;
  margin: 0 auto;
}
/*--------------------------------
  variables for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  #issue211 .pcOnly {
    display: none!important;
  }
  #issue211 .flexAreaSp{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
  }
  #issue211 .gridWrapPc{
    display: block;
  }
}
/*--------------------------------
  variables for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue211 .spOnly {
    display: none!important;
  }
  #issue211 .pcOnly {
    display: block;
  }
  #issue211 .flexAreaPc{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
  }
  #issue211 .gridWrap,
  #issue211 .gridWrapPc{
    max-width: 140rem;
  }
}
/* end variables */

/*================================
  font
=================================*/
@font-face {
  font-family: 'sabon';
  src: url('../font/SabonLTStdRoman.otf') format('opentype');
}
#issue211 .font-en{
  /* font-family: 'Sabon LT Paneuropean', sans-serif; */
  font-family: 'sabon', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
}
#issue211 .font-en-sans{
  font-family: "usual", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
#issue211 .font-ja{
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
/*================================
  font-size
=================================*/
#issue211 [data-ttl]{
  font-size: calc(80 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.015em;
  text-align: left;
  width: calc(640 *(100vw / 750));
  margin: 0 auto calc(36 *(100vw / 750));
}
#issue211 [data-txt]{
  font-size: calc(22 *(100vw / 750));
  line-height: 2.3636363636;
  letter-spacing: 0.12em;
  text-align: left;
  width: calc(640 *(100vw / 750));
  margin: 0 auto calc(91 *(100vw / 750));
}
#issue211 [data-ttl="mvWrap"]{
  color: #fff;
  font-size: calc(99 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.025em;
  width: 100%;
  margin: 0 0 calc(24.5 *(100vw / 750)) calc(26.5 *(100vw / 750));
}
#issue211 [data-ttl="mvWrap-small"]{
  color: #fff;
  font-size: calc(28 *(100vw / 750));
  letter-spacing: 0.12em;
  letter-spacing: 0.1em;
  width: 100%;
  margin: 0 0 calc(54.4 *(100vw / 750)) calc(28 *(100vw / 750));
}
#issue211 [data-txt="mvWrap01"]{
  color: #fff;
  font-size: calc(31 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: right;
  width: 100%;
  padding-right: calc(53.5 *(100vw / 750));
  margin-bottom: calc(19 *(100vw / 750));
}
#issue211 [data-txt="mvWrap02"]{
  color: #fff;
  font-size: calc(23 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: right;
  width: 100%;
  padding-right: calc(53.5 *(100vw / 750));
}
#issue211 [data-ttl="small"]{
  font-size: calc(22 *(100vw / 750));
  letter-spacing: 0.12em;
  padding-left: calc(55 *(100vw / 750));
  margin-bottom: calc(43 *(100vw / 750));
}
#issue211 [data-txt="block01-02"]{
  font-size: calc(17 * (100vw / 750));
  line-height: 2;
  letter-spacing: 0.03em;
  letter-spacing: 0.005em;
  word-break: keep-all;
  text-align: justify;
}
#issue211 [data-txt] .txt2{
  width: 104%;
  margin: calc(30*(100vw / 750)) 0 calc(-4*(100vw / 750));
}
#issue211 [data-txt="block02"]{
  margin-bottom: calc(87 * (100vw / 750));
}
#issue211 [data-txt="block04"]{
  width: calc(645 * (100vw / 750));
  margin: 0 auto calc(87 * (100vw / 750));
}
#issue211 [data-ttl="itemWrap"]{
  font-size: calc(37 *(100vw / 750));
  width: calc(690 *(100vw / 750));
  margin-bottom: calc(22 *(100vw / 750));
}
#issue211 [data-txt="button"]{
  display: block;
  font-size: calc(25 *(100vw / 750));
  letter-spacing: 0;
  text-align: right;
  width: calc(690 *(100vw / 750));
  margin-bottom: calc(10 *(100vw / 750));
}
#issue211 [data-txt="button"] a{
  width: fit-content;
}
#issue211 [data-txt="creditName"]{
  font-size: calc(18 *(100vw / 750));
  line-height: 1.85;
  width: fit-content;
  margin: calc(21 * (100vw / 750)) 0 calc(7 * (100vw / 750));
}
#issue211 [data-txt="creditPrice"]{
  font-size: calc(18 *(100vw / 750));
  letter-spacing: 0.04em;
  width: fit-content;
  margin: 0;
}
#issue211 [data-ttl="lastWrap"],
#issue211 [data-txt="lastWrap"]{
  position: absolute;
  color: #fff;
  width: fit-content;
  margin: 0;
}
#issue211 [data-ttl="lastWrap"]{
  top: calc(38 *(100vw / 750));
  left: calc(45 *(100vw / 750));
  font-size: calc(21 *(100vw / 750));
  line-height: 1.6;
}
#issue211 [data-txt="lastWrap"]{
  bottom: calc(27 *(100vw / 750));
  right: calc(44.3 *(100vw / 750));
  font-size: calc(19 *(100vw / 750));
  letter-spacing: 0.015em;
  text-align: right;
}
/*--------------------------------
  font-size for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  /*========== common ==========*/
  #issue211 [data-ttl]{
    font-size: calc(80 *(63rem / 750));
    width: calc(640 *(63rem / 750));
    margin: 0 auto calc(36 *(63rem / 750));
  }
  #issue211 [data-txt]{
    font-size: calc(22 *(63rem / 750));
    width: calc(640 *(63rem / 750));
    margin: 0 auto calc(155 *(63rem / 750));
  }
  #issue211 [data-ttl="mvWrap"]{
    font-size: calc(99 *(63rem / 750));
    margin: 0 0 calc(24.5 *(63rem / 750)) calc(26.5 *(63rem / 750));
  }
  #issue211 [data-ttl="mvWrap-small"]{
    font-size: calc(28 *(63rem / 750));
    margin: 0 0 calc(54.4 *(63rem / 750)) calc(28 *(63rem / 750));
  }
  #issue211 [data-txt="mvWrap01"]{
    font-size: calc(31 *(63rem / 750));
    padding-right: calc(53.5 *(63rem / 750));
    padding-right: 0;
    display: block;
    margin-bottom: calc(16 *(63rem / 750));
  }
  #issue211 [data-txt="mvWrap02"]{
    font-size: calc(23 *(63rem / 750));
    padding-right: calc(53.5 *(63rem / 750));
    padding-right: 0;
    display: block;
  }
  #issue211 [data-ttl="small"]{
    font-size: calc(22 *(63rem / 750));
    padding-left: calc(55 *(63rem / 750));
    margin-bottom: calc(43 *(63rem / 750));
  }
  #issue211 [data-txt="block01-02"]{
    font-size: calc(17 * (63rem / 750));
    letter-spacing: 0.005em;
    text-align: justify;
  }
  #issue211 [data-txt] .txt2{
    margin: calc(30*(63rem / 750)) 0 calc(-4*(63rem / 750));
  }
  #issue211 [data-txt="block02"]{
    margin-bottom: calc(26 * (100vw / 750));
  }
  #issue211 [data-txt="block03"]{
    margin-bottom: calc(24 * (100vw / 750));
  }
  #issue211 [data-txt="block04"]{
    width: calc(645 * (63rem / 750));
    margin: 0 auto calc(87 * (63rem / 750));
  }
  #issue211 [data-ttl="itemWrap"]{
    font-size: calc(37 *(63rem / 750));
    width: calc(690 *(63rem / 750));
    margin-bottom: calc(22 *(63rem / 750));
  }
  #issue211 [data-txt="button"]{
    font-size: calc(25 *(63rem / 750));
    width: calc(690 *(63rem / 750));
    margin-bottom: calc(10 *(63rem / 750));
  }
  #issue211 [data-txt="creditName"]{
    font-size: calc(18 *(63rem / 750));
    width: fit-content;
    margin: calc(21 * (63rem / 750)) 0 calc(7 * (63rem / 750));
  }
  #issue211 [data-txt="creditPrice"]{
    font-size: calc(18 *(63rem / 750));
  }
  #issue211 [data-ttl="lastWrap"],
  #issue211 [data-txt="lastWrap"]{
    width: fit-content;
    margin: 0;
  }
  #issue211 [data-ttl="lastWrap"]{
    top: calc(38 *(63rem / 750));
    left: calc(45 *(63rem / 750));
    font-size: calc(21 *(63rem / 750));
  }
  #issue211 [data-txt="lastWrap"]{
    bottom: calc(27 *(63rem / 750));
    right: calc(44.3 *(63rem / 750));
    font-size: calc(19 *(63rem / 750));
  }
  /*========== fixedArea ==========*/
  #issue211 [data-ttl="fixed"]{
    font-size: calc(70.93 *(100vw / 2100));
    letter-spacing: 0.025em;
    width: fit-content;
    margin: 0 0 calc(18 *(100vw / 2100));
  }
  #issue211 [data-ttl="fixed-small"]{
    font-size: calc(17 *(100vw / 2100));
    line-height: 1;
    letter-spacing: 0.012em;
    letter-spacing: 0.1em;
    width: fit-content;
    margin: 0 0 calc(60*(100vw / 2100));
  }
  #issue211 [data-txt="fixed01"]{
    font-size: calc(13 *(100vw / 2100));
    line-height: 2.11;
    letter-spacing: 0.03em;
    width: calc(484.73 *(100vw / 2100));
    margin: 0;
  }
  #issue211 [data-txt="fixed02"]{
    font-size: calc(25 *(100vw / 2100));
    line-height: 1;
    letter-spacing: 0.03em;
    text-align: right;
    width: fit-content;
    margin: 0 0 calc(13.8 *(100vw / 2100));
  }
  #issue211 [data-txt="fixed03"]{
    font-size: calc(20 *(100vw / 2100));
    line-height: 1;
    letter-spacing: 0.03em;
    text-align: right;
    width: fit-content;
    margin: 0;
  }
}
/* end font-size */


/*================================
  layout
=================================*/
#issue211 [data-borderWrap]{
  position: relative;
  width: calc(600 *(100vw / 750));
  margin: 0 auto;
}
#issue211 [data-border]{
  background-color: #000;
  height: 1px;
}
#issue211 [data-border]{
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}
/*========== mv ==========*/
#issue211 .mvWrap{
  position: relative;
  padding-top: calc(56.2 *(100vw / 750));
  margin: 0 auto calc(62 *(100vw / 750));
}
#issue211 .mvWrap::before{
  content: "";
  position: absolute;
  top: 0;
  display: block;
  background-color: #000;
  width: 100%;
  height: calc(2400 *(100vw / 750));
  z-index: -1;
}
#issue211 .mvWrap__img{
  margin-bottom: calc(60 *(100vw / 750));
}
/*========== block ==========*/
#issue211 [data-img="img01"]{
  width: calc(426.6 *(100vw / 750));
  margin: 0 auto calc(104 *(100vw / 750));
}
#issue211 [data-txt="block01-01"]{
  width: calc(640 *(100vw / 750));
  margin: 0 auto calc(107 *(100vw / 750));
}
#issue211 [data-img="img02"]{
  width: calc(640 *(100vw / 750));
  margin: 0 auto calc(42 *(100vw / 750));
}
#issue211 [data-txt="block01-02"]{
  width: calc(640 *(100vw / 750));
  margin: 0 auto calc(228*(100vw / 750)) calc(54*(100vw / 750));
}
#issue211 [data-block="02"]{
  margin: 0 auto calc(236 *(100vw / 750));
}
#issue211 [data-borderWrap="block02"]{
  width: calc(695 *(100vw / 750));
  margin: 0 0 calc(45*(100vw / 750)) calc(55 *(100vw / 750));
}
#issue211 [data-block="03"]{
  margin: 0 auto calc(237 *(100vw / 750));
}
#issue211 [data-grid="block03"]{
  width: calc(640 *(100vw / 750));
  grid-template-columns: calc(74 *(100vw / 750)) calc(191 *(100vw / 750)) calc(39 *(100vw / 750)) calc(336 *(100vw / 750));
  grid-template-rows: calc(111 *(100vw / 750)) calc(194 *(100vw / 750)) calc(288 *(100vw / 750)) calc(85 *(100vw / 750));
}
#issue211 [data-img="img04"]{
  width: calc(390 *(100vw / 750));
  grid-column: 1/5;
  grid-row: 1/3;
  z-index: 1;
  transition: 0s!important;
}
#issue211 [data-img="img05"]{
  width: calc(336 *(100vw / 750));
  grid-column: 4/5;
  grid-row: 2/4;
  z-index: 2;
  transition: 0s!important;
}
#issue211 [data-img="img06"]{
  width: calc(492 *(100vw / 750));
  grid-column: 2/5;
  grid-row: 3/5;
  z-index: 3;
  transition: 0s!important;
}
#issue211 [data-img="img07"]{
  width: calc(375 *(100vw / 750));
  grid-column: 3/5;
  grid-row: 4/6;
  z-index: 4;
  transition: 0s!important;
}
#issue211 [data-img="img08"]{
  width: calc(334 *(100vw / 750));
  grid-column: 1/5;
  grid-row: 5/6;
  z-index: 5;
  transition: 0s!important;
}
#issue211 [data-block="04"]{
  margin: 0 auto calc(240 *(100vw / 750)); 
}
#issue211 [data-img="img09"]{
  width: calc(640 *(100vw / 750));
  margin: 0 auto calc(60 *(100vw / 750));
}
#issue211 [data-img="img10"]{
  width: calc(440 *(100vw / 750));
  margin: 0 0 0 auto;
}
#issue211 [data-img="img11"]{
  width: calc(560 *(100vw / 750));
  margin: calc(-35 *(100vw / 750)) 0 0 calc(30 *(100vw / 750));
}
#issue211 .itemWrap{
  margin: 0 auto calc(228 *(100vw / 750)); 
}
#issue211 [data-borderWrap="itemWrap"]{
  width: calc(690 *(100vw / 750));
  margin: 0 0 calc(34 * (100vw / 750)) calc(30 * (100vw / 750));
}
#issue211 .itemWrap__inner{
  width: calc(690 *(100vw / 750));
  justify-content: space-between;
  margin: 0 auto;
}
#issue211 .itemWrapInner__cont{
  width: calc(336 *(100vw / 750));
}
#issue211 .itemWrap__credit{
  display: flex;
  flex-direction: column;
}
#issue211 .lastWrap{
  background-color: #000;
  width: calc(750 *(100vw / 750));
  margin: 0 auto calc(60 *(100vw / 750));
}
#issue211 [data-img="img14"]{
  width: 50%;
}
#issue211 .lastWrap__txt{
  width: 50%;
}

/*--------------------------------
  layout for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  /*========== fixedArea ==========*/
  #issue211{
    position: relative;
  }
  #issue211 .fixedArea{
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: 2;
  }
  #issue211 .fixedArea__inner{
    position: relative;
    left: 50%;
    translate: -50% 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 97.7%;
    margin: 0 auto;
  }
  #issue211 [data-fixed]{
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: calc((100% - 63rem) / 2 - calc(79.5 * (100vw / 2100)));
    height: fit-content;
    height: 100vh;
    display: flex;
    justify-content: center;
  }
  #issue211 [data-fixed="left"]{
    top: 24vh;
    top: 0;
    align-items: baseline;
    padding-left: calc(79.5 * (100vw / 2100));
  }
  #issue211 [data-fixed="right"]{
    top: 34.4vh;
    top: 0;
    align-items: flex-end;
    padding-right: calc(79.5 * (100vw / 2100));
  }
  #issue211 .contWrap{
    width: 63rem;
    position: relative;
    z-index: 2;
    min-height: 100vh;
    margin: 0 auto;
    overflow: clip;
  }
  #issue211 .fixedArea{
    background-color: #000;
    transition: 1s;
  }
  #issue211 .fixedArea.colorChange{
    background-color: #fff;
    transition: 1s;
  }
  #issue211 [data-ttl="fixed"],
  #issue211 [data-ttl="fixed-small"],
  #issue211 [data-txt="fixed01"],
  #issue211 [data-txt="fixed02"],
  #issue211 [data-txt="fixed03"]{
    color: #fff;
  }
  #issue211 .colorChange [data-ttl="fixed"],
  #issue211 .colorChange [data-ttl="fixed-small"],
  #issue211 .colorChange [data-txt="fixed01"],
  #issue211 .colorChange [data-txt="fixed02"],
  #issue211 .colorChange [data-txt="fixed03"]{
    color: #000;
  }
  /*========== common ==========*/
  #issue211 [data-borderWrap]{
    width: calc(600 *(63rem / 750));
  }
  #issue211 .mvWrap{
    padding-top: calc(56.2 *(63rem / 750));
    margin: 0 auto calc(62 *(63rem / 750));
  }
  #issue211 .mvWrap::before{
    height: calc(1998 *(63rem / 750));
  }
  #issue211 .mvWrap__img{
    margin-bottom: calc(60 *(63rem / 750));
  }
  /*========== block ==========*/
  #issue211 [data-img="img01"]{
    width: calc(426.6 *(63rem / 750));
    margin: 0 auto calc(104 *(63rem / 750));
  }
  #issue211 [data-txt="block01-01"]{
    width: calc(640 *(63rem / 750));
    margin: 0 auto calc(107 *(63rem / 750));
  }
  #issue211 [data-img="img02"]{
    width: calc(640 *(63rem / 750));
    margin: 0 auto calc(42 *(63rem / 750));
  }
  #issue211 [data-txt="block01-02"]{
    width: calc(640 *(63rem / 750));
    margin: 0 auto calc(228*(63rem / 750)) calc(54*(63rem / 750));
  }
  #issue211 [data-block="02"]{
    margin: 0 auto calc(236 *(63rem / 750));
  }
  #issue211 [data-borderWrap="block02"]{
    width: calc(695 *(63rem / 750));
    margin: 0 0 calc(45*(63rem / 750)) calc(55 *(63rem / 750));
  }
  #issue211 [data-block="03"]{
    margin: 0 auto calc(237 *(63rem / 750));
  }
  #issue211 [data-grid="block03"]{
    width: calc(640 *(63rem / 750));
    grid-template-columns: calc(74 *(63rem / 750)) calc(191 *(63rem / 750)) calc(39 *(63rem / 750)) calc(336 *(63rem / 750));
    grid-template-rows: calc(111 *(63rem / 750)) calc(194 *(63rem / 750)) calc(288 *(63rem / 750)) calc(85 *(63rem / 750));
  }
  #issue211 [data-img="img04"]{
    width: calc(390 *(63rem / 750));
  }
  #issue211 [data-img="img05"]{
    width: calc(336 *(63rem / 750));
  }
  #issue211 [data-img="img06"]{
    width: calc(492 *(63rem / 750));
  }
  #issue211 [data-img="img07"]{
    width: calc(375 *(63rem / 750));
  }
  #issue211 [data-img="img08"]{
    width: calc(334 *(63rem / 750));
  }
  #issue211 [data-block="04"]{
    margin: 0 auto calc(240 *(63rem / 750)); 
  }
  #issue211 [data-img="img09"]{
    width: calc(640 *(63rem / 750));
    margin: 0 auto calc(60 *(63rem / 750));
  }
  #issue211 [data-img="img10"]{
    width: calc(440 *(63rem / 750));
  }
  #issue211 [data-img="img11"]{
    width: calc(560 *(63rem / 750));
    margin: calc(-35 *(63rem / 750)) 0 0 calc(30 *(63rem / 750));
  }
  #issue211 .itemWrap{
    margin: 0 auto calc(72 *(63rem / 750)); 
  }
  #issue211 [data-borderWrap="itemWrap"]{
    width: calc(690 *(63rem / 750));
    margin: 0 0 calc(34 * (63rem / 750)) calc(30 * (63rem / 750));
  }
  #issue211 .itemWrap__inner{
    width: calc(690 *(63rem / 750));
  }
  #issue211 .itemWrapInner__cont{
    width: calc(336 *(63rem / 750));
  }
  #issue211 .lastWrap{
    width: calc(750 *(63rem / 750));
    margin: 0 auto calc(80 *(63rem / 750));
  }
}
/* end layout */


/*================================
  swiper
=================================*/
#issue211 .swiper{
  overflow: visible;
}
#issue211 .swiper-slide{
  line-height: 0;
}
#issue211 .swiper-slide img {
  width: 100%!important;
  height: 100%!important;
  align-items: end;
  vertical-align: bottom;
}
#issue211 .swiper-notification{
  display: none!important;
}
#issue211 .swiper-slide img{
  height: auto;
  width: 100%;
}
#issue211 .swiper-container{
  overflow: hidden;
  position: relative;
}
#issue211 .swiper-wrapper{
	width: 100%;
  height: 100%;
}
#issue211 .swiper-slide img {
  width: 100%!important;
  height: 100%!important;
  align-items: end;
  vertical-align: bottom;
}
#issue211 .swiper-notification{
  display: none!important;
}

/*================================
  fadeIn
=================================*/
#issue211 .js-fadeIn,
#issue211 .js-loadIn,
#issue211 .js-fadeIn [data-delay]{
  opacity: 0;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  transform: translate(0, 20px);
}
#issue211 .js-fadeIn [data-delay="01"]{
  transition-delay: 0!important;
}
#issue211 .js-fadeIn [data-delay="02"]{
  transition-delay: 0.3s!important;
}
#issue211 .js-fadeIn [data-delay="03"]{
  transition-delay: 0.6s!important;
}
#issue211 .js-fadeIn [data-delay="04"]{
  transition-delay: 0.9s!important;
}
#issue211 .js-fadeIn [data-delay="05"]{
  transition-delay: 1.2s!important;
}
#issue211 .js-scrollIn,
#issue211 .js-fadeIn.js-scrollIn [data-delay]{
  opacity: 1;
  transform: translate(0, 0);
}
/* end fadeIn */


/*================================
  border
=================================*/
#issue211 .js-border{
  width: 0%;
  transition: 1s;
}
#issue211 .js-borderOn{
  width: 100%;
}


/*================================
  sticky
=================================*/
#issue211{
  overflow: clip;
}
@media screen and (max-width: 767px) {
  #Contents{
    padding-top: calc(24*(100vw / 375))!important;
  }
}
#issue211 .sticky-block-wrap{
  position: relative;
  display: block;
  overflow: clip;
}
#issue211 .sticky-block{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
#issue211 #sticky-00,
#issue211 #sticky-02{
  background-color: var(--colo-white);
}
#issue211 #sticky-01,
#issue211 #sticky-03{
  background-color: var(--color-bg);
}
#issue211 #sticky-00{
  top: var(--sticky-block00-pos);
  z-index: 10;
  position: relative;
  top: auto;
}
#issue211 #sticky-01{
  top: var(--sticky-block01-pos);
  z-index: 20;
}
#issue211 #sticky-02{
  top: var(--sticky-block02-pos);
  z-index: 30;
}
#issue211 #sticky-03{
  top: var(--sticky-block03-pos);
  z-index: 40;
}