@charset "UTF-8";


.puli-list-page .keyvis_under::after{
  opacity: .4;
}

.puri_model_ttl{
  display: block;
  width: fit-content;
  padding: 0.6em 1.6em .7em;
  border-radius: 0.8em 0 0.8em 0;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1em;
  letter-spacing: 0.03em;
  margin: 1em auto 1.5em;
  background-color: var(--color-set-a);
  color: #fff;
}

.puri_model_sect{
  padding: 4em 0;
}
.puri_model_block{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.puri_model_box{
  position: relative;
  width: 48.5%;
  padding: 1em;
  margin-bottom: 3%;
  overflow: hidden;
  text-align: center;
  border-radius: 0.8rem;
}
.puri_model_box::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-set-c);
  filter: blur(.3rem);
  opacity:.7;
  z-index: -1;
}
.finished::after{
  content: "";
  position: absolute;
  top: .8em;
  right: .8em;
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  background-image: url(/img/puri_finished_icon.svg);
}
.puri_model_name{
  padding: .2em 0 .5em;
}
.puri_model_img_box{
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.puri_model_img{
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: transform .5s;
}
.puri_model_link:hover .puri_model_img{
  transform: scale(.95);
}
.store_map_img{
  padding: 0 1em;
  max-width: 71.4285714285rem;
  margin: auto;
}

@media (min-width: 768px) {
  .puri_model_box{
    width: 23%;
    margin-bottom: 2.666666666%;
  }
  .puri_model_block{
    position: relative;
  }
  .puri_model_block::before,
  .puri_model_block::after{
    content: "";
    display: block;
    width: 23%;
    height: 100%;
  }
  .puri_model_block::before{
    order:1;
  }

}/* 768 end */


/* PURI ARTICLE PAGE 
============================================ */
.max_wide_puri_article{
  max-width: 1000px;
  margin: auto;
}

.puri_article_ttl_wrap{
  text-align: center;
}
.puri_machine_maker{
  font-size: 1.2rem;
  color: var(--color-set-c);
}
.puri_article_ttl{
  font-size: 2.2rem;
  padding: .2em 0;
}

.puri_article_body{
  padding: 1em 1em 2em;
  font-size: 1.2rem;
}
.puri_article_body p{
  font-family: var(--font-ja-sans);
  color: #333;
  font-weight: 300;
  line-height: 1.8;
  padding: .5em 0;
}
.article_body strong{
  color: #000;
}
.puri_article_curb_box{
  position: relative;
}
.puri_article_curb_box::after{
  content: "";
  position: absolute;
  display: block;
  width: calc(100% + 2rem);
  top: 0;
  right: 0;
  height: .1rem;
  background-color: #000;
}
.puri_article_curb{
  display: block;
  width: 4rem;
  height: 4rem;
  margin-left: auto;
}
.reverse.puri_article_curb_box::after{
  right: -2rem;
  top: inherit;
  bottom: 0;
}
.reverse .puri_article_curb{
  display: block;
  width: 4rem;
  height: 4rem;
  margin-left: inherit;
  transform:rotateZ(-180deg);
}

.puri_article_img {
  max-width: 48rem;
  margin: auto;
  display: block;
}
@media (min-width: 768px) {


  .puri_article_body{
    font-size: 14px;
    padding: 1em 4em 2em;
  }
  .puri_article_curb_box::after{
    width: 300%;
  }
  .reverse.puri_article_curb_box::after{
    right: inherit;
    left: 0;
  }
  

}/* 768 end */