@charset "UTF-8";
/* ブレイクポイント */
/*リセット
--------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ============================================================
        common
 ============================================================ */
ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

@media screen and (max-width: 970px) {
  .sp_none {
    display: none;
  }
}

@media screen and (min-width: 970px) {
  .pc_none {
    display: none;
  }
}

/*フォント

/*変数
---------------------------------------------*/
/* コンテンツ
---------------------------------------------*/
#pual_0813news {
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.8;
  overflow-x: clip;
}
@media screen and (min-width: 970px) {
  #pual_0813news {
    max-width: 710px;
    width: 100%;
  }
}
@media screen and (max-width: 970px) {
  #pual_0813news {
    width: 100%;
  }
}
@media screen and (max-width: 970px) {
  #pual_0813news .sp_none {
    display: none;
  }
}
@media screen and (min-width: 970px) {
  #pual_0813news .pc_none {
    display: none;
  }
}
#pual_0813news .code1 {
  position: relative;
}
#pual_0813news .code1 .photo_kirinuki_left {
  position: absolute;
  top: -80px;
  left: 10px;
  width: 120px;
}
@media screen and (max-width: 970px) {
  #pual_0813news .code1 .photo_kirinuki_left {
    top: -24vw;
    left: 0;
    width: 18.6666666667vw;
  }
}
#pual_0813news .code1 .photo_kirinuki_right {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 220px;
}
@media screen and (max-width: 970px) {
  #pual_0813news .code1 .photo_kirinuki_right {
    bottom: 16vw;
    right: -5.3333333333vw;
    width: 32vw;
  }
}
#pual_0813news .code1 .photo {
  margin-top: 100px;
  display: grid;
  justify-content: center;
  grid-template-columns: 335px 235px;
  grid-template-rows: 280px 270px;
  grid-template-areas: "main sub1" "main sub2";
  gap: 15px;
}
@media screen and (max-width: 970px) {
  #pual_0813news .code1 .photo {
    margin-top: 24vw;
    grid-template-columns: 53.3333333333vw 37.3333333333vw;
    grid-template-rows: 37.3333333333vw 38.6666666667vw;
    grid-template-areas: "main sub1" "main sub2";
    gap: 2.6666666667vw;
  }
}
#pual_0813news .code1 .photo_main {
  grid-area: main;
}
#pual_0813news .code1 .photo_sub1 {
  grid-area: sub1;
}
#pual_0813news .code1 .photo_sub2 {
  grid-area: sub2;
}
#pual_0813news .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#pual_0813news .credit_box {
  position: relative;
  font-family: "poppins", sans-serif;
  letter-spacing: 0.03em;
  color: #1c63b7;
  width: 585px;
  margin: 30px auto;
  font-size: 18px;
}
@media screen and (max-width: 970px) {
  #pual_0813news .credit_box {
    width: 93.3333333333vw;
    font-size: 4vw;
  }
}
#pual_0813news .credit_box .staff {
  font-size: 22px;
  border-bottom: 1px solid #1c63b7;
}
@media screen and (max-width: 970px) {
  #pual_0813news .credit_box .staff {
    font-size: 4.8vw;
  }
}
#pual_0813news .credit_box .credit {
  margin-top: 10px;
}
#pual_0813news .credit_box .credit .item {
  font-weight: 500;
  margin-right: 20px;
}
#pual_0813news .credit_box .credit .price {
  margin: 0 20px;
}
#pual_0813news .credit_box .credit a {
  font-weight: 500;
  background-color: #1c63b7;
  color: #fff;
  padding: 0px 20px;
  margin-left: 30px;
}
@media screen and (max-width: 970px) {
  #pual_0813news .credit_box .credit a {
    margin-left: 0;
    padding: 0px 10px;
  }
}
@media screen and (min-width: 970px) {
  #pual_0813news .pual_content {
    margin: 80px auto;
  }
}
@media screen and (max-width: 970px) {
  #pual_0813news .pual_content {
    margin: 0 auto;
  }
}/*# sourceMappingURL=style.css.map */