@media screen and (min-width: 768px) {
  @font-face {
    font-family: "TTNormsProRegular";
    src: url("font/TTNormsProRegular/font.woff2") format("woff2"), url("font/TTNormsProRegular/font.woff") format("woff");
  }
  @font-face {
    font-family: "TTNormsProMedium";
    src: url("font/TTNormsProMedium/font.woff2") format("woff2"), url("font/TTNormsProMedium/font.woff") format("woff");
  }
  @font-face {
    font-family: "TTNormsProDemiBold";
    src: url("font/TTNormsProDemiBold/font.woff2") format("woff2"), url("font/TTNormsProDemiBold/font.woff") format("woff");
  }
  @font-face {
    font-family: "TazuganeInfoMedium";
    src: url("font/TazuganeInfoMedium/font.woff2") format("woff2"), url("font/TazuganeInfoMedium/font.woff") format("woff");
  }
  @font-face {
    font-family: "TazuganeInfoBold";
    src: url("font/TazuganeInfoBold/font.woff2") format("woff2"), url("font/TazuganeInfoBold/font.woff") format("woff");
  }
}
#CookiebotWidget :focus-visible, #CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
  outline: unset !important;
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
.bg {
  background: -webkit-gradient(linear, left top, right top, from(rgb(78, 83, 87)), to(rgb(53, 56, 58)));
  background: linear-gradient(90deg, rgb(78, 83, 87) 0%, rgb(53, 56, 58) 100%);
}

@media screen and (min-width: 768px) {
  .lower__wrapper {
    margin: 0 auto;
    padding: 46px 0 37px;
    width: 90%;
    max-width: 1200px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
  }
  .detail__backbtn {
    position: relative;
    display: inline-block;
  }
  .detail__backbtn p {
    margin-left: 20px;
    font-size: 16px;
  }
  .detail__backbtn:before {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 14px;
    background-image: url(../img/detail/arrow_green.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .detail__img-box {
    width: 100%;
    padding-top: 56.9%;
    position: relative;
    margin-top: 36px;
  }
  .detail__img-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover;
  }
  .detail__text-box {
    margin-top: 60px;
  }
  .detail__day {
    margin-top: 26px;
    font-size: 16px;
    letter-spacing: 0.08em;
    color: #727272;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
  }
  .detail__ttl {
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 1.91;
    color: #000000;
  }
  .detail__tag-box {
    margin-top: 16px;
  }
  .detail__category {
    display: inline-block;
    padding: 2px 7px 3px;
    background-color: #000000;
    font-size: 20px;
    letter-spacing: 0.06em;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
  }
  .detail__tag {
    display: inline-block;
    margin-right: 15px;
    padding: 10px 28px;
    border-radius: 40px;
    border: #E3E3E3;
    background-color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.06em;
    color: #000000;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
  }
  .detail__text {
    margin-top: 33px;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.76;
    font-weight: 500;
    color: #000000;
  }
  .detail__text blockquote::before, .detail__text blockquote::after {
    content: '"';
  }
  .detail__text ol {
    list-style-type: decimal;
    padding-left: 1.25em;
  }
  .detail__text ul {
    list-style-type: disc;
    padding-left: 1.25em;
  }
  .detail__text img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 15px auto;
  }
  .detail__text img.alignleft {
    margin-right: auto;
    margin-left: 0;
  }
  .detail__text img.alignright {
    margin-right: 0;
    margin-left: auto;
  }
  .detail__text h1 {
    font-size: 2.25em;
  }
  .detail__text h2 {
    font-size: 2em;
  }
  .detail__text h3 {
    font-size: 1.75em;
  }
  .detail__text h4 {
    font-size: 1.5em;
  }
  .detail__text h5 {
    font-size: 1.25em;
  }
  .detail__text h6 {
    font-size: 1em;
  }
  .new-arrival__btn-box {
    margin-top: 66px;
  }
  .new-arrival__btn {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 28px 28px 28px 20px;
    width: 410px;
    background-color: #8DC21F;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.13em;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #fff;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .new-arrival__btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 70px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIwIDEyIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTMuNTkyNDdlLTA3IDUuODY3OTlMMTggNS44NjhNMTIuNTM0NCAxMUwxOCA2TDEyLjUzNDQgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+IDwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .new-arrival__mainttl {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 60px;
    line-height: 1.84;
    letter-spacing: 0.01em;
    margin-bottom: 38px;
  }
  .list {
    padding-top: 100px;
    padding-bottom: 140px;
  }
  .list__cards {
    display: grid;
    grid-template-columns: repeat(3, 30.76%);
    gap: 42px;
  }
  .list__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list__card.new .card__img-box::after {
    width: 83px;
    height: 39px;
    font-size: 18px;
  }
  .list__text-box {
    margin-top: 15px;
  }
  .list__cat {
    background-color: transparent;
    font-size: 14px;
  }
  .list__cat span {
    padding: 4px;
    background-color: #000;
    line-height: 1.5;
  }
  .list__date {
    font-size: 16px;
    line-height: 1.5;
  }
  .list__ttl {
    margin-top: 8px;
    font-size: 18px;
  }
  .list__tags {
    margin-top: 20px;
  }
  .list__tag {
    margin-right: 13px;
    padding: 3px 23px;
    font-size: 11px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .lower__wrapper {
    margin: 0 auto;
    padding: 3vw 0 6.93vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
  }
  .detail__backbtn {
    position: relative;
    display: inline-block;
  }
  .detail__backbtn p {
    margin-left: 6.47vw;
    font-size: 3.47vw;
  }
  .detail__backbtn:before {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 14px;
    background-image: url(../img/detail/arrow_green.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .detail__img-box {
    width: 100%;
    padding-top: 56.9%;
    position: relative;
    margin-top: 4vw;
  }
  .detail__img-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover;
  }
  .detail__text-box {
    margin-top: 11.6vw;
  }
  .detail__day {
    margin-top: 3.6vw;
    font-size: 3.47vw;
    letter-spacing: 0.08em;
    color: #727272;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
  }
  .detail__ttl {
    font-size: 5vw;
    letter-spacing: 0.08em;
    line-height: 1.5;
    color: #000000;
    font-weight: 600;
    margin-top: 3vw;
  }
  .detail__tag-box {
    margin-top: 2.67vw;
  }
  .detail__category {
    display: inline-block;
    padding: 2px 7px 4px;
    background-color: #000000;
    font-size: 3.6vw;
    letter-spacing: 0.06em;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
  }
  .detail__tag {
    display: inline-block;
    margin-right: 2.67vw;
    padding: 1.33vw 3.73vw;
    border: 1px solid #E3E3E3;
    background-color: #ffffff;
    font-size: 2.47vw;
    letter-spacing: 0.06em;
    color: #000000;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    border-radius: 100px;
  }
  .detail__text {
    margin-top: 8.72vw;
    font-size: 3.73vw;
    letter-spacing: 0.1em;
    line-height: 2.14;
    font-weight: 500;
    color: #000000;
  }
  .detail__text img {
    display: block;
    width: 80%;
    height: auto;
    margin: 15px auto;
  }
  .detail__text h1 {
    font-size: 2.25em;
  }
  .detail__text h2 {
    font-size: 2em;
  }
  .detail__text h3 {
    font-size: 1.75em;
  }
  .detail__text h4 {
    font-size: 1.5em;
  }
  .detail__text h5 {
    font-size: 1.25em;
  }
  .detail__text h6 {
    font-size: 1em;
  }
  .new-arrival__btn {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 5.1282051282vw 7.6923076923vw;
    width: 56.4102564103vw;
    background-color: #8DC21F;
    font-size: 4.6153846154vw;
    text-align: center;
    letter-spacing: 0.02em;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #fff;
    padding-left: 4vw;
    margin-top: 10vw;
  }
  .new-arrival__btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 7.6923076923vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 4.6153846154vw;
    height: 2.5641025641vw;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIwIDEyIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTMuNTkyNDdlLTA3IDUuODY3OTlMMTggNS44NjhNMTIuNTM0NCAxMUwxOCA2TDEyLjUzNDQgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+IDwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .new-arrival__mainttl {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 8.2051282051vw;
    line-height: 1.4;
    margin-bottom: 6vw;
  }
  .list {
    padding-top: 12.8205128205vw;
    padding-bottom: 20.5128205128vw;
  }
  .list__cards {
    display: grid;
    gap: 7.6923076923vw;
  }
  .list__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list__card.new .card__img-box::after {
    padding-top: 1.2820512821vw;
    width: 17.6923076923vw;
    height: 9.2307692308vw;
    font-size: 4.6153846154vw;
  }
  .list__text-box {
    margin-top: 3.5897435897vw;
  }
  .list__cat {
    padding: 0.7692307692vw 1.2820512821vw 0.5128205128vw;
    font-size: 3.5897435897vw;
  }
  .list__date {
    font-size: 3.5897435897vw;
  }
  .list__ttl {
    margin-top: 3.0769230769vw;
    font-size: 4.6153846154vw;
  }
  .list__tag {
    margin-right: 1.5384615385vw;
    padding: 0.7692307692vw 4.6153846154vw;
    font-size: 2.5641025641vw;
    line-height: 1.8;
  }
}