/*================================
  common
=================================*/
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media screen and (min-width: 768px) and (max-width: 2100px){
  html {
    font-size: calc((10 * (100vw / 2100)));
  }
}
@media screen and (max-width: 767px) {
	html{
		font-size: calc(10 * (100vw / 750));
	}
}
#issue87 img,
#issue87 picture,
#issue87 a{
  display: inline-block;
  width: 100%;
  height: auto;
}
#issue87 img:hover,
#issue87 a:hover{
  transition: .5s;
  opacity: .6s;
}
#issue87 span{
  display: inline-block;
}
/* end common */

/*================================
  variables
=================================*/
#issue87{
  --zindex-behind: -1;
  --zindex-middle: 0;
  --zindex-front: 1;
  --pointer-none: none;
}
body,
#issue87{
  background: #fff;
}
#issue87 .imgWrap{
  background: #fff;
  position: relative;
}
#issue87 .flexArea{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
#issue87 .gridWrap{
  display: grid;
  margin: 0 auto;
  width: 100%;
}
/*--------------------------------
  variables for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  #issue87 .pcOnly {
    display: none!important;
  }
  #issue87 .spOnly {
    display: block;
  }
  #issue87 .flexArea-sp{
    display: flex;
    width: 100%;
    margin: 0 auto;
  }
}
/*--------------------------------
  variables for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue87 .spOnly {
    display: none!important;
  }
  #issue87 .pcOnly {
    display: block;
  }
  #issue87 .flexArea-pc{
    display: flex;
    width: 100%;
    margin: 0 auto;
  }
}
/* end variables */

/*================================
  breadcrumb
=================================*/
@media screen and (min-width: 768px) and (max-width: 2100px){
  #breadcrumb .cateList{
    width: 190.4rem;
  }
}
@media screen and (max-width: 767px) {
  #breadcrumb{
    margin-left: calc(40 *(100vw / 750));
  }
  #breadcrumb .cateList{
    margin: calc(50 *(100vw / 750)) 0 calc(20 *(100vw / 750));
  }
}
/* end breadcrumb */

/*================================
  header
=================================*/
.header{
  visibility: visible;
  opacity: 1;
  background: #fff;
  transition: 1s;
}
/*--------------------------------
  header for desktop
--------------------------------*/
@media only screen and (min-width: 768px){
  .header.off{
    visibility: hidden;
    opacity: 0;
    z-index: -100;
    transition: 1s;
  }
}
/* end header */

/*================================
  footer / archive
=================================*/
.archive_wrap{
  width: 100%!important;
  padding: calc(143 *(100vw /750)) 0 0!important;
  margin: calc(0 *(100vw /750)) auto 0!important;
}
.cont-inner{
  width: calc(644 *(100vw /750))!important;
  margin: 0 auto!important;
}
.archive_wrap .scroll_title{
  width: calc(420 *(100vw /750))!important;
  font-size: calc(20 *(100vw /750))!important;
  margin-left: calc(14 *(100vw /750))!important;
  letter-spacing: 0.01em!important;
}
.archive_wrap .border_line:before{
  border-bottom: solid calc(2 *(100vw /750)) 
}
.archive_wrap .menu_btn li.issue87{
  pointer-events: none;
}
.archive_wrap .menu_btn li.issue87 a{
  display: inline-block!important;
}
.archive_wrap .menu_btn li.issue87 a::after{
  width: 100%;
  height: 1px;
  background-color: #9bac8d;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 2;
}
.footer{
  padding: calc(70 * (100vw / 750)) 0 calc(70 * (100vw / 750))!important;
}
/*--------------------------------
  footer / archive for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  #issue87 .footer .footer-inner {
    margin: 0 !important;
  }
}
/*--------------------------------
  footer / archive for desktop
--------------------------------*/
@media only screen and (min-width: 768px){
  .archive_wrap .menu_btn li.issue87 a::after{
    top: calc(50% + 1px)!important;
  }
  .archive_wrap{
    width: 158rem!important;
    margin: 0rem auto 0!important;
    padding: 12rem 0 0!important;
    border-bottom: 1px solid #000!important;
  }
  .cont-inner{
    width: 163rem!important;
  }
  .archive_wrap .scroll_title{
    width: 142.2rem!important;
    font-size: 1.6rem!important;
    margin-left: 0.6rem!important;
    letter-spacing: 0.01em!important;
  }
  .footer{
    padding: 0 0 6rem!important;
  }
  .footer .pagetop{
    border-bottom: none!important;
    padding-top: 2rem
  }
  .footer .footer-flex{
    margin: 0 auto!important;
    padding: 0 0 5rem!important;
  }
}
/* end footer / archive */