@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.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
=================================*/
#issue203{
  --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;
}
#issue203 img,
#issue203 picture,
#issue203 video,
#issue203 a{
  display: inline-block;
  width: 100%;
  height: auto;
}
#issue203 video{
  object-fit: cover;
}
#issue203 a:hover{
  transition: .5s;
  opacity: .7;
}
#issue203 span{
  display: inline-block;
}
#issue203 li{
  list-style: none;
}
#issue203 .imgWrap{
  background: #fff;
  position: relative;
  transition: opacity 1.5s;
}
#issue203 .noBgCont.imgWrap{
  background: none;
}
#issue203 .flexArea{
  display: flex;
  width: 100%;
}
#issue203 .gridWrap,
#issue203 .gridWrap_pc{
  display: grid;
  margin: 0 auto;
}
/*--------------------------------
  variables for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  #issue203 .pcOnly {
    display: none!important;
  }
  #issue203 .flexAreaSp{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
  }
  #issue203 .gridWrapPc{
    display: block;
  }
}
/*--------------------------------
  variables for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue203 .spOnly {
    display: none!important;
  }
  #issue203 .pcOnly {
    display: block;
  }
  #issue203 .flexAreaPc{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
  }
  #issue203 .gridWrap,
  #issue203 .gridWrapPc{
    max-width: 140rem;
  }
}
/* end variables */

/*================================
  font
=================================*/
#issue203 .font-en{
  font-family: "brown-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
#issue203 .font-ja{
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
/*================================
  font-size
=================================*/
#issue203 [data-topic-txt],
#issue203 [data-ttl],
#issue203 [data-txt]{
  display: block;
  text-align: center;
  letter-spacing: 0.02em;
}
#issue203 [data-topic-txt]{
  text-align: left;
}
#issue203 [data-txt]{
  letter-spacing: 0.14em;
}
#issue203 [data-txt="lead"]{
  font-size: calc(24 *(100vw / 750));
  line-height: 2.2;
}
/*========== topic ==========*/
#issue203 [data-topic-txt="size"]{
  font-size: calc(28 *(100vw / 750));
  margin-bottom: calc(14 *(100vw / 750));
}
#issue203 [data-topic-txt="height"]{
  font-size: calc(28 *(100vw / 750));
  margin-bottom: calc(44 *(100vw / 750));
}
#issue203 [data-topic-txt="job"]{
  font-size: calc(20 *(100vw / 750));
  margin-bottom: calc(13 *(100vw / 750));
}
#issue203 [data-topic-txt="name"]{
  font-size: calc(32 *(100vw / 750));
  margin-bottom: calc(24 *(100vw / 750));
}
#issue203 [data-topic-txt="sns"]{
  font-size: calc(20 *(100vw / 750));
}
/*========== common ==========*/
#issue203 .space{
  display: inline-block;
  width: calc(5 *(100vw / 750));
}
#issue203 [data-ttl="nomb"]{
  font-size: calc(42 *(100vw / 750));
  margin-bottom: calc(40 *(100vw / 750));
}
#issue203 [data-ttl="name"]{
  font-size: calc(55 *(100vw / 750));
  margin-bottom: calc(96 *(100vw / 750));
}
@media only screen and (max-width: 767px) {
  #issue203 [data-block="07"] [data-ttl="name"]{
    line-height: 1.3;
    margin: calc(-10*(100vw / 750)) auto calc(94*(100vw / 750));
  }
}
#issue203 [data-ttl="size"]{
  font-size: calc(36 *(100vw / 750));
  margin-bottom: calc(77 *(100vw / 750));
}
#issue203 [data-txt="caption"]{
  font-size: calc(23 *(100vw / 750));
  line-height: 2.2;
  margin-bottom: calc(36 *(100vw / 750));
  text-align: justify;
  text-align-last: center;
  line-break:strict;
}
#issue203 [data-txt="credit"]{
  font-size: calc(20 *(100vw / 750));
  line-height: 2;
  letter-spacing: 0.02em;
}
#issue203 [data-txt="allBtn"]{
  font-size: calc(31 *(100vw / 750));
  letter-spacing: 0.02em;
  text-align: center;
  width: fit-content;
}
/*--------------------------------
  font-size for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue203 [data-txt]{
    letter-spacing: 0.16em;
  }
  #issue203 [data-txt="lead"]{
    font-size: 1.8rem;
    line-height: 2.4;
  }
  /*========== topic ==========*/
  #issue203 [data-topic-txt="size&height"]{
    font-size: 2.1rem;
    margin-bottom: 3.2rem;
  }
  #issue203 [data-topic-txt="job"]{
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
  #issue203 [data-topic-txt="name"]{
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  #issue203 [data-topic-txt="sns"]{
    font-size: 1.6rem;
  }
  /*========== common ==========*/
  #issue203 .space{
    width: 0.4rem;
  }
  #issue203 [data-ttl="nomb"]{
    font-size: 4rem;
    margin-bottom: 3.4rem;
  }
  #issue203 [data-ttl="name"]{
    font-size: 6rem;
    margin-bottom: 10.2rem;
  }
  #issue203 [data-ttl="size"]{
    font-size: 3.4rem;
    margin-bottom: 6.5rem;
  }
  #issue203 [data-txt="caption"]{
    font-size: 1.7rem;
    line-height: 2.4;
    margin-bottom: 3.6rem;
  }
  #issue203 [data-txt="credit"]{
    font-size: 1.6rem;
    line-height: 1.85;
    letter-spacing: 0.02em;
  }
  #issue203 [data-txt="allBtn"]{
    font-size: 2.8rem;
    letter-spacing: 0.02em;
  }
}
/* end font-size */


/*================================
  layout
=================================*/
/*========== mv ==========*/
#issue203 .mvWrap{
  margin: 0 auto calc(168 *(100vw / 750));
}
#issue203 .mvWrap__img{
  margin-bottom: calc(104 *(100vw / 750));
}
#issue203 [data-txt="lead"]:last-child{
  margin-top: calc(40 *(100vw / 750));
}
/*========== topic ==========*/
#issue203 .topicWrap{
  padding-bottom: calc(200 *(100vw / 750));
  margin: 0 auto;
}
#issue203 .topicWrap__inner{
  margin: 0 auto;
}
#issue203 .topicInner__cont{
  width: calc(587 *(100vw / 750));
  margin-bottom: calc(40 *(100vw / 750));
}
#issue203 .topicInner__cont-img{
  width: calc(280 *(100vw / 750));
}
#issue203 .topicInner__cont-txt{
  position: relative;
  width: calc(250 *(100vw / 750));
  padding: calc(82 *(100vw / 750)) 0 calc(48 *(100vw / 750));
}
#issue203 .topicInner__cont:last-child{
  margin-bottom: 0;
}
#issue203 [data-border]{
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color-txt);
  height: 1px;
}
/*========== common ==========*/
#issue203 .borderWrap{
  position: relative;
  width: calc(600 *(100vw / 750));
  margin: 0 auto calc(175 *(100vw / 750));
}
#issue203 [data-border]{
  background-color: var(--color-border);
}
#issue203 [data-border="common"]{
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}
#issue203 [data-border="topic"]{
  width: 100%;
}
#issue203 [data-creditWrap]{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 60%;
  margin: 0 auto;
}
#issue203 .mainImg{
  margin-bottom: calc(80 *(100vw / 750));
}
#issue203 [data-slide]{
  margin-bottom: calc(92 *(100vw / 750));
}
#issue203 .editWrap{
  width: calc(608 *(100vw / 750));
  margin: 0 auto;
}
/*========== block ==========*/
#issue203 [data-block="01"]{
  padding: calc(154 *(100vw / 750)) 0 calc(172 *(100vw / 750));
}
#issue203 [data-block="02"]{
  padding: 0 0 calc(172 *(100vw / 750));
}
#issue203 [data-block="03"]{
  padding: 0 0 calc(281 *(100vw / 750));
}
#issue203 [data-creditWrap="block02"],
#issue203 [data-creditWrap="block03"]{
  width: 100%;
}
#issue203 [data-block="04"]{
  padding: calc(149 *(100vw / 750)) 0 calc(172 *(100vw / 750));
}
#issue203 [data-block="05"]{
  padding: 0 0 calc(172 *(100vw / 750));
}
#issue203 [data-block="06"]{
  padding: 0 0 calc(281 *(100vw / 750));
}
#issue203 [data-creditWrap="block04"],
#issue203 [data-creditWrap="block05"]{
  width: 100%;
}
#issue203 [data-block="07"]{
  padding: calc(148 *(100vw / 750)) 0 calc(172 *(100vw / 750));
}
#issue203 [data-block="08"]{
  padding: 0 0 calc(172 *(100vw / 750));
}
#issue203 [data-creditWrap="block07"],
#issue203 [data-creditWrap="block08"]{
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #issue203 [data-block="09"] .editWrap{
    width: calc(610 *(100vw / 750));
  }
}
/*========== allBtn ==========*/
#issue203 .allBtn{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: calc(238*(100vw / 750));
  margin-top: calc(210*(100vw / 750));
}
#issue203 .allBtn__border{
  position: relative;
  text-align: center;
  width: calc(160 *(100vw / 750));
  margin-top: calc(20 *(100vw / 750));
}
#issue203 [data-border="allBtn"]{
  position: relative;
}
.footer{
  padding-top: 0!important;
}

/*--------------------------------
  layout for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  /*========== mv ==========*/
  #issue203 .mvWrap{
    margin-bottom: 16.8rem;
  }
  #issue203 .mvWrap__img{
    margin-bottom: 12.6rem;
  }
  #issue203 [data-txt="lead"]:last-child{
    margin-top: 3.6rem;
  }
  /*========== topic ==========*/
  #issue203 .topicWrap{
    padding-bottom: 26.1rem;
  }
  #issue203 .topicWrap__inner{
    justify-content: center;
    column-gap: 8rem;
  }
  #issue203 .topicInner__cont{
    width: 32rem;
    margin-bottom: 0;
  }
  #issue203 .topicInner__cont-img,
  #issue203 .topicInner__cont-txt{
    width: 100%;
  }
  #issue203 .topicInner__cont-txt{
    padding: 3rem 0 4.24rem;
  }
  /*========== common ==========*/
  #issue203 .borderWrap{
    width: 178rem;
    margin-bottom: 20rem;
  }
  #issue203 [data-creditWrap]{
    width: 100%;
  }
  #issue203 .mainImg{
    width: 78rem;
    margin: 0 auto 10rem;
  }
  #issue203 [data-slide]{
    margin: 0 auto 9rem;
  }
  #issue203 .editWrap{
    width: 72rem;
  }
  /*========== block ==========*/
  #issue203 [data-block="01"]{
    padding: 17.8rem 0 19.6rem;
  }
  #issue203 [data-block="02"]{
    padding: 0 0 19.6rem;
  }
  #issue203 [data-block="03"]{
    padding-bottom: 28rem;
  }
  #issue203 [data-block="04"]{
    padding: 17.1rem 0 19.6rem;
  }
  #issue203 [data-block="05"]{
    padding: 0 0 19.6rem;
  }
  #issue203 [data-block="06"]{
    padding-bottom: 28rem;
    margin-top: -0.2rem;
  }
  #issue203 [data-block="04"] .editWrap{
    width: 72.2rem;
  }
  #issue203 [data-block="05"] .editWrap{
    width: 72.5rem;
  }
  #issue203 [data-block="07"]{
    padding: 17.2rem 0 19.6rem;
  }
  #issue203 [data-block="08"]{
    padding: 0 0 19.6rem;
  }
  #issue203 [data-block="09"]{
    margin-top: -0.2rem;
  }
  /*========== allBtn ==========*/
  #issue203 .allBtn{
    padding-bottom: 23.4rem;
    margin-top: 23.4rem;
  }
  #issue203 .allBtn__border{
    width: 13rem;
    margin-top: 1rem;
  }
}
/* end layout */


/*================================
  swiper
=================================*/
#issue203 .swiper-container{
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
#issue203 .swiper-wrapper{
	width: 100%;
  height: 100%;
}
#issue203 .swiper-slide{
  width: calc(480 *(100vw / 750));
}
#issue203 .swiper-slide img {
  width: 100%!important;
  height: 100%!important;
  align-items: end;
  vertical-align: bottom;
}
/*--------------------------------
  swiper for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue203 .swiper-wrapper{
    justify-content: center;
    grid-gap: 2rem;
    width: 148rem;
    margin: 0 auto;
  }
  #issue203 .swiper-slide{
    width: 48rem;
  }
}


/*================================
  fadeIn
=================================*/
#issue203 .js-fadeIn,
#issue203 .js-loadIn{
  opacity: 0;
  transition: 1.5s;
}
#issue203 .js-scrollIn{
  opacity: 1;
}
/*--------------------------------
  fadeIn for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  #issue203 .js-fadeInPc{
    opacity: 1;
    transition: 0!important;
    transform: translateX(0);
    transform: translateY(0);
  }
}
/*--------------------------------
  fadeIn for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue203 .js-fadeInSp{
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0);
  }
  #issue203 .js-fadeIn [data-delay="01"]{
    transition-delay: 0.5s;
  }
  #issue203 .js-fadeIn [data-delay="02"]{
    transition-delay: 1s;
  }
}
/* end fadeIn */


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


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