@charset "UTF-8";

/* table
---------------------------------------------------------- */
.table-cmn-01 a {
  text-decoration: underline;
}
.table-cmn-01 th {
  width: 29%;
  background: #F4F4F1;
  place-content: center;
  text-align: center;
  padding: 2em 1em;
}
.table-cmn-01 td {
  place-content: center;
  background: #fff;
  line-height: 2;
  padding: 1em;
}
@media screen and (max-width: 767px) {
  .table-cmn-01 th,.table-cmn-01 td {
    display: block;
    width: 100%;
    padding: 1em;
  }
}
.table-cmn-01 td figure {
  padding-block: 1em;
}
.table-cmn-01 td figure img {
  width: 100%;
}
.table-cmn-01 td .c-red {
  color: #f00;
}

/* premium_page
---------------------------------------------------------- */
img {
  max-width: 100%;
}
.ttl-handmade-03 {
  font-size: 16px;
  font-weight: bold;
}
.hero-cmn-01._premium::after {
  display: none;
}
.hero-cmn-01._premium .ttl-main {
  font-size: clamp(2.188rem, 1.729rem + 0.95vw, 2.875rem);
}
@media screen and (max-width: 767px) {
  .hero-cmn-01._premium .ttl-main {
    font-size: clamp(0.938rem, 0.268rem + 3.35vw, 1.875rem);
  }
}
.ttl-cmn-02.ico-premium::before {
  top: 50%;
  translate: 0 -50%;
  width: 33px;
  height: 25px;
  background: url("/n_mori/handmade/img/ico_premium.png") no-repeat center / contain;
}
@media screen and (max-width: 767px) {
  .ttl-cmn-02.ico-premium::before {
    width: 19px;
    height: 18px;
  }
}
._premium .s-mb-50 {
  margin-bottom: min(50px,9dvw)!important;
}
._premium .s-mb-60 {
  margin-bottom: min(60px, 11dvw)!important;
}
._premium .s-mb-100 {
  margin-bottom: min(100px, 15dvw)!important;
}
@media screen and (max-width: 767px) {
  ._premium p {
    line-height: 1.85;
  }
}
._premium p:has(.btn-cmn-01) {
  width: fit-content;
}
@media screen and (max-width: 767px) {
  ._premium p:has(.btn-cmn-01) {
    margin: auto;
  }
}
._premium .btn-cmn-01 {
  width: 400px;
}
@media screen and (max-width: 767px) {
  ._premium .btn-cmn-01 {
    width: auto;
    padding: .8em 3.5em;
  }
}
._premium .btn-cmn-01 img {
  vertical-align: middle;
  margin-bottom: 5px;
  margin-left: 5px;
}
._premium .table-handmade-3col {
  width: 100%;
  border-top: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
}
._premium .table-handmade-3col th,
._premium .table-handmade-3col td {
  place-content: center;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
  border-bottom: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  vertical-align: top;
  padding: 2em 1em;
}
@media screen and (max-width: 767px) {
  ._premium .table-handmade-3col th,
  ._premium .table-handmade-3col td {
    padding: 1.2em 1em;
  }
}
._premium .table-handmade-3col th {
  width: 30.5%;
  font-weight: bold;
  background: #F4F4F1;
}
._premium .table-handmade-3col tr:first-child th {
  padding: 1.2em 1em;
}
@media screen and (max-width: 767px) {
  ._premium .table-handmade-3col tr:first-child th {
    padding: 1em .5em;
  }
}
.premium-img-wrap {
  display: flex;
  gap: min(3em, 4dvw);
}
@media screen and (max-width: 767px) {
  .premium-img-wrap._sp-col {
    flex-direction: column;
  }
}
.premium-img-wrap figcaption {
  text-align: center;
  padding-top: 1em;
}
@media screen and (max-width: 767px) {
  .premium-img-wrap figcaption {
    font-size: .675rem;
  }
}
@media screen and (max-width: 767px) {
  ._premium .list-handmade-step .box-step .ttl-handmade-step {
    margin-bottom: 0;
  }
}