/*------------------------------------------------------------------------------
↓↓↓　search.cssの記述を打ち消し
------------------------------------------------------------------------------*/
.promotion-banner{
  margin-top:0;
}
@media (min-width: 768px){
  .promotion-banner {
    margin-top:0;
  }
}
.red-2-orange .promotion-banner::before,
.promotion-banner::before{
  background:none;
}
/*------------------------------------------------------------------------------
↑↑↑　search.cssの記述を打ち消し
------------------------------------------------------------------------------*/
.container.content-asset-container {
	max-width: 100% !important;
    padding: 0;
}

@font-face {
    font-family: "eina";
    src: url("/html/user_data/assets/img/fonts/Eina01-Bold.ttf") format('truetype');
}
@font-face {
    font-family: "camphorw";
    src: url("/html/user_data/assets/img/fonts/CamphorW01-Regular.ttf") format('truetype');
}


body .lpWrap {
    margin: 0;
    font-size: 62.5%;
    font-family: 'メイリオ', 'nunito-light', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
p {
    margin: 0;
    padding: 0;
}
/* img {
    width: 100%;
    height: auto;
} */
.position-relative {
    position: relative !important;
}
.img {
    position: relative;
}
.text p {}
.lpWrap .text p span {
    display: inline-block;
}

.only900 {
    display: none;
}
.only480 {
    display: block;
}
.tbOnly768 {
    display: block;
}
.spOnly480 {
    display: none;
}
@media screen and (max-width: 1400px) {}
@media screen and (max-width: 900px) {
    .only900 {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .only900 {
        display: none;
    }
    .tbOnly768 {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .only480 {
        display: none;
    }
    .spOnly480 {
        display: block;
    }
}

/*******************************************************/
.lp-video-container {
    padding: 70.73% 0 0 0;
    background: url(/html/user_data/assets/img/curio/mv.jpg);
    background-size: cover;
    background-position: center;
}
/* .lp-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */
@media screen and (max-width: 768px) {
    .lp-video-container {
        padding: 141.4% 0 0 0;
        background: url(/html/user_data/assets/img/curio/mv_sp.jpg);
        background-size: cover;
        background-position: center;
    }
}

/*******************************************************/
.sec01 {
    height: 119.427083vw;
    background: url(/html/user_data/assets/img/curio/blueBg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}
.sec01 > .sec01Copy {
    width: min(600px, 31.25vw);
    position: absolute;
    top: 8.333vw;
    left: 7.0313vw;
}
.sec01 > .sec01Copy p {
    font-size: clamp(14px, 1.041667vw, 20px);
    letter-spacing: 0.05em;
    line-height: 1.46;
    color: #fff;
}
.sec01 > .sec01Copy .img.theme {
    width: 92%;
    margin: 0 0 min(50px, 2.60167vw) 0;
}
.sec01 > .sec01Copy p span {
    display: inline-block;
}
.sec01 > .sec01Copy p.intro {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: solid 1px #fff;
}
.sec01 > .sec01Copy p.redDot {
    margin: 0 0 30px 0;
}
.sec01 > .sec01Copy p .aboutReddot {
    width: auto;
    margin: 0 0 15px 0;
    padding: 0.5rem 0.75rem;
    display: inline-block;
    font-family: "eina";
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    color: #009aac;
    background: #fff;
    border-radius: 20px;
}
@media screen and (max-width: 1300px) {
    .sec01 > .sec01Copy p {
        font-size: clamp(12px, 1.076923vw, 14px);
    }
    .sec01 > .sec01Copy p.intro {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
    }
    .sec01 > .sec01Copy p.redDot {
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 1024px) {
    .sec01 {
        height: 122vw;
    }
    .sec01 > .sec01Copy {
        width: min(300px, 33.333vw);
        top: 4vw;
        left: 4vw;
    }
}
@media screen and (max-width: 900px) {
    .sec01 {
        height: 140vw;
    }
}
@media screen and (max-width: 800px) {
    .sec01 {
        height: 145vw;
    }
}
@media screen and (max-width: 768px) {
    .sec01 {
        height: 220vw;
    }
    .sec01 > .sec01Copy {
        width: 80vw;
        top: 63vw;
        right: 10vw;
        left: 10vw;
    }
    .sec01 > .sec01Copy p span {
        display: unset;
    }
    .sec01 > .sec01Copy .img.theme {
        width: 300px;
        margin: 0 auto 30px;
    }
}
@media screen and (max-width: 650px) {
    .sec01 {
        height: 250vw;
    }
}
@media screen and (max-width: 580px) {
    .sec01 {
        height: 265vw;
    }
}
@media screen and (max-width: 480px) {
    .sec01 {
        height: 480vw;
        background: url(/html/user_data/assets/img/curio/blueBg_sp.jpg) no-repeat;
        background-size: cover;
    }
    .sec01 > .sec01Copy .img.theme {
        width: 82.666vw;
        margin: 0 auto clamp(28px, 8vw, 38px);
    }
    .sec01 > .sec01Copy {
        width: 89.333vw;
        top: 30vw;
        right: 0;
        left: 0;
        margin: auto;
    }
    .sec01 > .sec01Copy p.intro {
        margin: 0;
        padding: 0;
        border-bottom: unset;
    }
    .sec01 .copy.spOnly480 {
        width: 89.333vw;
        margin: auto;
        position: absolute;
        top: 260vw;
        right: 0;
        left: 0;
    }
    .sec01 .copy.spOnly480 p {
        font-size: clamp(12px, 1.076923vw, 14px);
        color: #fff;
    }
    .sec01 .copy.spOnly480 p span {
        display: unset;
    }
    .sec01 .copy.spOnly480 p br {
        display: none;
    }
    .sec01 .copy.spOnly480 p.redDot {
        margin: 0 0 20px 0;
    }
    .sec01 .copy.spOnly480 p .aboutReddot {
        width: fit-content;
        margin: 0 0 15px 0;
        padding: 0.5rem 0.75rem;
        display: block;
        font-family: "eina";
        font-weight: bold;
        letter-spacing: 0;
        line-height: 1;
        color: #009aac;
        background: #fff;
        border-radius: 20px;
    }
}
@media screen and (max-width: 380px) {
    .sec01 {
        height: 520vw;
    }
    .sec01 > .sec01Copy {
        top: 15vw;
    }
}

.itemList {
    width: 59.5313vw;
    margin: auto;
    position: absolute !important;
    right: 0;
    bottom: min(170px, 8.854167vw);
    left: 0;
    z-index: 100 !important;
}
.itemList ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.itemList ul li {
    width: calc((100% / 3) - 1rem);
    display: flex;
    flex-direction: column;
}
.itemList ul li .img {
    position: relative;
    top: 5vw;
}
.itemList ul li .img .sIcon {
    width: clamp(30px, 2.604167vw, 50px);
    position: absolute;
    top: 4vw;
    right: 0;
    left: 0;
    margin: auto;
}
.itemList ul li .itemDetail {
    width: auto;
    padding: min(75px, 3.90625vw) min(50px, 2.604167vw) min(50px, 2.604167vw);
    text-align: center;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 30px;
}
.itemList ul li .itemDetail .aboutSize {
    width: 60px;
    height: 60px;
    margin: 0 auto 1.5625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "camphorw";
    font-weight: bold;
    font-size: min(38px, 1.979167vw);
    letter-spacing: 0.015em;
    line-height: 1;
    color: #000;
    background: #fff;
    border-radius: 100%;
}
.itemList ul li .itemDetail .detailTxt p {
    font-family: "camphorw";
    color: #fff;
    line-height: 1;
}
.itemList ul li .itemDetail .detailTxt .capacity {
    margin: 0 0 1.25rem 0;
    font-size: min(50px, 2.604167vw);
    letter-spacing: 0.015em;
    font-weight: bold;
}
.itemList ul li .itemDetail .detailTxt .size01,
.itemList ul li .itemDetail .detailTxt .size02 {
    font-size: min(24px, 1.25vw);
    letter-spacing: 0.05em;
}
.itemList ul li .itemDetail .detailTxt .size01 {
    padding: 0 0 0.65rem 0;
    border-bottom: solid 1px #fff;
}
.itemList ul li .itemDetail .detailTxt .size02 {
    padding: 0.65rem 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
a.shopBtn,
a.moreBtn {
    width: 20rem;
    height: 4.5rem;
    margin: 50px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-decoration: none;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 35px;
}
@media screen and (max-width: 1300px) {
    .itemList ul li .itemDetail .aboutSize {
        width: clamp(40px, 4.615385vw, 60px);
        height: clamp(40px, 4.615385vw, 60px);
    }
    a.shopBtn,
    a.moreBtn {
        width: clamp(14rem, 24.615385vw, 20rem);
        height: clamp(3rem, 5.538462vw, 4.5rem);
        margin: clamp(30px, 3.846154vw, 50px) auto 0;
        font-size: clamp(18px, 1.846154vw, 24px);
    }
}
@media screen and (max-width: 1024px) {
    .itemList {
        bottom: min(60px, 5.859375vw);
    }
    .itemList ul li .itemDetail .detailTxt .size01,
    .itemList ul li .itemDetail .detailTxt .size02 {
        letter-spacing: 0.025em;
    }
}
@media screen and (max-width: 900px) {
    .itemList ul li .img .sIcon {
        top: 3.5vw;
    }
}
@media screen and (max-width: 768px) {
    .itemList {
        width: 80vw;
        top: 130vw;
        bottom: unset;
    }
    .itemList ul li .img .sIcon {
        top: 5vw;
    }
    .itemList ul li .itemDetail .detailTxt .size01,
    .itemList ul li .itemDetail .detailTxt .size02 {
        font-size: clamp(12px, 1.822917vw, 14px);
    }
    .itemList ul li .itemDetail .aboutSize {
        font-size: clamp(18px, 3.125vw, 24px);
    }
    .itemList ul li .itemDetail .detailTxt .capacity {
        font-size: clamp(18px, 3.125vw, 24px);
    }
}
@media screen and (max-width: 650px) {
    .itemList {
        top: 140vw;
    }
    .itemList ul li {
        width: calc((100% / 3) - 0.5rem);
    }
    .itemList ul li .img .sIcon {
        top: 4.5vw;
    }
}
@media screen and (max-width: 580px) {
    .itemList {
        top: 162vw;
    }
    .itemList ul li .img .sIcon {
        top: 3vw;
    }
}
@media screen and (max-width: 480px) {
    .itemList {
        width: 100%;
        top: 290vw;
    }
    .itemList ul li {
        width: 100%;
    }
    .itemList ul li .img {
        top: 17vw;
    }
    .itemList ul li .itemDetail {
        padding: min(64px, 13.333vw) min(30px, 6.1333vw) min(42px, 8.8vw);
    }
    .itemList ul li .itemDetail .aboutSize {
        width: clamp(30px, 10.416667vw, 50px);
        height: clamp(30px, 10.416667vw, 50px);
        font-size: clamp(20px, 6.25vw, 30px);
        margin: 0 auto 1rem;
    }
    .itemList ul li .itemDetail .detailTxt .capacity {
        margin: 0 0 1rem 0;
        font-size: clamp(20px, 6.25vw, 30px);
    }
    .itemList ul li .itemDetail .detailTxt .size01,
    .itemList ul li .itemDetail .detailTxt .size02 {
        font-size: clamp(14px, 4.1667vw, 20px);
    }
    .itemList ul li .img .sIcon {
        top: 15vw;
    }
}
@media screen and (max-width: 380px) {
    .itemList {
        top: 310vw;
    }
    .itemList ul li .img .sIcon {
        top: 12vw;
    }
}

/*******************************************************/


/*******************************************************/
.sec02 {
    height: 131.40625vw;
    margin: -36.354167vw 0 0 0;
    background: url(/html/user_data/assets/img/curio/yellowBg.png) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
/* main */
.swiper.detailSlider {
    /* width: 87.6042vw;
    margin: 0 auto; */
    padding: 33.854167vw 0 0 0;
    position: relative;
}
.swiper.detailSlider .swiper-wrapper {
    width: 87.6042vw;
}
.swiper.detailSlider .swiper-slide.detailItem {
    max-width: 29.6875vw;
    margin: 0 min(35px, 1.822917vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-property: opacity !important;
    transition: all .5s ease;
}
.swiper.detailSlider .swiper-slide.detailItem:not(.swiper-slide-active) {
    transform: scale(0.85);
    transform-origin: center;
    opacity: 0.5;
    transition: all .5s ease;
}
.swiper.detailSlider .swiper-slide.detailItem:not(.swiper-slide-active) .copy {
    opacity: 0;
}
.swiper.detailSlider .swiper-slide {
    transition-property: opacity !important;
}
.swiper.detailSlider .swiper-slide.detailItem .copy {
    width: 48.4375vw;
    /* padding: 4.947917vw 0 0 0; */
    /* padding: 9.8958vw 0 0 0; */
    padding: 6.25vw 0 0 0;
}
.swiper.detailSlider .swiper-slide.detailItem .copy p {
    color: #fff;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.015em;
}
.swiper.detailSlider .swiper-slide.detailItem .copy p span {
    display: inline-block;
}
.swiper.detailSlider .swiper-slide.detailItem .copy p.detailName {
    margin: 0 0 1.5rem 0;
    font-family: "eina";
    font-size: clamp(24px, 1.46vw, 28px);
    line-height: 1;
}
.swiper.detailSlider .swiper-slide.detailItem .copy p.detailTxt {
    font-size: clamp(16px, 0.9375vw, 18px);
    line-height: 1.5;
}
.swiper.detailSlider .swiper-pagination {
    height: fit-content;
    top: 66.5vw;
    bottom: calc(33.5vw - 20px);
}
.swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    background: #fff !important;
    /* top: -34.1146vw; */
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    /* background: rgba(255, 255, 255, 0.3) !important; */
    opacity: 0.3;
}

@media screen and (max-width: 1300px) {
    .swiper-pagination-bullet {
        width: clamp(14px, 1.54vw, 20px) !important;
        height: clamp(14px, 1.54vw, 20px) !important;
    }
}
@media screen and (max-width: 1024px) {
    .swiper.detailSlider .swiper-slide.detailItem {
        max-width: 33.333vw;
        margin: 0 auto;
    }
    .swiper.detailSlider .swiper-pagination {
        top: 69.5vw;
        bottom: calc(31.5vw - 20px);
    }
}
@media screen and (max-width: 850px) {
    .swiper.detailSlider .swiper-slide.detailItem .copy {
        width: 60vw;
    }
}
@media screen and (max-width: 768px) {
    .swiper.detailSlider .swiper-slide.detailItem .copy {
        width: 90vw;
    }
}
@media screen and (max-width: 600px) {
    .sec02 {
        height: 200vw;
        margin: -80px 0 0 0;
        background: url(/html/user_data/assets/img/curio/yellowBg_sp.png) no-repeat;
    }
    .swiper.detailSlider {
        padding: 8vw 0 0 0;
    }
    .swiper.detailSlider .swiper-slide.detailItem {
        max-width: unset;
    }
    .swiper.detailSlider .swiper-pagination {
        top: 100vw;
        bottom: 0;
    }
    .swiper.detailSlider .swiper-slide.detailItem .copy {
        width: auto;
        padding: 24vw 0 0 0;
    }
    .swiper.detailSlider .swiper-slide.detailItem .copy p.detailName {
        font-size: clamp(20px, 4vw, 24px);
    }
    .swiper.detailSlider .swiper-slide.detailItem .copy p.detailTxt {
        font-size: clamp(14px, 2.666vw, 16px);
    }
}
@media screen and (max-width: 380px) {
    .sec02 {
        height: 230vw;
    }
}
/*******************************************************/


/*******************************************************/
.sec03 {
    height: 85vw;
    margin: -19.114583vw 0 0 0;
    background: url(/html/user_data/assets/img/curio/pinkBg.png) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}
.sec03 .swiper.situationSlider {
    padding: 0 0 3.5vw 0;
}
.sec03 .swiper.situationSlider .swiper-wrapper {
    width: 100%;
}
.sec03 .swiper.situationSlider .swiper-wrapper .swiper-slide.situation {
    margin: 0 auto;
    text-align: center;
    transition: all .6s ease;
}
.sec03 .swiper.situationSlider .swiper-wrapper .swiper-slide.situation img {
    max-width: 44.2708vw;
    /* margin: 0 min(110px, 5.729167vw); */
    transition: all .6s ease;
    box-shadow: 0px 18px 22px rgb(0 0 0 / 50%);
    border-radius: 25px;
}
.sec03 .swiper.situationSlider .swiper-wrapper .swiper-slide.situation:not(.swiper-slide-active) img {
    transform: scale(0.72);
}
.sec03 .swiper.situationSlider .swiper-wrapper .swiper-slide.situation.swiper-slide-next {
    margin-top: 4.583333vw
}
.sec03 .swiper.situationSlider .swiper-wrapper .swiper-slide.situation.swiper-slide-prev {
    margin-top: -4.583333vw;
}
.sec03 .swiper.situationSlider .swiper-button-next {
    right: 20vw;
}
.sec03 .swiper.situationSlider .swiper-button-prev {
    left: 20vw;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
    transform: scaleX(0.65);
}
.sec03 .swiper.situationSlider .swiper-pagination {
    top: 69.25vw;
    bottom: 0;
}
@media screen and (max-width: 600px) {
    .sec03 {
        height: 150vw;
    }
    .sec03 .swiper.situationSlider {
        padding: 0 0 10vw 0;
    }
    .sec03 .swiper.situationSlider .swiper-wrapper .swiper-slide.situation img {
        max-width: 77.333vw;
        box-shadow: 0px 18px 22px rgb(0 0 0 / 50%);
        border-radius: 15px;
    }
    .sec03 .swiper.situationSlider .swiper-pagination {
        top: 122.5vw;
        bottom: 0;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-weight: bold;
    }
    .sec03 .swiper.situationSlider .swiper-button-next {
        right: 10px;
    }
    .sec03 .swiper.situationSlider .swiper-button-prev {
        left: 10px;
    }
}
@media screen and (max-width: 380px) {
    .sec03 .swiper.situationSlider .swiper-button-next {
        right: 5px;
    }
    .sec03 .swiper.situationSlider .swiper-button-prev {
        left: 5px;
    }
}