@charset "UTF-8";

@media screen and (max-width: 960px) {
  html {
    overflow-x: hidden;
  }
  img {
    max-width: 100%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .pc_none {
    display: block !important;
  }
  .sp_none {
    display: none !important;
  }
  .content {
    font-size: 3.46666vw;
    line-height: 1.846;
    color: #666;
  }
  section > .inner {
    padding-inline: 2.66666vw;
  }
  section > .inner-wide {
    padding-inline: 2.66666vw;
  }
  .bg {
    background-color: #fdf9f6;
  }
  .c-sectionTitle {
    font-size: 6.4vw;
  }

  /* ------------------- */
  /* --- main visual --- */
  /* ------------------- */
  .mv_area {
    aspect-ratio: 375 / 500;
    background-image: url(../../img/usr/br/2026awcollection/img-img01-sp.png);
    background-size: cover;
    background-position: center top;
  }

  /* ----------------------- */
  /* --- Circle of Love ---- */
  /* ----------------------- */
  .col {
    padding-top: 0;
    padding-bottom: 16vw;
    overflow: visible;
    background: none;
  }
  .col .inner-wide {
    overflow: visible;
  }
  .col-inner {
    position: relative;
  }
  .col-circleWrap {
    display: block;
    position: absolute;
    top: -11vw;
    left: 50%;
    transform: translateX(-50%);
    width: 160vw;
    pointer-events: none;
    z-index: 0;
  }
  .col-circleWrap img {
    width: 100%;
  }
  .col-main {
    position: relative;
    z-index: 5;
    padding-top: 12vw;
    padding-bottom: 0;
    padding-inline: 5.33333vw;
  }
  .col-titleArea {
    gap: 2vw;
  }
  .col-titleArea p {
    font-size: 3.73333vw;
    line-height: 1.36;
  }
  .col-titleArea h2 {
    font-size: 6.933vw;
    line-height: 1.35;
  }
  .col-headText {
    padding-top: 12.8vw;
  }
  .col-headText p {
    font-size: 2.666vw;
    line-height: 2.2;
  }
  .col-headText p + p {
    margin-top: 4.26666vw;
  }
  .col-navArea {
    margin-top: 38vw;
    margin-inline: -8vw;
    width: calc(100% + 16vw);
  }
  .col-navItem {
    padding-inline: 1.6vw;
  }
  .col-navItem:not(:first-child)::after {
    aspect-ratio: 1 / 20;
  }
  .col-navItem-in {
    width: 21.33333vw;
  }
  .col-navItem-in p {
    font-size: 2.4vw;
    line-height: 1.5;
    white-space: normal;
  }
  .col-navItem-in br {
    display: inline;
  }

  /* --------------------------- */
  /* --- schedule and visual --- */
  /* --------------------------- */
  .col-below {
    padding-top: 10.66666vw;
    padding-bottom: 16vw;
  }
  .col-schedules {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.06666vw;
  }
  .col-schedules .c-schedule:last-child {
    grid-column: auto;
  }
  .col-visual {
    margin-top: 11.4667vw;
    margin-left: -2.66666vw;
    max-width: none;
    width: 100vw;
  }
  .col-visualCircle {
    display: none;
  }
  .col-visualTitle {
    display: none;
  }

  /* ------------------- */
  /* --- flatlay ------- */
  /* ------------------- */
  .flatlay {
    margin-top: 8vw;
  }

  /* --------------- */
  /* --- product --- */
  /* --------------- */
  .product {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
  .product-visualCircle {
    top: 0vw;
    left: -19vw;
    width: 64.26vw;
    transform: none;
  }
  .product-titleArea {
    position: relative;
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
  .product-titleArea .c-sectionTitle {
    font-size: 6.4vw;
    line-height: 1;
    text-align: center;
  }
  .product-list {
    margin-top: 18vw;
    gap: 12vw;
  }
  .product-item,
  .product-item.rowReverse {
    flex-direction: column;
  }
  .product-itemImage,
  .product-itemBody {
    width: 100%;
  }
  .product-itemImage .swiper-slide img {
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .product-itemPagination {
    margin-top: 5.33333vw;
  }
  .product-itemPagination .swiper-pagination-bullet {
    width: 3.73333vw;
    height: 3.73333vw;
    margin: 0 2.66666vw !important;
  }
  .product-firstItemText {
    margin-top: 4vw;
  }
  .product-firstItemText p {
    font-size: 3.46666vw;
  }
  .product-itemBody.firstItemBody,
  .product-itemBody.secondItemBody,
  .product-itemBody.thirdItemBody,
  .product-itemBody.fourthItemBody {
    padding-top: 0;
  }
  .product-itemHeading {
    margin-top: 5.33333vw;
  }
  .product-itemHeading h3 {
    font-size: 6.4vw;
    letter-spacing: 0;
  }
  .product-itemHeading p {
    font-size: 3.46666vw;
    line-height: 1.5;
  }
  .product-itemInfo.limited {
    margin-top: 1.86666vw;
    padding-left: 11.2vw;
  }
  .product-itemInfo.limited::before {
    font-size: 2.66666vw;
    padding-left: 1.6vw;
    padding-right: 1.33333vw;
    line-height: 1.5;
  }
  .product-itemInfo p {
    font-size: 3.46666vw;
    letter-spacing: normal;
  }
  .product-itemColor {
    margin-top: 3.2vw;
  }
  .product-itemColor-box {
    width: 9.33333vw;
  }
  .product-itemColor-name p {
    font-size: 2.93333vw;
  }
  .product-itemScript {
    margin-top: 4vw;
  }
  .product-itemScript.firstItemScript {
    margin-top: 4vw;
  }
  .product-itemScript p {
    font-size: 3.2vw;
    line-height: 1.9;
  }
  .product-itemLinkButton,
  .product-itemLinkButton.firstItemButton {
    margin-top: 8vw;
    text-align: center;
  }
  .c-linkButton-in {
    max-width: 64vw;
    padding-top: 2.93333vw;
    padding-bottom: 3.46666vw;
  }
  .c-linkButton-in p {
    font-size: 4.26666vw;
  }

  /* ---------------------- */
  /* --- how to make up --- */
  /* ---------------------- */
  .htm {
    padding-top: 16vw;
    padding-bottom: 16vw;
    overflow: visible;
  }
  .htm-titleArea {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 117px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .htm-colorDots {
    position: static;
    transform: none;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    right: auto;
  }
  .htm-colorDot {
    width: 7.466vw;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    transition: opacity 0.3s;
  }
  .htm-colorDot:hover {
    opacity: 0.7;
  }
  .htm-colorDot img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .htm-titleArea .c-sectionTitle {
    font-size: 5.866vw;
    letter-spacing: 0.08em;
    line-height: 1;
  }
  .htm .htmInner,
  .htm-contentsInner {
    padding-inline: 0;
  }
  .htm-contents {
    margin-top: 5.33333vw;
  }
  .htm-boxes {
    position: relative;
    padding: 22vw 0 10.66666vw;
    overflow: visible;
  }
  .htm-slideBg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 160vw;
    aspect-ratio: 1 / 1;
    max-width: none;
    overflow: visible;
    pointer-events: none;
    z-index: 0;
  }
  .htm-slideBg img {
    display: block;
    width: 100%;
    height: auto;
  }
  .htm-pointNav {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4.26666vw 5.33333vw 9vw;
    gap: 60px;
    z-index: 10;
    pointer-events: none;
    background: transparent;
  }
  .htm-pointNav .htm-prevBtn,
  .htm-pointNav .htm-nextBtn {
    pointer-events: auto;
    flex-shrink: 0;
  }
  .htm-pointNavLabel {
    display: block;
    font-size: 4.26666vw;
    line-height: 1;
    letter-spacing: 0.08em;
    text-align: center;
    margin: 0;
  }
  .htmSwiper {
    position: relative;
    z-index: 1;
    padding-bottom: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
  }
  .htmSwiper:not(.swiper-initialized) .swiper-slide + .swiper-slide {
    display: none;
  }
  .htm-slide {
    padding: 0;
    width: 100%;
  }
  .htm-slideBody {
    position: relative;
    width: 100%;
  }
  .htm-slide .htm-pointLabel {
    display: none;
  }
  .htmSwiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
  }
  .htmSwiper .swiper-slide {
    height: auto !important;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
  }
  .htm-slideImage {
    max-width: none;
    width: 100%;
    margin-inline: 0;
    padding-inline: 8.33333vw;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
  }
  .htm-slideImage img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 0;
    visibility: visible;
    opacity: 1;
  }
  .htm-slideImage img.htmSlideImgSp {
    aspect-ratio: 1 / 1;
    object-fit: contain;
  }
  .htm-slideImage img.htmSlideImgSp--01 {
    aspect-ratio: 676 / 765;
  }
  .htm-productPanels {
    position: relative;
    z-index: 1;
  }
  .htm-productPanel {
    display: none;
  }
  .htm-productPanel.is-active {
    display: block;
  }
  .htm-slideBottom {
    display: block;
    padding-top: 17vw;
    padding-inline: 5.33333vw;
  }
  .htm-pagination {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5.33333vw;
    padding: 4vw 5.33333vw 10.66666vw;
    z-index: 5;
    pointer-events: none;
  }
  .htm-pagination .swiper-pagination-bullet {
    pointer-events: auto;
  }
  .htm-hotspot {
    display: none;
  }
  .htm-slideDetail img {
    display: block;
    width: 100%;
    height: auto;
  }
  .htm-slideDetail a {
    display: block;
  }
  .htm-slideDetail--single {
    display: flex;
    justify-content: center;
    padding-top: 0;
  }
  .htm-slideDetail--single img {
    width: 145px;
  }
  .htm-slideDetail--grid {
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat(2, 145px);
    column-gap: 2.7vw;
    row-gap: 4.4vw;
    align-items: start;
    justify-content: center;
  }
  .htm-slideDetail--row {
    padding-top: 0;
    display: grid;
    justify-content: center;
    align-items: flex-start;
    grid-template-columns: repeat(2, 145px);
    gap: 2.7vw;
  }
  .htm-slideDetail--row a {
    flex: 1;
  }
  .htm-acc {
    border-top: 1px solid #707070;
    margin-top: 5.33333vw;
  }
  .htm-accHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.2vw 0;
    border-bottom: 1px solid #707070;
    cursor: pointer;
    list-style: none;
  }
  .htm-accHead::-webkit-details-marker {
    display: none;
  }
  .htm-accTitle {
    font-size: 4.26666vw;
    line-height: 1;
    letter-spacing: 0.04em;
  }
  .htm-accIcon {
    font-size: 4.8vw;
    line-height: 1;
    color: #666;
  }
  .htm-acc[open] .htm-accIcon::before {
    content: "−";
  }
  .htm-acc:not([open]) .htm-accIcon::before {
    content: "+";
  }
  .htm-accBody {
    padding: 4.26666vw 0 8vw;
  }
  .htm-accBody img {
    display: block;
    width: 100%;
    height: auto;
  }
  .htm-accBody p {
    font-size: 2.66666vw;
    line-height: 2;
    color: #666;
  }
  .htm-accBody p + p {
    margin-top: 0;
  }
  .htm-accMark {
    display: inline-grid;
    place-items: center;
    min-width: 4.26666vw;
    height: 4.26666vw;
    padding-inline: 0.53333vw;
    border: 1px solid #707070;
    background: #fff;
    font-size: 2.66666vw;
    line-height: 1;
    vertical-align: middle;
    margin-inline: 0.26666vw;
  }
  .htm-prevBtn,
  .htm-nextBtn {
    width: 4.8vw;
    height: 4.8vw;
  }
  .htm-prevBtn img,
  .htm-nextBtn img {
    display: block;
    width: 100%;
    height: auto;
  }
  .htm-prevBtn::before,
  .htm-nextBtn::before {
    display: none;
  }
  .htm-pagination .swiper-pagination-bullet {
    width: 3.2vw;
    height: 3.2vw;
    margin: 0 !important;
  }

  /* ------------------- */
  /* --- limited set --- */
  /* ------------------- */
  .set {
    margin-top: 0;
    padding-top: 10.66666vw;
    padding-bottom: 10.66666vw;
    padding-inline: 0;
    overflow: visible;
  }
  .set > .inner {
    padding-top: 0;
    padding-bottom: 0;
    padding-inline: 0;
  }
  .set > .inner > .set-titleArea.sp_none {
    display: none !important;
  }
  .set-list {
    margin-top: 0;
    gap: 22vw;
  }
  .set-item {
    position: relative;
    padding-top: 10.66666vw;
    padding-bottom: 10.66666vw;
    padding-inline: 5.866vw;
  }
  .set-itemCircleWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200vw;
    min-height: 100%;
    pointer-events: none;
    z-index: 0;
  }
  .set-itemCircleWrap img {
    display: block;
    width: 100%;
    height: auto;
  }
  .set-itemInner {
    position: relative;
    z-index: 1;
  }
  .set-item .set-titleArea {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 8vw;
  }
  .set-item .set-titleArea .c-sectionTitle {
    font-size: 5.866vw;
    text-align: center;
  }
  .set-itemImage {
    text-align: center;
  }
  .set-itemImage img.firstSetImgSp {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  .set-itemImage img.secondSetImgSp {
    max-width: 74.66666vw;
    width: 74.66666vw;
    height: auto;
  }
  .set-itemBody {
    margin-top: 5.33333vw;
  }
  .set-itemHeading h3 {
    font-size: 4.266vw;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
  }
  .set-itemPrice {
    margin-top: 2.13333vw;
  }
  .set-itemPrice p {
    font-size: 3.46666vw;
    line-height: 1.5;
  }
  .set-itemDetail {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 2.66666vw;
  }
  .set-itemDetail.firstItemDetail,
  .set-itemDetail.secondItemDetail {
    margin-top: 2.66666vw;
  }
  .set-itemDetailHalf:nth-child(1) {
    width: 100%;
    order: 2;
  }
  .set-itemDetailHalf:nth-child(2) {
    order: 1;
  }
  .set-itemScript {
    margin-top: 2.66666vw;
  }
  .set-itemScript p {
    font-size: 3.2vw;
    line-height: 1.84;
  }
  .set-itemContentsHead {
    margin-bottom: 0;
  }
  .set-itemContentsHead p {
    font-size: 3.2vw;
    line-height: 1.84;
  }
  .set-itemContents p,
  .set-itemContents li p {
    font-size: 2.666vw;
    line-height: 1.84;
  }
  .set-itemLinkButton {
    margin-top: 8vw;
  }
  .set-itemLinkButton .c-link a::before {
    width: 42.66666vw;
  }

  /* --------------- */
  /* --- profile --- */
  /* --------------- */
  .profile {
    padding-top: 31.66666vw;
    padding-bottom: 8vw;
  }
  .profile-contents {
    display: flex;
    width: 77.06666vw;
    margin-left: auto;
    margin-right: auto;
    align-items: start;
    gap: 5.86666vw;
  }
  .profile-image {
    width: 39.46666vw;
  }
  .profile-image img {
    width: 100%;
    height: auto;
  }
  .profile-body {
    padding-top: 6.66666vw;
  }
  .profile-head p {
    font-size: 3.46666vw;
    letter-spacing: -0.05333vw;
  }
  .profile-name {
    margin-top: 4.8vw;
  }
  .profile-name h2 {
    font-size: 8vw;
  }
  .profile-schedules {
    margin-top: 10.66666vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.33333vw;
  }
  .profile-schedules .c-schedule:last-child {
    grid-column: auto;
  }
  .profile-linkButton {
    margin-top: 28vw;
  }
  .profile-linkButton .c-linkButton-in {
    max-width: 70vw;
  }
  .profile-linkButton .fontSmall {
    font-size: 3.2vw;
  }
  .profile-linkButton .fontMain {
    font-size: 4.26666vw;
  }

  /* ---------------- */
  /* --- campaign --- */
  /* ---------------- */
  .campaign {
    margin-top: 33vw;
    padding-top: 25.6vw;
    padding-bottom: 10.66666vw;
    overflow: visible;
  }
  .campaign-circleWrap {
    width: 320vw;
  }
  .campaign > .inner {
    padding-inline: 4vw;
  }
  .campaign-titel-sp {
    margin-bottom: 9.8vw;
  }
  .campaign-titel-sp strong {
    font-size: 6.93333vw;
    line-height: 1.19;
  }
  .campaignBox.campaignReserve {
    padding-bottom: 6.4vw;
  }
  .campaignBox.campaignPurchase {
    padding-top: 2.66666vw;
  }
  .campaignBox-heading h2 {
    font-size: 4vw;
    margin-bottom: 1.06666vw;
    color: #CD988D;
  }
  .campaignBox-text {
    margin-top: 1.86666vw;
  }
  .campaignBox-text p {
    font-size: 3.73333vw;
  }
  .fontLarge {
    font-size: 4.26666vw !important;
    font-weight: 500;
  }
  .campaignBox-schedule {
    margin-top: 1.6vw;
    gap: 2.13333vw;
    flex-wrap: wrap;
  }
  .campaignBox-scheduleHead {
    padding: 1.33333vw 1.06666vw;
  }
  .campaignBox-scheduleHead p {
    font-size: 2.93333vw;
  }
  .campaignBox-scheduleMain p {
    font-size: 3.2vw;
  }
  .campaignBox-scheduleMain .numbers {
    font-size: 4.26666vw;
  }
  .campaignBox-image img {
    max-width: 85vw;
  }
  .campaignBox-presentText p {
    font-size: 3.73333vw;
  }
  .campaignBox-textSub p {
    font-size: 2.66666vw;
  }
  .c-schedules {
    flex-direction: column;
    align-items: center;
    gap: 1.33333vw;
  }
  .campaign-schedules {
    margin-top: 8vw;
  }
  .c-schedule p .date {
    font-size: 4.26666vw;
    letter-spacing: normal;
  }
  .c-schedule p .fontSmall {
    font-size: 3.2vw;
  }
  .c-schedule p .ja {
    font-size: 3.4666vw;
    letter-spacing: normal;
  }
  .c-schedule.small p .date {
font-size: 3.4666vw;
  }
  .c-schedule p .fontSmall {
    font-size: 2.6666vw;
  }
  
  .c-schedule.small p .ja {
    font-size: 2.4vw;

  }
  .campaign-linkButton {
    margin-top: 8vw;
  }
  .campaign-linkButton .c-linkButton-in {
    max-width: 85vw;
  }
  .campaign-linkButton .fontSmall {
    font-size: 3.2vw;
  }
  .campaign-linkButton .fontMain {
    font-size: 4.26666vw;
  }
}