header#header {
    display: block !important;
    z-index: 100;
}

#lp-contents {
    width: 100%;
    margin: 0 auto;
    color: #000;
    text-align: center;
    font-family: 'Zen Kaku Gothic New' , 'Zen Kaku Gothic Antique', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 2.3em;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
}
#lp-contents * {
    font-family: 'Zen Kaku Gothic New' , 'Zen Kaku Gothic Antique', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    /* letter-spacing: 0.05em; */
    
}
#lp-contents a {
    text-decoration: none;
    transition: 0.3s;
}
#lp-contents a:hover {
    opacity: 0.7;
}
.lp-contents-inner {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    padding: 0;
}
.lp-top {
    width: 100%;
    position: relative;
}
.lp-top .mv {
    position: relative;
}
.lp-top .mv h2 {
    width: 68%;
    max-width: 522px;
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}
.lp-top p {
    width: 95%;
    margin: 120px auto 70px;
}
.lp-top .yoyaku_ttl {
    width: 90%;
    max-width: 690px;
    margin: 0 auto 70px;
}
.lp-top .comingsoon_ttl {
    width: 90%;
    max-width: 690px;
    margin: 0 auto 70px;
    position: relative;
}
.lp-top .comingsoon_ttl a {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 22%;
    text-align: center;
    font-size: 1.08em;
    line-height: 1;
    letter-spacing: 0;
}
.lp-top .page_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-bottom: 60px;
}
.lp-top .page_nav li {
    width: 40%;
    max-width: 274px;
}
.lp-top .page_nav li.nav_petit {
    width: 90%;
    max-width: 572px;
    font-size: 28px;
    letter-spacing: 2.8px;
}
.lp-top .page_nav li a {
    display: block;
}
.page_buy_btn {
    width: 100%;
    max-width: 850px;
}
.page_buy_btn.nav-fixed {
    position: fixed;
    bottom: 120px;
    z-index: 20;
    padding-bottom: 0;
}
.page_buy_btn.nav-fixed.none {
    opacity: 0;
    z-index: -1;
}
.page_buy_btn a.page_link_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 182px;
    height: 182px;
    margin: 0 7% 0 auto;
    padding-top: 20px;
    border: 3px solid #6676AD;
    border-radius: 50%;
    background: #6676AD;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600 !important;
    line-height: 1.3em;
}
.page_buy_btn a.page_link_btn:hover {
    background: #fff;
    color: #6676AD;
    opacity: 1 !important;
}

.nav-none {
    display: none;
}

.lp-main {
    width: 100%;
    margin: 150px auto 0;
    padding-bottom: 200px;
}
.area {
    margin: 170px auto 160px;
}
.area h3 {
    margin-bottom: 35px;
    font-family: 'futura-pt', sans-serif !important;
    font-size: 3.2em;
    font-weight: 600 !important;
    line-height: 1;
    letter-spacing: 0.15em;
}
.area.petit h3 {
    margin-bottom: 60px;
    font-size: 2.48em;
    letter-spacing: 7.68px;
}
.area.petit h3 span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 19px;
    margin-bottom: 14px;
}
.area.petit h3 span img:nth-child(1) {
    width: 148px;
}
.area.petit h3 span img:nth-child(2) {
    width: 189px;
}
.area .main_img {
    width: 100%;
    position: relative;
}
.area .main_img .set_icon {
    display: block;
    width: 180px;
    height: 180px;
    position: absolute;
    bottom: calc(-1 * (180px - 50px));
    left: 40px;
}
.area .main_sub {
    width: 81%;
    max-width: 688px;
    margin: 90px auto;
}
.area .main_sub p {
    padding-top: 8px;
    text-align: right;
    font-size: 0.75em;
    line-height: 1;
}
.area .set-info {
    width: 90%;
    margin: 65px auto 0;
}
.area .set-info p {
    margin-bottom: 15px;
    /* font-family: 'futura-pt', sans-serif !important; */
    font-weight: 600 !important;
    line-height: 1;
}
.area .set-info .price {
    margin-bottom: 25px;
    color: #000;
    font-family: 'futura-pt', sans-serif !important;
    font-size: 2.7em;
    letter-spacing: 1.75px;
}
.area .set-info .price span {
    font-size: 0.36em;
}
.area .set-info .price span.petit-yen {
    font-size: 0.8em;
}
.area .set-info .set,
.area .set-info .color {
    font-size: 1.15em;
    letter-spacing: 1.5px;
}
.area .set-info .care-icon {
    display: flex;
    justify-content: center;
    gap: 3.5%;
    margin-top: 50px;
}
.area .set-info .care-icon li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22.8%;
    max-width: 193px;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    background: #EAE0D6;
}
.area .set-info .care-icon li img {
    width: 79.3%;
    aspect-ratio: 1 / 1;
}
.area .detail {
    aspect-ratio: 850 / 497;
}
.area .model {
    width: 81%;
    max-width: 688px;
    margin: 90px auto 0;
}
.area.petit .model {
    margin-top: 65px;
}
.area .model p {
    margin-top: 60px;
    color: #666;
    line-height: calc(44.8 / 28);
}

/* タブ切替え */
.tabGroup {
    width: 82%;
    max-width: 690px;
    margin: 90px auto 120px;
    padding: 0;
}
.tabMenu {
    display: flex;
    gap: 18px;
    width: 100%;
}
.tabMenu li {
    width: calc((100% - 18px) / 2);
    padding: 28px 0;
    border: 3px solid #91A1C4;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    background: #fff;
    color: #6676AD;
    font-size: 1.2em;
    font-weight: 600 !important;
    line-height: 1;
    cursor: pointer;
}
.tabMenu li.active {
    border: 3px solid #D3DAEA;
    border-bottom: none;
    background: #D3DAEA;
    cursor: default;
}
.petit .tabMenu li {
    border-color: #EAE0D6;
    color: #5C5C5C;
}
.petit .tabMenu li.active {
    border-color: #EAE0D6;
    background: #EAE0D6;
}
.tabContent {
    display: none;
}
.tabContent.active {
    display: block;
}

.item_block {
    padding: 50px 0 0;
    background: #D3DAEA;
}
.item_block_petit {
    background: #EAE0D6;
}
.item_block .item_img {
    display: block;
    width: 87%;
    max-width: 594px;
    margin: 0 auto 43px;
    position: relative;
}
.item_block .yoyaku_icon {
    display: block;
    width: 125px;
    margin: 0 auto;
    padding: 6.3px 0;
    background: #fff;
    font-size: 0.9em;
    font-weight: 600 !important;
    line-height: 1;
}
.item_block h4 {
    width: 87%;
    margin: 10px auto 25px;
    font-size: 1.7em;
    font-weight: 600 !important;
    line-height: 1em;
}
.item_block h4 img.web_icon {
    display: block;
    width: 120px;
    margin: 0 auto;
}
.item_block h4 span {
    font-size: 0.7em;
    line-height: 1.5em;
}
/*
.item_block h4 span span.tax {
    font-size: 0.3em;
}
*/
.item_block .set_buy_btn {
    width: 82%;
    max-width: 562px;
    margin: 0 auto 48px;
}
.item_block .set_buy_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0 27px;
    border-radius: 10px;
    background: #6676AD;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600 !important;
    line-height: 1;
    letter-spacing: 0.05em;
}
.item_block_petit .set_buy_btn a {
    background: #98887D;
}
.petit_txt {
    margin: 50px auto 0;
    padding-bottom: 60px;
    font-size: 1.08em;
    line-height: calc(44.8 / 28);
    letter-spacing: 2.8px;
}
.item_block_line {
    height: 4px;
}
.set_item_block {
    margin: 0 auto;
    padding: 50px 0 38px;
    background: #D3DAEA;
}
.set_item_block_inner {
    width: 85%;
    max-width: 585px;
    margin: 0 auto;
}
.set_item_block h5 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 0 25px;
    text-align: left;
    font-size: 1.2em;
    font-weight: 600 !important;
    line-height: 1;
}
.set_item_block h5 span {
    font-size: 0.77em;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
}
.set_item_block ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.set_item_block ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.set_item_block ul li img {
    display: block;
    width: 84px;
}
.set_item_block ul li .item_detail {
    width: calc(100% - (84px + 17px));
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    text-align: left;
    font-size: 0.9em;
    line-height: 1;
}
.set_item_block ul li .item_detail::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -27px;
    background: #fff;
}
.set_item_block ul li:last-child .item_detail::after {
    display: none;
}
.set_item_block ul li .item_detail
.set_item_block ul li .item_detail .tax {
    font-size: 0.6em;
}
.set_item_block ul li .item_detail a {
    display: block;
    width: 70px;
    padding: 4.2px 0;
    border: 2px solid;
    border-radius: 5px;
    background: #fff;
    color: #6676AD;
    text-align: center;
    font-family: 'futura-pt', sans-serif !important;
    font-size: 1em;
    font-weight: 600 !important;
}
.set_item_block ul li .item_detail a.yoyaku_btn {
    width: 96px;
    padding: 5.4px 0;
    font-size: 0.9em;
    letter-spacing: 0px;
}
.set_item_block.other_item {
    padding-bottom: 65px;
    background: #F4F4F4;
}

.all_set_block {
    margin: 0 auto;
}
.all_set_block .all_set_ttl {
    width: 90%;
    margin: 0 auto 40px;
    font-size: 1.2em;
    font-weight: 600 !important;
    letter-spacing: 5px;
}
.all_set_block .swiper_set a {
    font-size: 0.9em;
    line-height: calc(38 / 24);
}
.all_set_block .swiper_set a .yoyaku_icon {
    display: block;
    width: 123px;
    margin: 30px auto 5px;
    padding: 6px 0;
    background: #f4f4f4;
    font-weight: 600 !important;
    line-height: 1;
}
.all_set_block .swiper_set a .name {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1%;
    font-size: 1.3em;
    font-weight: 600 !important;
}
.all_set_block .swiper_set a .name img.web_icon {
    width: 16%;
}
.all_set_block .swiper_set a .tax {
    font-size: 0.6em;
}

.attention {
    width: 90%;
    margin: 100px auto 0;
    color: #666;
    font-size: 0.9em;
    line-height: calc(42 / 24);
}

.link_area {
    width: 82%;
    max-width: 725px;
    margin: 70px auto 0;
}
.link_area .buy_btn_area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}
.link_area .buy_btn_area li {
    width: 100%;
}
.link_area .buy_btn_area li a {
    display: block;
    margin: 0 auto;
    padding: 34.2px 0;
    border-radius: 10px;
    background: #6676AD;
    color: #fff;
    font-size: 1.1em;
    font-weight: 600 !important;
    line-height: 1;
}

/* Swiper MV */
.swiper_mv {
    overflow: hidden;
}
.swiper_mv .swiper-wrapper {
    height: auto;
    -webkit-transition-timing-function: linear!important;
    -o-transition-timing-function: linear!important;
    transition-timing-function: linear!important;
}
.swiper_mv .swiper-wrapper .swiper-slide {
    height: 1020px !important;
    width: auto !important;
}
.swiper_mv .swiper-wrapper .swiper-slide img {
    width: auto;
    height: 100%;
}

/* Swiper Detail */
.swiper_detail {
    overflow: hidden;
}
.swiper_detail .swiper-wrapper {
    -webkit-transition-timing-function: linear!important;
    -o-transition-timing-function: linear!important;
    transition-timing-function: linear!important;
}
.swiper_detail .swiper-wrapper .swiper-slide {
    width: 397px !important;
    height: auto !important;
}
.swiper_detail .swiper-wrapper .swiper-slide a {
    display: block;
}
.swiper_detail .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
}

/* Swiper Item */
.swiper_item {
    overflow: hidden;
    position: relative;
}
.swiper_item .swiper-wrapper {
    width: 100%;
    height: auto;
}
.swiper_item .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper_item .swiper-wrapper .swiper-slide a {
    display: block;
}
/* 前へ次への矢印カスタマイズ */
.item_img .swiper-button-prev {
    left: -5%;
}
.item_img .swiper-button-next {
    right: -5%;
}
.item_img .swiper-button-prev:after,
.item_img .swiper-button-next:after {
  content: "" !important;
}
@media (max-width: 767px) {
    .item_img .swiper-button-prev,
    .item_img .swiper-button-next {
        transform: scale(0.5);
    }
    .item_img .swiper-button-prev {
        left: -8%;
    }
    .item_img .swiper-button-next {
        right: -8%;
    }
}

/* Swiper Model */
.swiper_model {
    overflow: hidden;
    position: relative;
}
.swiper_model:nth-child(2) {
    margin-top: 60px;
}
.swiper_model .swiper-wrapper {
    width: 100%;
    height: auto;
}
.swiper_model .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper_model .swiper-wrapper .swiper-slide a {
    display: block;
}
.swiper_model .swiper-wrapper .swiper-slide span {
    position: absolute;
    top: 15px;
    left: 25px;
    z-index: 2;
    color: #666;
    text-align: left;
    font-size: 1em;
    font-weight: 600 !important;
}
.swiper_model .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    opacity: 0.7;
}
@media (max-width: 767px) {
    .swiper_model .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        opacity: 0.7;
    }
}
.swiper_model .swiper-pagination-bullet-active {
    background: #fff;
}
/* 前へ次への矢印カスタマイズ */
.swiper_model .swiper-button-prev:after,
.swiper_model .swiper-button-next:after {
  content: "" !important;
}
@media (max-width: 767px) {
    .swiper_model .swiper-button-prev,
    .swiper_model .swiper-button-next {
        transform: scale(0.5);
    }
}

/* Swiper Set */
.swiper_set {
    overflow: hidden;
}
.swiper_set .swiper-wrapper {
    height: auto;
    -webkit-transition-timing-function: linear!important;
    -o-transition-timing-function: linear!important;
    transition-timing-function: linear!important;
}
.swiper_set .swiper-wrapper .swiper-slide {
    width: 397px !important;
    height: auto !important;
}
.swiper_set .swiper-wrapper .swiper-slide a {
    display: block;
}
.swiper_set .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
}

@media (max-width: 960px) {
    #lp-contents {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #lp-contents {
        font-size: 14px;
    }
    .lp-top p {
        margin: 40px auto;
    }
    .lp-top .yoyaku_ttl,
    .lp-top .comingsoon_ttl {
        margin-bottom: 40px;
    }
    .lp-top .page_nav {
        gap: 10px;
    }
    .lp-top .page_nav li {
        width: 45%;
    }
    .page_buy_btn {
        bottom: 10%;
    }
    .page_buy_btn.nav-fixed {
        bottom: 80px;
    }
    .page_buy_btn a.page_link_btn {
        width: 80px;
        height: 80px;
        padding-top: 9px;
        font-size: 1.1em;
        letter-spacing: -1px;
    }
    .lp-main {
        margin: 50px auto 0;
        padding-bottom: 100px;
    }
    .area {
        margin: 90px auto 100px;
    }
    .area.petit h3 {
        margin-bottom: 40px;
        letter-spacing: 1.68px;
    }
    .area .main_img .set_icon {
        width: 80px;
        height: 80px;
        bottom: -70px;
        left: 10px;
    }
    .area .main_sub {
        margin: 30px auto;
    }
    .area .set-info {
        margin-top: 45px;
    }
    .area .set-info p {
        margin-bottom: 10px;
    }
    .area .set-info .price {
        margin-bottom: 15px;
    }
    .area .set-info .care-icon {
        margin-top: 30px;
    }
    .area .set-info .care-icon li {
        width: 28%;
        border-radius: 10px;
    }
    .area .model {
        margin: 40px auto 0;
    }
    .area.petit .model {
        margin-top: 40px;
    }
    .area .model p {
        margin-top: 15px;
        font-size: 0.9em;
        letter-spacing: 0;
    }
    .tabGroup {
        margin: 40px auto 60px;
    }
    .tabMenu {
        gap: 10px;
    }
    .tabMenu li {
        width: calc((100% - 10px) / 2);
        padding: 18px 0;
    }
    .item_block {
        padding-top: 20px;
    }
    .item_block .item_img {
        margin-bottom: 20px;
    }
    .item_block .yoyaku_icon {
        width: 80px;
    }
    .item_block h4 {
        margin-bottom: 10px;
        letter-spacing: 0.05em;
    }
    .item_block h4 span {
        font-size: 0.6em;
        line-height: 1.6em;
    }
    .item_block .set_buy_btn {
        margin-bottom: 30px;
    }
    .item_block .set_buy_btn a {
        padding: 12px 0;
        border-radius: 5px;
    }
    .petit_txt {
        margin-top: 0;
        padding-bottom: 30px;
        letter-spacing: 1.8px;
    }
    .set_item_block {
        padding: 20px 0;
    }
    .set_item_block_inner {
        width: 88%;
    }
    .set_item_block h5 {
        margin-bottom: 8px;
    }
    .set_item_block ul li {
        font-size: 0.85em;
    }
    .set_item_block ul li img {
        width: 50px;
    }
    .set_item_block ul li .item_detail {
        width: calc(100% - 55px);
        ont-size: 0.95em;
        line-height: 1.3;
    }
    .set_item_block ul li .item_detail::after {
        height: 1px;
        bottom: -18px;
    }
    .set_item_block ul li .item_detail .tax {
        font-size: 0.7em;
    }
    .set_item_block ul li .item_detail a {
        width: 45px;
        padding: 3px 0;
        border-radius: 5px;
        font-size: 1.1em;
    }
    .set_item_block ul li .item_detail a.yoyaku_btn {
        width: 44px;
        font-size: 0.8em;
    }
    .set_item_block.other_item {
        padding-bottom: 35px;
    }
    .all_set_block .all_set_ttl {
        letter-spacing: 1px;
    }
    .all_set_block .swiper_set a .yoyaku_icon {
        width: 83px;
    }
    .attention {
        width: 97%;
        margin-top: 50px;
    }
    .link_area {
        margin: 40px auto;
    }
    .link_area .buy_btn_area {
        gap: 15px;
        margin-top: 20px;
    }
    .link_area .buy_btn_area li a {
        padding: 17px 0;
    }
    /* Swiper MV */
    .swiper_mv .swiper-wrapper .swiper-slide {
        height: 500px !important;
    }
    /* Swiper Detail */
    .swiper_detail .swiper-wrapper .swiper-slide {
        width: 45% !important;
    }
    /* Swiper Set */ 
    .swiper_set .swiper-wrapper .swiper-slide {
        width: 45% !important;
    }
}

/*=============================================
 紙吹雪
 *=============================================*/
.confetti {
  position:fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.confetti span {
    position: absolute;
    top: -10%;
    left: 50%; /* 騾包ｽｻ鬮ｱ�｢闕ｳ�ｭ陞滂ｽｮ邵ｺ�ｫ鬩溷調�ｽ�ｮ */
    transform: translateX(-50%); /* 闕ｳ�ｭ陞滂ｽｮ陝�ｿｽ笳� */
    width: 35px;
    height: 35px;
    border-radius: 50%; /* 陷€�ｽ�ｽ�｢邵ｺ�ｫ髫ｪ�ｭ陞ｳ�ｽ */
  
}
/*郢ｧ�｢郢昜ｹ斟鍋ｹ晢ｽｼ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ邵ｺ�ｮ髫ｪ蛟ｩ�ｿ�ｰ*/
.confetti span:nth-child(2n + 1) {
    animation: confetti1 5s 0s linear infinite;
}
.confetti span:nth-child(2n + 2) {
    animation: confetti2 5s 0s linear infinite;
}

/*驍丞雀閨夜ｫｮ�ｪ郢ｧ雋槫ｱ馴怕�｢邵ｺ霈披雷郢ｧ邇厄ｽｨ蛟ｩ�ｿ�ｰ*/
@keyframes confetti1 {
  0% {
    top: -10%;
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  100% {
    top: 100%;
    transform: translateX(20px) rotateX(70deg) rotateY(360deg);
  }
}
@keyframes confetti2 {
  0% {
    top: -10%;
    transform: translateX(0) rotateX(0) rotateY(0);
  }

  100% {
    top: 100%;
    transform: translateX(0vw) rotateX(30deg) rotateY(360deg);
  }
}
/*驍丞雀閨夜ｫｮ�ｪ邵ｺ�ｮ鬩溷調�ｽ�ｮ*/
.confetti span:nth-child(10) {
  left: 0%;
}
.confetti span:nth-child(2) {
  left: 10%;
}
.confetti span:nth-child(4) {
  left: 30%;
}
.confetti span:nth-child(8) {
  left: 40%;
}
.confetti span:nth-child(6) {
  left: 50%;
}
.confetti span:nth-child(7) {
  left: 60%;
}
.confetti span:nth-child(3) {
  left: 80%;
}
.confetti span:nth-child(1) {
  left: 90%;
}
.confetti span:nth-child(11) {
  left: 100%;
}

/*驍丞雀閨夜ｫｮ�ｪ邵ｺ�ｮ陞滂ｽｧ邵ｺ髦ｪ��*/
.confetti span:nth-child(3n + 1) {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.confetti span:nth-child(3n + 2) {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.confetti span:nth-child(3n + 3) {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
@media (max-width: 768px){
    .confetti span:nth-child(3n + 1) {
      width: 25px;
      height: 25px;
      border-radius: 50%;
    }
    .confetti span:nth-child(3n + 2) {
      width: 25px;
      height: 25px;
      border-radius: 50%;
    }
    .confetti span:nth-child(3n + 3) {
      width: 25px;
      height: 25px;
      border-radius: 50%;
    }
}

/*驍丞雀閨夜ｫｮ�ｪ邵ｺ�ｮ豼ｶ�ｲ*/
.confetti span:nth-child(2n + 1) {
  background: #e3eeff;
}
.confetti span:nth-child(2n + 2) {
  background: #fff5b7;
}
.confetti span:nth-child(2n + 3) {
  background: #ffe0ee;
}
.confetti span:nth-child(2n + 4) {
  background: #e3eeff;
}
.confetti span:nth-child(2n + 5) {
  background: #fff5b7;
}
.confetti span:nth-child(2n + 6) {
  background: #ffe0ee;
}

/*郢ｧ�｢郢昜ｹ斟鍋ｹ晢ｽｼ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ邵ｺ�ｮ驕伜争辟�*/
.confetti span:nth-child(2n + 1) {
  animation-duration: 5s;
}
.confetti span:nth-child(2n + 2) {
  animation-duration: 4.4s;
}
.confetti span:nth-child(2n + 3) {
  animation-duration: 6s;
}
.confetti span:nth-child(2n + 4) {
  animation-duration: 5.5s;
}
.confetti span:nth-child(2n + 5) {
  animation-duration: 4.8s;
}

/*驍丞雀閨夜ｫｮ�ｪ邵ｺ遒∝延郢ｧ髮�ｽｧ荵晢ｽ∫ｹｧ荵昶穐邵ｺ�ｧ邵ｺ�ｮ隴弱ｋ菫｣*/
.confetti span:nth-child(2n + 1) {
  animation-delay: 0s;
}
.confetti span:nth-child(2n + 2) {
  animation-delay: 4s;
}
.confetti span:nth-child(2n + 3) {
  animation-delay: 6s;
}
.confetti span:nth-child(2n + 4) {
  animation-delay: 2s;
}
.confetti span:nth-child(2n + 5) {
  animation-delay: 6s;
}
.confetti span:nth-child(2n + 6) {
  animation-delay: 10s;
}
.confetti span:nth-child(2n + 7) {
  animation-delay: 2s;
}
.confetti span:nth-child(2n + 8) {
  animation-delay: 4s;
}
.confetti span:nth-child(2n + 9) {
  animation-delay: 11s;
}
.confetti span:nth-child(2n + 10) {
  animation-delay: 1s;
}
.confetti span:nth-child(2n + 11) {
  animation-delay: 5s;
}
/*=============================================
 レスポンシブ クラス
 *=============================================*/
#lp-contents .hidden-phone {
    display: inline-block;
}
#lp-contents .visible-phone {
    display: none;
}
@media (max-width: 768px) {
    #lp-contents .hidden-phone {
        display: none;
    }
    #lp-contents .visible-phone {
        display: block;
    }
}