body {
  font-size: 16px;
}
@media (max-width: 640px) {
  body {
    font-size: 14px;
  }
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  width: 100%;
  display: block;
}

a {
  text-decoration: none;
  transition: 0.4s;
  color: inherit;
}
a:hover {
  color: inherit;
}
a:visited {
  color: inherit;
}

ul {
  list-style: none;
}

.ib_item {
  display: inline-block;
}

.tar {
  text-align: right;
}

.pi_20 {
  padding-inline: 30px;
}
@media (max-width: 640px) {
  .pi_20 {
    padding-inline: 20px;
  }
}

.text_base {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (max-width: 640px) {
  .text_base {
    font-size: 14px;
  }
}

div.novelty20260313 {
  width: 100%;
  overflow: hidden;
  background: #d9e3e9;
  font-family: "Noto Sans JP", sans-serif;
  padding-bottom: 10%;
}
div.novelty20260313 h1,
div.novelty20260313 h2,
div.novelty20260313 h3,
div.novelty20260313 p {
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 400;
}
div.novelty20260313 div.banner {
  max-width: 1024px;
  margin: 0 auto;
}
div.novelty20260313 .contents_wrapper {
  max-width: 900px;
  width: 96%;
  margin-inline: auto;
  background: #fff;
}
@media (max-width: 640px) {
  div.novelty20260313 .contents_wrapper {
    width: 100%;
  }
}
div.novelty20260313 .contents_inner {
  max-width: 760px;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 810px) {
  div.novelty20260313 .contents_inner {
    width: 90%;
  }
}
@media (max-width: 640px) {
  div.novelty20260313 .contents_inner {
    width: 100%;
  }
}
div.novelty20260313 .fv_area {
  width: 90%;
  margin-inline: auto;
  padding-top: 5%;
}
@media (max-width: 810px) {
  div.novelty20260313 .fv_area {
    width: 94%;
  }
}
@media (max-width: 640px) {
  div.novelty20260313 .fv_area {
    width: 100%;
  }
}
div.novelty20260313 .fv_area .fv_title {
  width: 90%;
  margin-inline: auto;
}
@media (max-width: 810px) {
  div.novelty20260313 .fv_area .fv_title {
    width: 96%;
  }
}
div.novelty20260313 .fv_area .fv_img {
  width: 90%;
  margin-inline: auto;
}
@media (max-width: 810px) {
  div.novelty20260313 .fv_area .fv_img {
    width: 96%;
  }
}
@media (max-width: 640px) {
  div.novelty20260313 .fv_area .fv_img {
    width: 100%;
  }
}
div.novelty20260313 .lead_box {
  margin-top: 5%;
  margin-inline: auto;
  width: 90%;
}
@media (max-width: 640px) {
  div.novelty20260313 .lead_box {
    margin-top: 20px;
    width: 100%;
  }
}
div.novelty20260313 .lead_box .lead_main {
  width: 94%;
  margin-inline: auto;
}
div.novelty20260313 .lead_box .lead_date {
  margin-top: 8%;
  margin-inline: auto;
  width: 80%;
}
div.novelty20260313 .item_a {
  margin-top: 10%;
}
div.novelty20260313 .item_a .item_a_title {
  width: 96%;
  margin-inline: auto;
}
@media (max-width: 640px) {
  div.novelty20260313 .item_a .item_a_title {
    width: 100%;
  }
}
div.novelty20260313 .item_a .item_a_img {
  margin-top: 8%;
  margin-inline: auto;
}
div.novelty20260313 .item_a .item_a_sub {
  margin-top: 8%;
  margin-inline: auto;
  width: 82%;
}
div.novelty20260313 .item_a .img_box_01 {
  margin-top: 12%;
  display: grid;
  grid-template-columns: 62% 38%;
}
div.novelty20260313 .item_a .img_box_01 .style_img {
  grid-area: 1/1/-1/-1;
}
div.novelty20260313 .item_a .img_box_01 .style_comment {
  grid-area: 1/2/2/-1;
  width: 50%;
  margin-top: 57%;
}
div.novelty20260313 .item_a .img_box_02 {
  margin-top: 8%;
}
div.novelty20260313 .item_a .img_box_02 .img_l {
  width: 80%;
  display: grid;
  grid-template-columns: 1fr 15%;
  gap: 20px;
}
div.novelty20260313 .item_a .img_box_02 .img_r {
  width: 82%;
  margin-left: auto;
  margin-top: -1px;
}
div.novelty20260313 .item_a .img_box_02 .img_r .img_r_sub {
  margin-top: 20px;
  width: 72%;
}
div.novelty20260313 .item_a .item_a_size {
  width: 65%;
  margin-top: 14%;
  margin-inline: auto;
}
div.novelty20260313 .item_b {
  margin-top: 24%;
}
div.novelty20260313 .item_b .item_b_title {
  width: 74%;
  margin-inline: auto;
}
div.novelty20260313 .item_b .item_b_img {
  margin-top: 8%;
  margin-inline: auto;
  width: 80%;
}
div.novelty20260313 .item_b .item_b_comment {
  margin-top: 8%;
  background-image: url(https://osmosis.itembox.design/item/img/contents/2026ss/0313novelty/sec_b_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
div.novelty20260313 .item_b .item_b_comment img {
  width: 64%;
  margin-inline: auto;
  padding-block: 20%;
}
div.novelty20260313 .item_b .item_b_size {
  width: 65%;
  margin-top: 12%;
  margin-inline: auto;
}
div.novelty20260313 .item_b .img_box_02 {
  margin-top: 18%;
  margin-inline: auto;
  width: 84%;
}
div.novelty20260313 .item_b .img_box_02 .img_l {
  width: 96%;
  display: grid;
  grid-template-columns: 1fr 10%;
  gap: 20px;
}
div.novelty20260313 .item_b .img_box_02 .img_r {
  width: 96%;
  margin-top: 16%;
  margin-left: auto;
  display: grid;
  grid-template-columns: 10% 1fr;
  gap: 20px;
}
div.novelty20260313 .item_c {
  margin-top: 10%;
}
div.novelty20260313 .item_c .item_c_title .title_01 {
  width: 70%;
}
div.novelty20260313 .item_c .item_c_title .title_02 {
  width: 96%;
  margin-top: 30px;
}
div.novelty20260313 .cta a {
  display: block;
  max-width: 600px;
  width: 90%;
  margin: 14% auto;
}
div.novelty20260313 .cta a img {
  display: block;
  transition: opacity 0.4s ease;
}
div.novelty20260313 .cta a:hover img {
  opacity: 0;
}
div.novelty20260313 .cta a:hover {
  background-image: url("https://osmosis.itembox.design/item/img/contents/2026ss/0313novelty/btn_hover.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
div.novelty20260313 .attention {
  width: 78%;
  max-width: 500px;
  margin-left: auto;
  padding-bottom: 20%;
}/*# sourceMappingURL=0313novelty.css.map */